ユーザインタフェース第4回ナビゲーションナビゲーションの目的 • 手がかりを与える(先週「ナビゲーションの意義」) – 自分がどこにいるか、どこにいけばよいか • ここに何があるかを示す • サイトの使い方を示す – 何から始めるべきか、どんな選択肢があるか – なんとなくわかる（どうせ説明を読まないので重要） • サイトを構築した人への信頼感を与える – ユーザは「こいつら本当に分ってるのかね」と値踏みしながらアクセスしている – 再訪してもらえるサイト構築にはナビゲーションが有効 Webナビゲーションの慣例 • ナビゲーションには、誰もが想定する慣例 – 道路標識は、道の角 – 印刷物ではページ番号は余白 • Webナビゲーションの慣例は印刷の世界から – – – – – – サイトID：このサイトが何者かを示すロゴセクションとサブセクション：サイトの構成を示すユーティリティ：検索ツール、買い物かごなどの道具現在地の表示ページ名ローカルナビゲーション：現在の階層で選択できるもの • 最近はflashアニメーションを使うものが多いページ名サイトID 現在地表示セクションユーティリティテキストによるローカルナビゲーション Flashによるローカルナビゲーション同じ業種は同じような外観慣例に従っている辞書サイト機能は異なるが，外観は同じ同じ外観にすると • 使い方を説明する必要がなくなる – 単語の意味 – 発音記号（ときには，発音を音声でデモ） – 例文とその訳 • 使い方で，ユーザを惑わせない，考えさせない同じ外観では，他のサイトに勝てない？ • 慣例は守る – ユーザに考えさせないため • オリジナルの機能は，慣例を守りながら提供グローバル・ナビゲーション（永続的ナビゲーション: persistent navigation) サイト内のあらゆるページに首尾一貫して表示される一連のナビゲーション • ユーザはそのサイトにまだ滞在していることを認識できる • ナビゲーションの使い方の把握が一度で済むグローバルナビゲーションの例グローバルナビゲーションの要素サイトID セクション検索グローバルナビゲーションはすべてのページに [例外] • トップページ • 入力用フォームトップ/ホームユーティリティサイトID • サイトIDは、Webサイトの建物名 – ユーザに、このサイトにいることを認識させるべし • よく知られたロゴを使うべき – IDらしく見えること • 位置も慣例に従う – 最上部、通常は左上の隅セクション：サイト内の主要なセクションへのリンクユーティリティ：サイトを使用するのに役立つ要素グローバルナビゲーションに含めてよいのは、利用者が頻繁に使いそうな、せいぜい３つか４つトップ/ホーム：トップページへのリセット・ボタン • 迷子になってもトップページに戻れる • サイトIDをトップページへのボタンにする – ただし、この慣例を知るユーザは、まだ少数 • 「Top」、「Home」というリンク検索方法：サイト内を検索する手段 • 検索の範囲を限定するような検索手段は用意しない – Amazonは、いかなる商品を検索ボックスに指定しても正しい結果を出す優れたグローバルナビゲーション • 深い階層までナビゲーションを用意しておく – たいていのサイトは2層ぐらいまでしかナビゲーションを用意していない • ページ名は道路標識 – – – – ページの中で最も大きいフォントを使うあるべきところに置く。人は上にあることを期待どのページにもページ名を置くページ名は直前にクリックしたものと一致させる • 現在地はここ – 2つ以上の視覚効果で目立たせる • 色の反転、太字などこのサイトで，サイトID，検索，セクション，ユーティリティは