TOP › UX用語 › 情報アーキテクチャ
デザイン・情報設計

情報アーキテクチャInformation Architecture (IA)

情報アーキテクチャ(information architecture、IA)とは、サイトやアプリの情報を、どう分けて、どう名前をつけるかの設計である。 市役所のサイトを例にする。「引っ越しの手続き」を調べたい住民がいる。ページが「戸籍住民課 […]

情報アーキテクチャ(information architecture、IA)とは、サイトやアプリの情報を、どう分けて、どう名前をつけるかの設計である。

市役所のサイトを例にする。「引っ越しの手続き」を調べたい住民がいる。ページが「戸籍住民課」「市民税課」と、課の名前で分かれていたら、どこを開けばよいのか分からない。「くらし・手続き」の下に「引っ越し」があれば、思い浮かべた言葉のまま、たどり着ける。この分け方と名前の決め方が、情報アーキテクチャである。

ナビゲーションとは別のもの

NN/g のジェン・カーデロは、2014年の記事で、IAとナビゲーションを分けて考えるよう書いている。IAは骨組みで、画面には出ない。内容と機能を洗い出し、グループに分け、名前をつけて、関係を決める。記録は、表計算ソフトや図に残す。ナビゲーションは、その骨組みを画面に出したものだ。メニュー、パンくず、フィルター、フッターが当たる。

記事は、動物の骨格にたとえている。骨は見えないが、見える姿を支えている。

市役所サイトの分類の木と、それを反映したメニューとパンくずの画面
図1:情報アーキテクチャと、ナビゲーションの違い(説明用に作った例。区別は NN/g の記事に基づく)

何をするのか

主な作業は、次のとおり。

  • サイトにある内容を、すべて洗い出す(コンテンツの棚卸し)。
  • 古い内容や、質の低い内容を点検する(コンテンツの監査)。
  • 似たものをまとめる。
  • 分け方の体系を決める(タクソノミー)。
  • 内容を説明する補足のデータを付ける(メタデータ)。

決め方と、確かめ方

分け方は、人がどう情報を探すかを知ってから決める。カードソーティングで、利用者に内容をグループに分けてもらう。できた構造は、ツリーテストで確かめる。名前も大事で、「詳しくはこちら」のようなリンク名では、行き先が分からない。NN/g の学習ガイドも、ラベル、カードソーティング、ツリーテストを、IAの手法として並べている。

使うときの注意

見た目から先に決めない。メニューの形を先に決めると、あとで階層の深い節が見つかったときに困る。ナビゲーションを作り直すか、無理に押し込むことになる(NN/g)。

構造は画面に出ないので、表や図に残す。残さないと、担当が変わったときに、なぜこの分け方なのかが分からなくなる。

「メニューを変えたい」と言われたら、メニューの問題か、分け方や名前の問題かを、先に見る。

語源・位置づけ

NN/g のガイドは、IAを、サイトの資源を整理する土台と位置づけている。その上に作る、見えるナビゲーションとは区別している。

出典

関連用語

「UX用語」のカテゴリー