WEB制作関連

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

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

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

stloop_01.gif

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

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

stloop_02.gif

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

stloop_03.gif

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

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

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

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

関連記事

  1. WEB制作関連

    パーツ別のWEBデザインギャラリー8選

    ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカス…

  2. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選

    CSSをで制御して様々な演出をしているjQueryプラグインのまとめで…

  3. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  4. WEB制作関連

    自然をモチーフにした24のフルFlashサイト

    地球、水、火、空気といった自然のエレメントをモチーフにしたフルFlas…

  5. WEBマーケティング

    マーケティング心理学|バーナム効果

    まずは、以下の質問に答えてみてください。 他人から好かれた…

  6. WEB制作関連

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

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

  1. 話題・トレンド

    思わずひきこまれそうな雨をテーマにした35の写真
  2. LifeHack・仕事術

    シンプルで高機能なタスク管理ツール「todoist」
  3. WEB制作関連

    やっぱり美しい!ブライダル系のWEBサイトまとめ
  4. WEB制作関連

    色とWEBデザイン -みどり編-
  5. Design Items

    卵に印刷できるプリンタ
PAGE TOP
Top