スタートページ作成のコツ

スタートページ作成のコツ

 例えば、クライアントの事業がペットフードメーカーで、Webサイトはその製品のひとつである「高級キャットフードの紹介」のサイトだとします。Webサイトの目的は、「消費者への認知や説明」「ブランド力のアップ」「小売店のサポート」などが挙げられます。

 運用で、日々の更新は必要ありませんが、月ごとにアクセス解析を行い、それに基づく改修を翌月に実施していきたい、半年ごとにトップページのリニューアル、1年ごとにサイト全体の見直しをしたいという計画があります。それをスタートページにまとめてみましょう。

 構成の例は、図2をご覧ください。複数ページあったとしても、あえてサイドナビゲーションは外し、シンプルに見せます。2カラムで左側が情報の表示やリンク、右側が連絡やスケジュールなどコミュニケーションに関するものを表示しています。

 スタートページ作成のコツは、コンテキストに注目することです。情報の種類ではなく、文脈・状態・条件などのコンテキストを元に分類していくことで、目的を持った閲覧がしやすくなります。プロジェクトごとに閲覧頻度の高いものを上におきましょう。

構成サンプル

 この構成例を元に、スタートページのサンプル(http://sites.google.com/site/prjsamplestartpage/)を作成いたしました(2008年8月現在)。

 まず、左サイドから詳しく見ていきましょう。一番上にある「関連ニュース・クチコミを調べる」は、ブログ検索結果のfeedをiGoogleのRSSリーダーのガジェットで読み込んで表示させています。feedならば何でも表示できますので、関連性の高いブログやWebマガジン、ニュースなどを読み込んでもいいでしょう。表示件数や色・サイズなど調整できます。

 次に、「アクセス解析」を見るための場所です。アクセス解析ツールや解析に関連したサイトへのリンクを作ります。例えば、Google Analyticsなら定期的にレポートをメールする設定にできますので、届いたファイルを「File Cabinet」ページにアップしていきます。最近アップしたファイルは、ダッシュボードとして表示することができます。

 その下に「更新時」「月次定期報告のための調査項目」「トラブル時」などが続きます。このようにコンテキストに由来した見出しにすることで、逆引きリファレンスのように、必要なときに必要な情報がすぐに探せるようにしています。

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30