市場調査ホームニールセン博士のAlertbox情報アーキテクチャ(IA)とナビゲーションの違いIAはサイトを支える情報の基盤である。ナビゲーションとはサイトの特定の情報にユーザーがたどり着くことを可能にするUI要素をさす。2014専門家の中にも、情報アーキテクチャ(IA)とナビゲーションデザインを一括りにしてしまう人はいる。これらのコンセプトは関連があり、情報アーキテクチャによって、Webサイトのナビゲーションデザインの情報が伝わるというのは事実である。IAとナビゲーションというのは別物だ。実際のところ、情報アーキテクチャの領域はWebサイトのナビゲーションよりもはるかに広い。Architecture」(情報アーキテクチャの実践の枠組み)の中で、Webのナビゲーションとは氷山の先端のようなもので、サイトの情報アーキテクチャの頂点に位置している、と述べている。アーキテクチャ(IA)は画面上のユーザーインタフェース(UI)の一部ではない。IAがUIに情報を与えるのだ。IAはスプレッドシートやダイアグラムで文書化できるが、ワイヤーフレームやコンプリヘンシブレイアウト(カンプという名前で通っている)、プロトタイプの形では記述できない。このサイトマップが説明しているのは、nngroup.comサイトのさまざまなコンテンツと、そうしたコンテンツ間の関係である。青色のノードは第1階層の情報オブジェクトを、緑色のノードは第2階層のオブジェクトを、黄色は第3階層のオブジェクトを表している。子ノードはすべて、親の下にくる。IA自体がUIの中に現れることはないとはいえ、それがユーザーエクスペリエンス(UX)に影響を与えていることは間違いない。ユーザーエクスペリエンスの定義から明らかなように、全体的なユーザーエクスペリエンスとは、ユーザーが遭遇するものすべてによって構成されるからである。ユーザーにWebサイトの構造が見えることはないが、うまくいけば、コンテンツが自分たちのニーズや期待に一致するようなやり方で分割あるいは連携されていると感じてくれるだろう。残念ながら、コンテンツや機能が欲しかったものとは違いそうということでユーザーに去られるサイトは多いし、構成や構造、用語体系が貧弱なおかげで、彼らのエクスペリエンスがスムーズにならないこともある。例を挙げると、スーパーマンか放射線技師でもない限り、馬や鶏をじっと見たところで、それらの骨格はわからない。かかわらず、そうした骨格のおかげでこの2つの動物はまったく違う生き物になっている。鶏に乗ろうとしてはならない。彼らの骨格ではあなたを支えきれないからである。情報の発見に役立つ、「関連リンク」リスト等のナビゲーション要素の生成に利用可能な有用なメタデータの定義Webサイトのナビゲーションとは何かWebサイトのナビゲーションはユーザーインタフェース要素の集合体である。ナビゲーションの主な目的はユーザーが情報や機能を見つけるのを手助けして、望ましい行動を彼らに取らせることである。ナビゲーション要素には、グローバルナビゲーション、ローカルナビゲーション、ユーティリティナビゲーション、パンくずリスト、フィルター、ファセット(ナビゲーション)、関連リンク、フッター、ファットフッター等がある。1)ユーティリティナビゲーション、2)グローバルナビゲーション、3)パンくずリスト、4)ローカルナビゲーション、5)関連リンク(この例では記事やブログ投稿)、6)ファットフッター。ユーザーはこのナビゲーション要素にどの程度頼るだろうか。ユーザーがサイト内の移動に主に利用するのはローカルナビゲーションになるだろうか、それとも関連リンクに頼ることのほうが多そうか。どのページに表示されるべきか。そのページのレイアウト割のどこに置かれるべきか。タブ、メガメニュー、カルーセル、アコーディオンなど。IAとナビゲーションの関係サイトを新規にデザインするとき、デザイナーがIAを無視して、ナビゲーションだけに集中することは可能だろうか。その答えは「いいえ」だ。することは非効率だし、危険ですらあるからだ。ナビゲーションがサイトのコンテンツや機能の全領域に適切に対応しないことによるコストは非常に高くつく。あるデザインチームが一般的な逆L型のナビゲーション(1本のトップナビゲーションバーと左カラムによる構成)の採用と決めたとする。見た目が気にいっているからだ。逆L型は階層の深さが4段階までのサイトに適応可能である。プロジェクトの後半になって、サイトの棚卸しを行ったところ、残念ながら、サイトにあるセクションの多くが5段階以上の階層になることがわかってしまった。彼らは今になって、後戻りをして、新たなナビゲーション構造をデザインするか、でなければ、すべてのコンテンツを4階層に詰め込もうとしなければならない。逆L型のナビゲーションの例。(http://www.suffolk.edu/)IAはナビゲーションをデザインする前に定義しよう新規のデザインプロジェクトやデザイン変更プロジェクトに取りかかるときに重要なのは、ボンネットの下まで見るような念入りな検証を行い、最初にIAの定義あるいは再定義を行うことである。ワイヤーフレームやプロトタイプ開始前にIAが最終のものになっている必要はない。「ざっとしたIA」を指すものと思われます)は不可欠だ。見た目だけでナビゲーション要素を選択すると、理想的なIAを、ユーザーのニーズに最適な形で応えられないもの、あるいはあなた方のコンテンツに対応不可能なものに変えざるをえなくなる可能性もある。ナビゲーション情報アーキテクチャイードが提供する「ユーザビリティ評価」サービスイードは、スマートフォンアプリやサイトのUI品質をユーザー視点で評価・改善提案し、ユーザー側とビジネス側、双方の目的達成をサポートします。関連記事イントラネットにおける情報アーキテクチャ56件のイントラネットを分析した結果、トップレベルカテゴリやラベル、ナビゲーション設計には多くの共通点が見られたものの、各イントラネットの構造にはかなりの違いが見られたため、最終的にただ一つのIAモデルを推奨することはできなかった。ミニIA:1つの概念の情報を構造化する小規模の情報アーキテクチャでは、対象となる1つのテーマはシンプルなナビゲーションを通して関連づけられたユニットに分割される。Webサイトの階層構造:フラットにするか深くするかフラットでも深くでも、情報の階層は構造化が可能だ。両者にはそれぞれ長所と落とし穴がある。ポリヒエラルキーはIA内のまぎらわしいカテゴリーの見つけやすさを改善するアイテムが2つ以上のカテゴリーに当てはまる場合、IA構造の中でそのアイテムの親を複数挙げることで、ユーザーを失うことを避けることができる。