📖 テーマ設定
🔊 音声設定
1.2
1.0
1.0
▶️ 再生コントロール
🎵 BGM設定
0.3
🔔 効果音設定
0.3

情報アーキテクチャとは

概要

  • 日程: Day 1 / セッション 03
  • 時間: [10:10-10:40]
  • 形式: 座学
  • ゴール: 情報アーキテクチャの定義(誰に価値を提供するかを決定しソフトウェアの構造に落とし込む手法)を、自分の言葉で30秒以内に説明できる
  • 学習形式: 対話型解説

導入(5分)

前のセッションで、チームの開発テーマが決まりました。「家計簿」「レシピ提案」「オークション」など、それぞれのテーマには「情報」が登場します。

ここで質問です。「データ」と「情報」、この2つの言葉、何が違うか答えられますか?多くの人は「同じようなもの」と感じるはずです。しかし実は、この違いがIAの出発点です。

このセッションの終わりには「IAって何?」と聞かれて、自分の言葉で30秒で答えられるようになっています。

本編(20分)

1. UXの中でのIAの位置づけ

「The Elements of User Experience」という、Jesse James Garrettが書いた有名な本があります。彼は、UXを5つの層に分けて図解しました。下から順に積み上がる、5段階の構造です。

flowchart TB L5["Surface(表層): 視覚デザイン"] L4["Skeleton(骨格): UI/ナビゲーション設計"] L3["Structure(構造): IA・インタラクション設計"] L2["Scope(要件): 機能要件・情報要件"] L1["Strategy(戦略): ユーザニーズ・プロダクト目標"] L1 --> L2 --> L3 --> L4 --> L5

家を建てるのと似ています。基礎工事(戦略)の上に構造(柱と梁)が立ち、骨格(壁と部屋の配置)ができて、最後に内装(表層)が来ます。IAは「構造」の層、つまり「家の柱と梁」にあたります。

ここで考えてみてください。基礎が弱い家に、いくら立派な内装をしても倒れます。逆に、基礎がしっかりしていれば、内装が古くなっても住み続けられます。だから「目に見えない構造」のIAが最も大事なのです。

実はApple製品が「美しい」と言われるのは、表層のデザインだけでなく、その下のIAがしっかり設計されているからです。iPhoneの「設定」アプリを開くと、項目の並び順、グルーピング、階層構造が「探しやすく」できています。これがIAです。

ここがポイント

よくある誤解として「IA = サイトマップを書く」というのがありますが、これは結果の一部にすぎません。IAの本質は「情報の構造を、誰のために、どう設計するか」を決める意思決定そのものです。

コラム

Jesse James Garrettは、2000年に「The Elements of User Experience」の図を1枚のPDFで公開しました。当時、Webデザインは「見た目だけ」だと思われていた時代に、この5層モデルが「Web制作は建築のような構造設計だ」と業界に示しました。20年以上経った今も、UXの教科書の最初に出てくる図です。

2. データと情報の違い

ここで本題の「データ」と「情報」の違いを見ましょう。

「25, 42, 38, 19」これはデータです。意味があるかというと、これだけでは分かりません。

「先月、私たちのチームが食べたラーメンの杯数:太郎25杯、次郎42杯、三郎38杯、四郎19杯」これは情報です。誰の、何の、いつの数字かが分かります。

つまり、データ = 単なる事実や値、情報 = データに文脈と意味が付いたものです。

flowchart LR Data["データ: 25, 42, 38, 19"] --> Context["文脈付与: 誰が・何を・いつ"] Context --> Info["情報: 先月のラーメン杯数(太郎25杯…)"]

もう一例を挙げます。「血圧130」これはデータです。「あなたの血圧は130mmHg、健康診断の基準値内ですが昨年より10上昇しています」これが情報です。意思決定や行動に繋がるのが情報です。

データはそれ単体では価値が低い。しかし、文脈を与えて「誰かにとって意味のあるもの」になった瞬間、価値が生まれます。IAは「データに、誰にとって意味のある文脈を与えるか」を設計します。

