WEB制作関連

WEBサイト心理学|視線解析

「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありませんか。

”目は口ほどにモノを言う”ということわざがあるように目は脳からつながってる器官の中で唯一、露出している器官で心理状態が現れやすい部分です。

これをもとに目の動きから心理状態を読み取ろうという「視線解析」という研究がありますがこれをサイトを設計する際に考慮するとユーザビリティの高いサイトが設計できます。

この研究によると人の目線と意識には下図のような特徴があるようです。


eye_track.gif

どういうことかというと上下では視覚に意識を集中すると上、聴覚に意識を集中すると真ん中そして体全体で感じようとするときは下に意識が向き、左右では過去を思い出そうとすると左、未来のことなどを想像しようとすると右に意識が向きます。

つまり過去の出来事の情景を思い出そうとすると「視覚的記憶」の左上に意識がいくということになります。

例えば「きのうの夜なにしていたの?」と聞かれたときに本当のことを話す場合は過去の情景を思い出しながら話すので左上に意識がいきます。ところがウソをつこうとすると頭の中でウソの情報を新たに情報をつくっている状態なので右上に意識がいきます。

これが「ウソを付く時に人は右の方を見てしまう。」と言われる所以です。

本題はこれをどう情報設計に生かすかということですね。

Webサイトは別に右にスライドしてくわけでもないのにページを読み進めていくとき無意識に右に進んでいる気がしませんか。それは新しいページに行くときはリンクをクリックしながら「どんな情報があるのかな」と未来を想像するからですね。

たとえばフォームでなにかを申し込む際に、次に進めたつもりが入力した情報の修正ページに戻ってしまった経験はないですか。きっとそれは右方向にボタンがあったのではないでしょうか。


btn_sample1.gif

なんか気持ち悪いですよね。。


btn_sample2.gif

こうするとやっぱりしっくりきますね。

これをもとに考えるとページを読み進めていくときも [←前のページ] [次のページ→] ですよね。

当たり前のようにやっていることかもしれませんが、なんか使い勝手が悪いなというサイトはこういったところに原因があるケースが多いですね。

ちなみに余談ですが右横書きの言葉を使うアラブドメインのGoogleは左右が逆です。アラブ人もウソをつくときに右をみるんでしょうかね?


google_ae.jpg

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

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

関連記事

  1. WEB制作関連

    美しいスライドショーが印象的な40個のWEBサイト

    WEBサイトを作る人なら一度は使ったことのあると思うスライドショーです…

  2. WEB制作関連

    海外Webサイトの特徴 -中国編-

    だいぶ久々の更新になってしまいました。実は仕事の都合で上海に行っていた…

  3. WEB制作関連

    美しいナビゲーションが素敵なWebサイト25個

    ユーザビリティとあわせてそのサイトの印象にも大きく影響を与えるナビゲー…

  4. WEB制作関連

    味覚も視覚も刺激する飲食店のWEBサイト33個

    いろいろなジャンルの飲食店のWEBサイトのまとめです。&nbs…

  5. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  6. WEB制作関連

    より良いナビゲーションにするためのjQueryプラグイン40個

    見た目だけでなく、動きやスピードなどの最適化も求められるナビゲーション…

  1. Design Items

    信号機に新しいアイデアを
  2. 話題・トレンド

    Googleで振り返るロンドンオリンピック
  3. Design Items

    光を浴びて輝く。影を使ったアートたち
  4. Design Items

    ジャケットが○○に早変わり!?
  5. WEB制作関連

    WEBサイト心理学|視線解析
PAGE TOP
Top