『マジックナンバー７±２（４±１）』の概念をウェブデザインに取り入れる
先日ご紹介しました、『デザインにひそむ〈美しさ〉の法則』っちゅう本
この本でも、ちらっと、触れられている『マジックナンバー』っちゅう概念。ウェブデザインにも応用できそうなのでメモ。
そもそも、この『マジックナンバー７±２』（最近では、４±１との説もございます。）というものは・・・
１９５６年に心理学者のジョージ・ミラーさんが発表されたもので、
人間が短期的に記憶できるかたまりの数を指すそうです。。
無意識のうちに短期記憶の中に記憶できる数が５～９もしくは、３～５つのかたまりだそうですわ。。
電話番号とかがいい例っす。0312345678って書かれるよりも03-1234-5678って書かれる方が記憶しやすいですよね。。。（わたくしこれでも記憶できませんが。。。）３～５つの数字のかたまりに分けることで、短期記憶に記憶しやすくするように工夫されているようです。
何の気なしにボ～っと見てることの多いウェブサイトにも、この『マジックナンバー７±２（４±１）』の概念は、もちろん取り入れられております。。
1. wikipedia
wikipediaのナビゲーションは７つにまとめられてますね。
2. 楽天
楽天のサーチ横のナビゲーション部分も７つ。。。
3. YAHOO! JAPAN
YAHOO! JAPANは、ロゴを挟んで左右に３つずつですね。
4. Google
Googleの場合は、５つにまとめて、残りはmoreってしてます。
5. Apple
Appleのメインメニューもやっぱり７つ。。（アメリカは最近iPhoneが追加されて、８つになってます。。）
やはり、普段よく見られるサイトは、この『マジックナンバー７±２（４±１）』の概念を取り入れてるのでしょうね。。
ウェブやデザインの知識が乏しいクライアントさんの多くは、サイトのメニュー部分をやたらと多くしたがる傾向にあります。。。
自分たちのビジネス内容を少しでも多く見せたいというのは良く分かるのですが。。この『マジックナンバー７±２（４±１）』の概念からすると、メニュー部分を１０も２０も設けるのは（ちと大げさか。。。）、逆効果なのかもしれませんね。。。
|
|
|
3月 30th, 2007 at 6:26 PM
「マジックナンバー７±２（４±１）」は後付け理論なので、wiki、apple、google等のサイトメニュー数が３～９なのは「マジックナンバー７±２（４±１）」を取り入れているという記事内容は違うと思います。
wiki、apple、google等のサイトメニュー数に限らず３～９という数は１や２、または１０以上の数よりもはるかによく使用される数なので、大概の事柄に当てはまります。
英単語の数(Stadium・rabbit・card・・・)会社名(yahoo・資生堂・フジテレビ・・・)
３～９という数が多く使用されているから「マジックナンバー７±２（４±１）」という考えが成立するのであって、「マジックナンバー７±２（４±１）」という考えがあるから３～９という数が多く使用されているのではないと思います。
3月 31st, 2007 at 4:20 PM
johannesさん
コメントありがとうございます。確かにおっしゃられるとおり、「マジックナンバー７±２（４±１）」は後付け理論なのですが。。。ほとんどの大企業のサイトでは、メニュー数が３～９以内に上手くまとめられいるので、大概の事柄に当てはまります。
わたくしが、担当する個人や、中小企業のクライアントさんは、どうもメニュー数を多くしたがる傾向があるのです。。
こんなときに、実際にいくつかのサイトを見せながら、この「マジックナンバー７±２（４±１）」の理論はなかなか、ウケがいいのです。
デザイン的にもすっきり見せて、ユーザーの方々にも認識されやすいデザインを追求した結果、この理論で落ち着いたのではないでしょうか？
11月 5th, 2008 at 7:57 AM
[...] ホームページは第一印象が命 (All About) 『マジックナンバー７±２（４±１）』の概念をウェブデザインに取り入れ… (DesignWalker) ホームページの表示を高速化するための14のルール (Ecommerce [...]