WEB制作関連

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

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

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

stloop_01.gif

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

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

stloop_02.gif

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

stloop_03.gif

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

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

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

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

関連記事

  1. WEB制作関連

    色とWEBデザイン -むらさき編-

    色はデザインをする上で重要な役割を担いますが、それぞれの色には多くの人…

  2. WEB制作関連

    横スクロールが印象的な27個のWEBサイト

    横スクロールでコンテンツが展開しているWEBサイトのまとめです。…

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

    WEBディレクターなら参考にしたい手書きの画面設計書

    様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を…

  4. WEB制作関連

    フリーで使える布地のテスクチャー50個まとめ

    柄物や布の質感のあるものなど布地のテクスチャのまとめです。 (…

  5. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選

    ECサイトのデザインの際に参考にしたいWEBサイトのまとめです。…

  6. WEB制作関連

    MovableType5インストールしました。チカッパ編

    前回MT4からのアップデートを試みたが見事に失敗したので再チャレンジ。…

  1. WEB制作関連

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

    超速クリア動画がスゴい。「Touch the Number」
  3. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ
  4. 話題・トレンド

    Google検索の新機能「Google Instant」
  5. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個
PAGE TOP
Top