ホームページ制作に役立つ「情報アーキテクチャ(IA)」とは。ログイン会員登録マーケター必読の最新情報をお届け無料会員登録SEOSNSマーケWeb広告CMSABテスト・EFOMALP制作データ分析インタビューすべてのカテゴリferretメディア記事をさがすCMS・サイト制作ホームページ制作に役立つ「情報アーキテクチャ(IA)」とは。インフォメーションアーキテクトとの違いと基本的なポイントを解説ホームページ制作に役立つ「情報アーキテクチャ(IA)」とは。2018年01月31日CMS・サイト制作マイページにお気に入り*「自分の探している情報がどこにあるかわからない。ホームページ上のどこを見えばいいのかわからない」*という経験、ありませんか?ホームページの制作側にとっては、そういったユーザーを迷わせてしまうページは作りたくないものです。その時に重要となるのが「情報アーキテクチャ(IA)」という技術です。今回はIAの意味と基本的なポイントを解説します。情報アーキテクチャ(IA)」とは情報をわかりやすく伝え、ユーザー側から情報を探しやすくする技術であり、優れたUXには不可欠な要素でしょう。情報アーキテクチャ(IA)とは「アーキテクチャ(architecture)」とはもともと「建築様式」や「構造」を表す英単語です。転じて、コンピューターシステムの論理的構造を意味する用語として用いられてきました。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つを混ぜていくことでホームページ上のコンテンツも整理していくことができるでしょう。TIMES(プレスリリース情報)」といったカテゴリーに分けています。このようにコンテンツを体系的にまとめていくことで、ユーザーにとっても求める情報が探しやすいホームページになるでしょう。参考:[情報アーキテクチャについて、映画『007/慰めの報酬』が教えてくれること(前編)](http://web-tan.forum.impressrd.jp/e/2008/11/19/4407)整理が下手な人を助ける「LATCHの法則」3.要素を絞って、そのページで行えることを明らかにするユーザーにとって情報を見つけやすくするためには、そもそも多くの要素を置かないという方法もあります。問い合わせフォームのような事例では入力完了のボタンの他に、関連ページへリンクボタンが含まれていたら、どちらを押せばいいのか迷ってしまうかもしれません。逆に要素を減らし、説明文をつけることでユーザーにとっても、自分の進むべき次のページが明らかになるでしょう。参考:ユーザーを迷子にさせない!コンバージョン率を劇的に上げる斬新で意外な3つのポイントページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るナビゲーションナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るWebサイトWebサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るナビゲーションナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。詳しく見るバナーバナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。静止画像だけでなく、アニメーションを用いたバナーもあります。詳しく見るトップページインターネットのWebサイトの入り口にあたるページのことをトップページといいます。一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。メディア編集部メンバーが不定期で更新します。“振り返り”に役立つ5つのフレームワーク。まで徹底解説CMS・サイト制作デザインデザイナーに聞く「ウェブアクセシビリティ」の重要性。