12月の授業日記

12/3 情報設計

ウェブは物理的にページ遷移が行えない

情報設計

  1. 情報自体の整理=カテゴライズ
  2. 到達手段の整備=ナビゲーション

ナビゲーション

ナビゲーションに求められる要件

  • リンクの存在、リンクとわかるデザイン
  • スクロールせずに操作可能>ファーストビューエリア
  • 各ページで同じ法則性を保つ

ナビゲーションの種類

グローバルナビゲーション

  • トップ第一階層のナビ
  • 全てのページのスクロール不要な同じ場所に配置

ローカルナビゲーション

  • カテゴリー内を移動するためのナビ

コンテンツ内ナビゲーション

  • ページ内要素が多い場合の見出しとリンクを兼ねたもの

ナビゲーションのレイアウト

水平型

主にグローバルナビゲーションに用いられる

  • スクロール不要で使い勝手に優れる
  • 項目数・文字数の制約を受ける

垂直型

変更の可能性のあるローカルなびなどに用いられる

  • 項目数の増減に柔軟に対応可能
  • 下部は操作性が劣る

プルダウンメニュー

  • 垂直・水平のメリットを組み合わせられる
  • 使いづらい側面も

既存サイト分析と提案

コンテンツの分析

  • 幅が狭い
  • バナーがとても多く、文字が多い
  • トップページが短い