ここがポイント

プログラマーは「データベース」を扱いますが、ユーザーが受け取るのは「情報」です。データを情報に変える部分が、UIとIAの仕事です。「データを表示する」のではなく「情報を伝える」と意識すると、設計が変わります。

3. IAの定義

ここまでの議論をまとめると、情報アーキテクチャは次のように定義できます。

情報アーキテクチャ(IA)とは、「誰に、何の価値を提供するか」を決定し、その意思決定をソフトウェアの構造(情報の整理・分類・命名・配置)に落とし込む手法である。

3つのキーワードがあります。

1つ目は「誰に」。ユーザーを特定すること。「みんなのため」は「誰のためでもない」のと同じです。ここで後で学ぶ「ペルソナ」が登場します。

2つ目は「何の価値を」。情報を提供することそのものではなく、ユーザーが達成したい目的に寄り添うこと。たとえば家計簿アプリは「収支を記録する」のが機能ですが、ユーザーが得たい価値は「お金の不安から解放されること」かもしれません。

3つ目は「構造に落とし込む」。意思決定を、絵に描いた餅で終わらせず、実装可能な形(情報の分類・命名・関係)まで具体化すること。

flowchart LR Who["誰に: ペルソナ"] --> What["何の価値を: 利用シーン"] What --> How["構造に落とし込む: 情報定義書・分類"]

たとえばクックパッドは「料理初心者の主婦」に「失敗しないレシピと、家族に喜ばれる達成感」を提供するために、「投稿者のストーリー」と「つくれぽ(作った報告)」という独特の構造を持っています。一方、デリッシュキッチンは「忙しい働く女性」に「動画で短時間で学べる」価値を提供するために「動画を主軸にした構造」になっています。同じ「レシピ」というドメインでも、IAが違うのです。

💬 AIに聞いてみよう

ここまでの内容で疑問があれば、AIに質問してみましょう。たとえば:

  • 「データと情報の違いを、別の例で説明して」
  • 「私のチームの開発テーマは〜です。これのIAを設計するなら、誰に何の価値を提供するべき?」
  • 「The Elements of User Experienceの5層を、Twitterで例えて説明して」

まとめ(5分)

今回学んだことを一言でまとめると、**「IAは、誰のために、何の価値を、どう構造化して提供するかを決める設計手法」**です。

次のセッションでは、いよいよ実習です。チームの開発テーマで「登場する情報」を15個以上洗い出して「情報定義書」を作ります。今学んだ「データと情報の違い」を意識して、「ユーザーにとって意味のある情報」を挙げてください。

🔄 振り返りチェック

  • IAの定義を30秒以内で説明できますか?
  • データと情報の違いを、自分の例で挙げられますか?
  • UXの5層構造の中で、IAはどこに位置していますか?

補足資料

  • 参考リンク: Jesse James Garrett『The Elements of User Experience』、Louis Rosenfeld『Information Architecture for the World Wide Web』(通称「シロクマ本」)
  • 発展課題: 自分が使っているアプリのUXを5層に分けて分析する

学習ガイド

想定される質問と回答例

質問 ヒント
IAとUIの違いは? IAは情報の構造(柱と梁)、UIは入出力の仕様(窓とドア)
「価値」って何?お金? お金とは限らない。「時間を節約できる」「不安が解消される」「楽しい」も価値
IAは1人で決めるの? 通常はチームで議論し、ペルソナの視点で意思決定する

つまずきやすいポイント

つまずきポイント ヒント
「データ」と「情報」を混同 「数字だけ」がデータ、「誰の何の数字か」が情報、と覚える
IAを「サイトマップ作り」と誤解 サイトマップはIAの成果物の一部。意思決定がIAの本体
「価値」を機能と混同 機能は手段、価値は目的。「ボタンを押す」が機能、「お金の不安が消える」が価値
読み上げを開始します...

AIに質問する