Web関連

サイト設計で変化するサイトイメージ

人間は思っているより変わりやすい生き物です。
色や物によって大きく気分や印象を変化させます。
そんな変化の1つに「クレショフ効果」というものがあります。
この効果が上手く利用できる人は映画の製作や漫画を描くことなどに優れています。
今回はこの効果を利用して利用者に良い印象を与えるサイト設計の考え方をご紹介します。

クレショフ効果とは

クレショフ効果とは前後の脈絡がないものであっても、人間は前後のつながりを無意識に関連づけて意味を解釈してしまうことです。
同じ無表情の人間の写真でも、その写真を見る前に見た写真によって大きく印象が変わってしまいます。
例えば、このカメラを持っている男の人の写真を見るとしましょう。

murai_07_second01.pngこの写真の前にこの写真を見ます。

murai_07_second02.png

すると花の写真を撮りに来た男の人に見えます。
きっと優しい性格なのだと思う人もいるでしょう。

murai_07_second03.pngこの本を読んでいる女性の写真のあとに・・・

murai_07_second01.png

この写真を見るとまるでベンチで待っている恋人を撮っているかのように見えます。
人によってはストーカーみたいに見えることもあるでしょう。
次はこの写真になります。

murai_07_second04.pngmurai_07_second01.png

どこか怪しい人に見えませんか?
何かを調査している探偵にも見えますね。
このように前に見るものによって見え方は大きく変化してしまうのです。

だからこそ

人間は面白いことに先ほどの例えのように何を先に見るかによって大きく印象が変化します。
これはサイトにも言えることです。
ページやコンテンツ、文章によってユーザー側の印象は大きく変化します。
より良い印象を与えるためにはユーザーがどのようにサイトを見るのかが重要になってきます。いくらデザインが良くてもコンテンツの
配置や写真によって印象は変わります。
もちろんデザインは重要なので、デザインも考える必要がありますが、やはり何より根本的な情報設計の段階で考える必要があるの
です。
情報をどのような順番で配置するかによって大きくサイトの感じ方が変わります。
一概にこれが正しい、正解です、という答えはありません。
人の考え方次第というところもありますが、情報設計をしっかりと行うことで少なくとも悪い印象を与えることは少なくなると思います。

最後に一言!

人間は本当に感情などが変わりやすいですが、複雑な生き物です。
思考などは予想はできても絶対というものはありません。
いくら頭が良くて、心理学に詳しい人でも全員の思考を完璧に当てる事はできないのです。
だからこそ、心理学は面白いです。
どこまでその人の気持ちが理解できるのか挑戦したいと思います。
以上、デザイナーの村井がお送り致しました。

関連するサービス

Webデザイン

デザインガイドライン作成

レスポンシブWebデザイン

UI/UXデザイン

DMPと3PASってなんだろう前のページ

赤ペン先生は消滅する!?学習システムはeラーニングが主流!次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. AIに求められているものは、実は意外な物だった
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    社員を幸せにする?!ゲーミフィケーション活用法

    皆さんは社員のモチベーションを上げることはできているでしょうか。「お…

  2. Web関連

    ついつい読みたくなるwebサイトのコラムを書くコツ ~ネタ探し 3つのコツ編 ~

    こんにちは。ティファナコラム編集部です。ちなみに、カッコよく「…

  3. Web関連

    タスク管理ができるようになるための3つのコツ

    タスク管理は仕事を行う上でもっとも重要な部分ですが、みなさんは得意です…

  4. Web関連

    ホームページ更新時に見直したい。事例から学ぶサイト小改善

    昨年、人生で初めて髪を染めました。元々カットのみの予定だったのです…

  5. Web関連

    リッチスニペット対策の落とし穴!

    こんにちは!コーダーの須澤です。今回はリッチスニペットについて書き…

  6. Web関連

    ISO10002取得!苦情対応で学んだこと

    こんにちは!ISO取得チームの山谷です!先日ティファナはBSIグル…

おすすめ記事

最近の記事

  1. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  2. 約1年間のウィズコロナ生活で大きく変わったもの
  3. スマートストアにより、小売業は激変する
  4. 【化粧品業界×最新技術】AIが化粧品のアドバイザーに!?
  5. AI技術の普及により移動も安全に

アーカイブ

  1. Web関連

    採用情報の登録系業務の98%はRPAにお任せ!求職者により多くの魅力を伝えよう!…
  2. Web関連

    サイトを持つなら考えよう!UI/UXについて
  3. RPA関連

    量販店の業務もRPAで自動化 日々の定形作業から小粒業務まで
  4. Web関連

    アプリを制作する前に知っておきたいこと~デメリット編~
  5. AI関連

    環境問題をAIの活用によって解決する|グリーンAIとは(その2)
PAGE TOP