WEB制作関連

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

ストループ効果とは心理学者ジョン・ストループによって報告された認知心理に関する現象です。

どういうことかというと”百聞は一見にしかず”なので以下を読んでみてください。

stloop_01.gif

一瞬、とまどったのではないでしょうか。もしかしたら文字ではなく色の方を言ってしまったかもしれません。このように「文字」と「色」といった同時に目にする二つ以上の情報が干渉しあう現象を「ストループ効果」といいます。

これをWEBサイトに落とし込んで考えてみると次のようになります。

stloop_02.gif

どうでしょうか?
これだとユーザは内容を理解するのに時間がかかってしまったり、不安を感じたり、場合によっては離脱の原因になってしまいます。

stloop_03.gif

これだと、しっくりきますね。
特にユーザーが短時間で情報を判別するWEBでは言葉だけでなく、アイコンやイメージなどを効果的に用いることでユーザビリティやファインダビリティを向上させることが重要になります。

アイコンなどを作成する際によく利用している便利なサイトはこちらで紹介していますのであわせてどうぞ。

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

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

関連記事

  1. WEB制作関連

    X’MASにぴったりなPhotoshopのレイヤースタイル

    クリスマスにぴったりなゴールドがお洒落なPhotoshopのレイヤース…

  2. WEBマーケティング

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

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

  3. WEB制作関連

    レスポンシブWEBデザインで作られたWEBサイト26選

    最近、注目度のあがってきているレスポンシブWEBデザインで制作されたW…

  4. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  5. WEB制作関連

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

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

  6. WEB制作関連

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

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

  1. 話題・トレンド

    やっぱりオシャレは我慢??
  2. WEB制作関連

    jQuery+Ajaxで実装するファイルアップローダー
  3. LifeHack・仕事術

    使えるアカウントをまとめてチェックできる「namechk」
  4. 話題・トレンド

    スゴイ地図を集めてみた。
  5. WEB制作関連

    EVERNOTEの新機能「Site Memory」実装編
PAGE TOP
Top