WEB制作関連

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

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

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

stloop_01.gif

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

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

stloop_02.gif

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

stloop_03.gif

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

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

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

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

関連記事

  1. WEB制作関連

    カッコいいグランジ風のフォント45個まとめ

    グランジ系フォントのまとめです。個人利用向け中心ですが好みのものが多か…

  2. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選

    facebookのスマートホンサイトなどでも採用されているサイドからス…

  3. WEB心理学

    マーケティング心理学|ツァイガルニック効果

    浜崎あゆみが熱愛!その相手とは…?このようなコピーで、クリック…

  4. WEB制作関連

    クリエイティブな30個のロゴタイプが素敵。

    クリエイティブなイメージのロゴタイプのまとめです。 (さらに&…

  5. WEB制作関連

    様々なカレンダーを実装するjQueryプラグイン25選

    日付の選択やスケジュールを表示する際に便利なカレンダー表示のjQuer…

  6. WEB制作関連

    フリーで使える高品質な紙のテスクチャー40個まとめ

    くしゃくしゃにしたものや古びた感じ、方眼、ノート罫など紙のテクスチャを…

  1. Design Items

    1台?役の家具があった。
  2. Design Items

    クリエイティブな2012年カレンダーのまとめ
  3. Design Items

    いつまで見ていても飽きないインテリア系ブログ25選
  4. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(2)課題管理表
  5. LifeHack・仕事術

    プレゼン・企画書づくりに役立つ記事・ツールまとめ
PAGE TOP
Top