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制作関連

    MT4.2でブログ記事に関連記事一覧を表示

    サイト内回遊を高めるために有効な関連記事表示。これを自分のブログに…

  2. LifeHack・仕事術

    あなたの企画書が10倍伝わりやすくなる魔法の言葉とは?

    最近、知り合いに「○○さんって変わってますよね。」と言われる事がありま…

  3. WEB制作関連

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

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

  4. WEB制作関連

    404エラーページ作成のススメ

    通常サイトにアクセスしていてページが削除されていたり、タイプミスなどで…

  5. WEB制作関連

    情報を省スペース化するjQueryベースのアコーディオン

    主にメニューナビゲーションに利用されることの多いアコーディオンのギミッ…

  6. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

コメント

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

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

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

  1. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ
  2. LifeHack・仕事術

    2011年も使っていきたいWEBツールまとめ
  3. 話題・トレンド

    iTuneから特別な発表があるようです。
  4. WEB制作関連

    色とWEBデザイン -ピンク編-
  5. 話題・トレンド

    やっぱりPhotoshopはすばらしい。
PAGE TOP
Top