ホームページ制作に役立つ「情報アーキテクチャ(IA)」とは。インフォメーションアーキテクトとの違いと基本的なポイントを解説
*「自分の探している情報がどこにあるかわからない。ホームページ上のどこを見えばいいのかわからない」*という経験、ありませんか?
ホームページの制作側にとっては、そういったユーザーを迷わせてしまうページは作りたくないものです。
その時に重要となるのが「情報アーキテクチャ(IA)」という技術です。
今回はIAの意味と基本的なポイントを解説します。
情報アーキテクチャ(IA)」とは情報をわかりやすく伝え、ユーザー側から情報を探しやすくする技術であり、優れたUXには不可欠な要素でしょう。
情報アーキテクチャ(IA)とは
「アーキテクチャ(architecture)」とはもともと「建築様式」や「構造」を表す英単語です。
転じて、コンピューターシステムの論理的構造を意味する用語として用いられてきました。
なかでも、ホームページにおける*「情報アーキテクチャ(Information Architecture:IA)」とは、ユーザーにとって情報をわかりやすく・見つけやすくする技術全般*を指します。
情報アーキテクチャ自体は、実は新しい概念ではありません。
例えば、雑誌や書籍であっても「この記事はどこにあるんだろう」考えるユーザーに合わせて、情報を体系的に整理し、目次や見出しをつけてわかりやすくするでしょう。
同様にホームページにおいても掲載する情報を整理し、ユーザーにとってわかりやすく見せることが求められます。
「どのページにに自分が探したいものがあるのかわからない」「今、自分がどのページにいるのかわからない」ということになれば、ユーザーはそのままページから離脱してしまうでしょう。
実際に情報アーキテクチャを構成する要素としては「ラベリング」「ナビゲーション」「検索システム」などがあります。
これらの要素を体系付けて構成することで、すぐれたUXを生むことができるでしょう。
参考:
IAとUXデザインの違い
情報アーキテクチャ(IA)とナビゲーションの違い
情報アーキテクチャとインフォメーションアーキテクトとの違い
情報アーキテクチャとよく似た言葉として*「インフォメーションアーキテクト」*という言葉があります。どちらも「情報=インフォメーション」という言葉が使われており、略称も同じ「IA」なので混同してしまうこともあるでしょう。
アーキテクチャ(architecture)が「建築様式」や「構造」を意味する一方、アーキテクト(Architect)は「建築家」や「設計士」を指します。
つまり、構造そのものと、構造を作る人という違いがあるでしょう。
インフォメーションアーキテクトは、情報アーキテクチャのスキルを持った人材を指します。「情報設計者」とも呼ばれ、具体的にはユーザー分析やシナリオ設計、ワイヤーフレームの作成などの幅広い業務にあたります。
参考:
インフォメーションアーキテクト対談
[Webサイト設計にインフォメーションアーキテクトは必要か]
(http://web-tan.forum.impressrd.jp/e/2008/12/04/4468)
情報アーキテクチャの基本的なポイント
情報アーキテクチャは主に大規模サイトにおいて利用される技術です。
ですが、そのエッセンスを掴むことによって、中規模のサイトでも役に立てていくことができるでしょう。
それでは、情報アーキテクチャの基本的なポイントを3つ解説していきましょう。
1.情報を「どの状況の誰に対して、どう提供するのか」を設定する
例えば、「転居してきたので住民票を移動したい」という人は、市役所のページで転居の手続きに必要な書類や窓口の開いている時間を知りたいと思うでしょう。
そういったユーザー像を想定すると、本当にわかりやすいホームページにするには「課ごとのリンクが貼られているナビゲーション」ではなく「住民票の移動手続きはこちら」というバナーをトップページに貼ることが必要とされるかもしれません。
このように情報アーキテクトにおいては、そもそもホームページを利用している顧客像を明らかにすることが重要です。
・誰に伝えるのか?
・ホームページがどのように利用されているのか
・どのような内容を伝えれば相手に意図が伝わるのか
上記の3点を意識して、ホームページにはどのような顧客が訪れ、情報は何を求められているのかを分析してみましょう。
参考:
[「理解デザインとしての情報アーキテクチャ」ワークショップ]
(http://yj-creative.tumblr.com/post/89921306287/%E7%90%86%E8%A7%A3%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A8%E3%81%97%E3%81%A6%E3%81%AE%E6%83%85%E5%A0%B1%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88)
2.コンテンツを体系化してまとめる
ホームページに求められている情報の見せ方が明らかになってきたら、実際にコンテンツを分類してまとめていきます。
その際にはLATCHという5つの基準をもとにすると、わかりやすくまとめられます。
LATCHとは「場所(Location)」「アルファベット順(Alphabet)」「時間(Time)」「カテゴリー(Category)」「階層(Hierarchy)」の5つの基準を指し、この5つを混ぜていくことでホームページ上のコンテンツも整理していくことができるでしょう。
例えば、ferretでは記事を「トレンド&ニュース」「ferret×PR TIMES(プレスリリース情報)」といったカテゴリーに分けています。
このようにコンテンツを体系的にまとめていくことで、ユーザーにとっても求める情報が探しやすいホームページになるでしょう。
参考:
[情報アーキテクチャについて、映画『007/慰めの報酬』が教えてくれること(前編)]
(http://web-tan.forum.impressrd.jp/e/2008/11/19/4407)
整理が下手な人を助ける「LATCHの法則」
3.要素を絞って、そのページで行えることを明らかにする
ユーザーにとって情報を見つけやすくするためには、そもそも多くの要素を置かないという方法もあります。
例えば問い合わせフォームのような事例では入力完了のボタンの他に、関連ページへリンクボタンが含まれていたら、どちらを押せばいいのか迷ってしまうかもしれません。
逆に要素を減らし、説明文をつけることでユーザーにとっても、自分の進むべき次のページが明らかになるでしょう。
参考:
ユーザーを迷子にさせない!コンバージョン率を劇的に上げる斬新で意外な3つのポイント
まとめ
情報アーキテクチャ(IA)とは情報をわかりやすく伝え、ユーザーの望む情報を探しやすくする技術全般を指します。雑誌やパンフレットでも重要な要素であり、ホームページ制作においても必要となる技術です。
情報アーキテクチャのスキルを持っている人材である「インフォーメーションアーキテクト」と混同してしまわないよう、気を付けましょう。
すぐれた情報アーキテクチャを構築していくには、まずホームページに触れるユーザーが求めている情報は何か、どのような内容の検索を行うのかを想定することが求められます。
現在ホームページに訪れているユーザーの情報を解析するだけでなく、ホームページを制作しながら実際に想定するユーザー似た人物にホームページを操作してもらい「欲しい情報にたどりつけているかどうか」をチェックしていくようにしましょう。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング