WEB制作関連

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

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

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

stloop_01.gif

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

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

stloop_02.gif

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

stloop_03.gif

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

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

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

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

関連記事

  1. WEB制作関連

    「jQuery逆引きマニュアル 」の読者モニターをやってみた vol.01

    「jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践…

  2. WEB制作関連

    インストールされたフォントを一覧できる「wordmark.it」

    自分のPCにインストールされているフォントをブラウザ上で一覧できるWE…

  3. WEB制作関連

    話題の「about.me」でプロフィールページをつくってみた。

    最近、Twitterなどでも自己紹介ページとして利用している人が増えて…

  4. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ

    WEBサイトをコーディングする際にMicrosoftのワードで原稿をも…

  5. WEBマーケティング

    マーケティング心理学|返報性の原理

    「返報性の原理」とは人から何か施しを受けた場合に何かお返しをしなけれ…

  6. WEBマーケティング

    マーケティング心理学|ザイオンス効果

    どの局にも朝の顔と言われるアナウンサーがいると思いますが、お気に入りの…

  1. WEBディレクターズマニュアル

    WEBディレクターの為のコミュニケーション術
  2. WEB制作関連

    WEBサイト心理学|ストループ効果
  3. WEB制作関連

    色とWEBデザイン -ピンク編-
  4. WEBマーケティング

    フリーで使えるアクセス解析ツール15選+2
  5. 話題・トレンド

    思わず笑みがこぼれてしまう写真たち
PAGE TOP
Top