スマートフォンサイトを表示する

  1. TOP
  2. ヒトの心理とページづくり : 第1回 ストループ効果

エキスパートコラム

ヒトの心理とページづくり(全6回)

第1回:ストループ効果

執筆:蝦名 晶子(ディーシーティーデザイン)

2015年5月25日更新

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

閲覧数14,328views

このコラムをPDF形式でダウンロードする

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

「ストループ効果」とは

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

蝦名 晶子(えびな・あきこ)

蝦名 晶子(えびな・あきこ)

ディーシーティーデザイン 代表
NPO法人あおもりIT活用サポートセンター 副理事長
http://dct-design.net/
http://aoit.jp/

生まれも育ちも青森県青森市。
ショッピングセンターでマーケティング・共同販促・広告・イベント企画・ディスプレイ等の販売促進に携わる。当時おつきあいのあったデザイナーやクリエイターに影響をうけ「何かをつくりあげる」ことに魅力を感じるようになり、2000年、「デザインを発注する側」から「デザインする側」へ転職。2004年に起業し、現在は『ユーザー目線での制作』『スピーディーに良いモノを』をモットーとし、Webサイトや紙媒体の企画から制作・活用提案など、運用全般を手がけている。2012年、青森県内の有志一同とNPO法人あおもりIT活用サポートセンターを設立。IT教育部会を担当し、ITに関わる人材育成に力を注いでいる。
何事も「つなげる」ことが好き。人と人、モノやコトはひとり(ひとつ)よりもつながることでより良いものになると信じている。何事も「プロセス」にこだわり、常にいろいろなゴールを目指し模索している。自他共に認める「愛犬家」で、縁あって里親になったフレンチ・ブルドッグの「タロウ」を溺愛中。

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/9/17~2017/9/23]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!