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ディレクターズマニュアル

    WEBディレクターの為のEXCEL術(1)作業スケジュール

    個人的な感覚値ですが、優秀なWEBディレクターさんは総じてMS Exc…

  2. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  3. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」

    埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、…

  4. WEB制作関連

    やっぱりオシャレなフォトグラファーのWEBサイト20個

    写真家たちのWEBサイトのまとめです。写真を大きく使ったものが多いです…

  5. WEBマーケティング

    広告コピーにひそむ心理学

    よく目にする広告コピーにはいろいろな心理学的効果が潜んでいます。聞いた…

  6. WEB制作関連

    色とWEBデザイン -茶色編-

    色別WEBデザインのまとめです。今回のテーマは「茶色」です。 …

コメント

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

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

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

  1. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選
  2. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ
  3. Design Items

    食卓をドラマティックに演出する「Manga Food Plates」
  4. 話題・トレンド

    思わず笑みがこぼれてしまう写真たち
  5. Design Items

    思わず採用したくなるクリエイティブな履歴書
PAGE TOP
Top