WEB制作関連

WEBサイト心理学|マジカルナンバー

これはアメリカの心理学者ジョージ・ミラーが提唱した言葉で、普段の生活の中で人間が短期記憶で把握できるのは7個(個人差により+-2)程度だということです。

実はこの数字がWEBサイトのインターフェイスを設計するうえで非常に重要になります。

ユーザーはサイトにアクセスして自分に必要な情報があるかを数秒で判断するといわれています。

つまりサイト全体の構造を7つ程度のグルーピングで整理しておかないと、ユーザはそもそもなんのサイトかもよくわからずに離脱してしまう可能性が高くなります。
そのため特にサイトのトップページではひと目でサイトの概要がわかるようにしてあげる必要があります。

とはいえ情報の数が7つに納まるWebサイトというのも少ないでしょう。そんな時は上位のカテゴリをつくってあげます。

たとえば日本の47都道県を掲載しようとした場合は、47個ではとうていマジカルナンバーに程遠いので、以下のように上位のグルーピングを作ります。そうすることで情報は7つのグループになり、各グループ内の情報の数も9つには納まりますね。

100921_3_1.gif

もうひとつ例をあげてみましょう。

とある企業サイトをつくろうとした時に以下のコンテンツを準備しようということになりました。

ごあいさつ、会社概要、企業理念、ブランドメッセージ、A事業、B事業、C事業、CSRの取り組み、社会報告、環境報告、中期経営計画、業績・財務情報、IR資料、IRカレンダー、新卒採用、中途採用、社員紹介、お問合わせ

当然、これを並列にならべてはユーザは目的の情報があっても見つけられる可能性は低いでしょう。これを以下のように整理してあげれば「企業情報」「事業内容」「CSR」「IR情報」「採用情報」「お問合わせ」という6つのグローバルナビゲーションのサイトになり、ユーザは自分の必要な情報を見つけることができるでしょう。

  • 企業情報・・・ごあいさつ、会社概要、企業理念、ブランドメッセージ
  • 事業内容・・・A事業、B事業、C事業
  • CSR・・・CSRの取り組み、社会報告、環境報告
  • IR情報・・・中期経営計画、業績・財務情報、IR資料、IRカレンダー
  • 採用情報・・・新卒採用、中途採用、社員紹介
  • お問合わせ

このように“マジカルナンバー”を意識することでわかりやすいサイト構造を設計することができるようになります。

この記事を読んだ人はこんな記事も読んでいます

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  2. WEB制作関連

    WEBサイト心理学|ストループ効果

    ストループ効果とは心理学者ジョン・ストループによって報告された認知心理…

  3. WEB制作関連

    WEBページを丸裸にしてしまう「The Sexy Curls jQuery」

    右上のちょっとめくれている部分を開くとあれよあれよとWEBページの中身…

  4. WEB制作関連

    多色使いが美しいWEBデザイン45個

    複数の色を効果的に使ってデザインされたWEBサイトのまとめです。…

  5. WEB制作関連

    期待感あふれるクリエイティブなComingSoonページ25個

    WEBサイトの公開やサービスの開始などを告知するcoming soon…

  6. WEB制作関連

    jQueryを学ぶなら必ず見ておきたいサイトまとめ

    今年こそはjQueryを学ぼうという方、またサンプル通りにやれば設置で…

コメント

  1. jQueryベースのグローバルナビゲーション20選

    主に大規模サイト向けのグローバルナビゲーションのjQueryプラグインです。マウ…

  1. この記事へのトラックバックはありません。

  1. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ
  2. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-
  3. WEB制作関連

    WEBサイト心理学|視線解析
  4. WEB制作関連

    色とWEBデザイン -むらさき編-
  5. Design Items

    もったいなくて食べられない!食べ物で作られたアート
PAGE TOP
Top