はじめてWEBエキスパート(専門家)コラム ヒトの心理とページづくり(全6回)

ストループ効果 : 色や情報の「干渉」を意識すると、Webページはわかりやすくなる

人間の行動には、「法則性」があると言われています。これをうまく活用し、より良いページづくりをしてみましょう。

人間の行動には、「法則性」があると言われています。
これをうまく活用し、より良いページづくりをしてみましょう。

「ストループ効果」とは

「ストループ効果」とは、『2つの異なる情報が干渉しあう』ことを言います。
この現象を発見した人(ストループ)の名前がつけられました。

色が与える情報と文字が干渉している例

例えば、「クリスマス」をイメージする色は「赤」と「緑」ですね。
下記の画像を見てみてください。

「犬がかわいいなぁ」と思いつつ、何か違和感を感じませんか?
クリスマスで、サンタの格好なのに「水色」・・・。ヘンな感じですよね。

この「違和感」がストレスに感じられてしまうということになります。
人は、ストレスからは逃げたいという欲求を持っていると言われているため、こういった違和感が続くことで、見ていて「何かストレスを感じる」という印象を与えてしまいます。

サンタクロースはやはり、「赤」ですね。

情報内容と文字が干渉している例

色だけでなく、情報をレイアウトする際にも注意が必要です。

特に問題ないようにも見えますが、パッと見で「問い合わせ」「電話で」という言葉が目にはいると思います。そこで必要になる情報は「電話番号」です。

電話番号を大きくしてみました。
こちらの方がスッと「電話で問い合わせ」という情報が入りやすいと思います。

さらに、視覚的に「電話だ」とわかるような記号も追加してみます。

より、問い合わせしやすくなりました。
さらに、問い合わせする側になって想像してみると、下記のような疑問が出てきます。

  • 営業時間は何時なんだろう
  • 定休日はあるのかな
  • ファックスやメールで問い合わせしても良いのかな
  • 会社名なんだったっけ?
  • 担当の人っているのかな?

これらの情報を、関係があるもの同士を並べてレイアウトすることで、より問い合わせしやすく見える、ということになります。

まとめ

人にはすでに、普段の生活から「これが当たり前」と植えつけられている情報がたくさんあります。
単なる文字の列挙や好きな色を使うのではなく、ホームページを見にきている人が

  • どんな情報が欲しいのか
  • どんな行動をとってもらいたいのか

などを想像しながら、使う色やレイアウトを工夫してみてください。

このコーナーのコンテンツは、KDDI提供の情報サイト「はじめてWEB」掲載の「エキスパート(専門家)コラム」の情報を、許諾を得てWeb担の読者向けにお届けしているものです。

「はじめてWEB」掲載のオリジナル版はこちら:
ヒトの心理とページづくり(全6回)「第1回:ストループ効果」(2015/05/25)

この記事が役に立ったらシェア!
tweet38はてなブックマークに追加
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

人気記事トップ10(過去7日間)

今日の用語

グルーポン
グループクーポンの略称。割り引きクーポンを複数の人が共同購入する仕組みのサービス ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスオープンテキスト株式会社トランスコスモス株式会社株式会社ハイパーボックスDomain Keeper株式会社ブレインパッド
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社Sitecore