Webデザインにおける感情の影響の調査
公開: 2018-07-23私たちデザイナーにとって、飲み込むのは難しいこともありますが、クライアントの目標を達成できなければ、私たちの美しい作品は役に立たないのです。 そして、すべてのクライアントにとって、最初にすべきことは、訪問者をWebサイトや製品に引き付けることです。
積極的なデジタルマーケティング（広告、バナー、ポップアップ）の時代は終わりました。 今日のWebユーザーは、ミレニアル世代や高齢者でさえ、ブラウジング体験が「クリーン」で見た目に美しいことを期待しています。 過去5年間で、広告ブロックソフトウェアの検索ボリュームがどれだけ増加したかを見てください。
他のすべてのデバイスに広告ブロッカーがインストールされているので、私たちは皆、オプションに移動するだけで解散し、より洗練された機器で製品、サービス、またはアイデアを宣伝および販売する方法を探す必要があります。
そのような手段の1つは、 Design for Emotionとして知られています。これは、意図したユーザーを感情で呼び起こし、訪問者をWebサイトの目的に固定することを目的としたデザインへの心理的アプローチです。
たとえば、清涼飲料を宣伝するWebサイトを設計する場合、次の2つの方法で行うことができます。
- 製品とブランドを最前線に置きます。
- 製品とブランドを適切な感情的な側近に置きます。
サイトにアクセスして、太陽が降り注ぐビーチでバレーボールをしている若者の画像（またはビデオクリップ）を見ると想像してみてください。 あなたがバレーボールの大ファンでなくても、これらの人々がどれほど楽しんでいるかという感情はすぐにあなたに共鳴します。 そして、ある人が冷たい飲み物でリフレッシュすると、喉の奥にも喉の渇きを感じずにはいられません。
画像や動画の目的は、ビーチバレーボールを宣伝することではなく、ソーダブランドを販売することでした。 しかし、それは電車のようにあなたを襲っただけでなく、ゲームの楽しさと精神の感情を通して、徐々にそして目立たないようにあなたにもたらされました。
感情的な理解のレベル
複雑なアニメーションと軽量クリップが徐々に仮想空間を引き継いだWeb2.0の初期以来、設計者はWebサイトの感情的な影響を研究してきました。 2005年にアーロンウォルターから出版された本「DesigningforEmotion」は、私を含む今日の世代の多くのWebデザイナーにとって、すぐにベストセラーおよび卓上ガイドになりました。
彼の本の中で、ウォルターは典型的なウェブサイト訪問者の感情的な関与の3つの段階を特定しています。彼らは感銘を受け、興味をそそられ、関与しています。
1.内臓レベル： 「感動」
第一印象は常に潜在意識であり、合理的な判断に関係なく、私たちの脳によって自動的に解釈されます。 Webサイトにアクセスすると、即座に「イマイチ」または「イマイチ」のいずれかが表示されます。
そして、その最初の見積もりに基づいて、私たちはそのサイトのすべてのコンテンツを積極的に認識し続けます。 したがって、優れた内臓デザインが「親指を立てる」反応を引き起こさなければならないのは当然のことです。
2.行動レベル：「興味をそそられる」
何かが一見クールに見える場合、私たちの脳はそれが何であるか、そしてそれがどのように機能するかを分析しようとします。 これは私たちの行動パターンを引き起こし、私たちは自分が好きなものに感情的に興奮し始めます。 したがって、感情的なデザインの2番目のステップは、デザインをさらに調査するように誘うことです。
訪問者が興味をそそられると、下にスクロールしたり、リンクをたどったり、召喚状をクリックしたりすることに抵抗できなくなります。
3.反射レベル：「関与」
これは私たちの認知的思考プロセスの最高レベルです。 これは、私たちが見ているものについて分析し、論理的な判断を下すときです。 ウェブサイトのユーザーは前の2つでこのレベルに引き寄せられます。この時点で、すべてのカードをテーブルに置いて、製品とは何か、なぜそれがユーザーにとって役立つのかを示す必要があります。
ユーザーは頭の中で製品を販売するというサイトの意図を理解しますが、彼らが経験した前向きな感情のために、この意図は敵対的であるとは認識されません。
ご覧のとおり、感情のデザインは一連の心理的反応を引き起こすことを目的としています。 まず、ユーザーをすごい効果でフックし、次にさらに探索することを熱望させ、最後に、大騒ぎが何であるかを正確に理解させます。
それでは、感情的に魅力的なビジュアルデザインの作成にどのツールが貢献するかを見てみましょう。
エモーショナルデザインのコンポーネント
すべてのデザイナーが製品やブランドのビジュアルを作成するために使用する3つの明らかなインバウンドを見て、感情をデザインするという観点からそれらを分析してみます。
1.ブランドブック
感情を込めてブランドを販売することを目指すのであれば、まずその特定のブランドのルールブックを研究する必要があります。 優れたブランドブックまたはスタイルガイドには、配色、フォント、グリッド配置の原則、広告スペースの配置に関する推奨事項と禁止事項などが含まれています。
ブランドアイデンティティにはすでに感情的な感覚が組み込まれていると推測する必要があります。 多くの設計者はその意味を理解し、それをサイト全体に拡張します。 最終的に、彼らは単なるウェブサイトではなく、1つの大きなメガロゴを持つことになります。
より良いアプローチは、本からブランドのエッセンスを抽出することですが、それを最前線ではなく、線の間に置きます。 左上のロゴをそれが属する場所に残し、残りのスペースをユーザーにブランドを関連付けてもらいたいものに割り当てます。
2.色
一般的なレベルでは、私たちは皆、色が何を表しているかを知っています。 赤は危険、攻撃性です。 青は落ち着きを表しています。 許可、自由、自然のための緑。 感情を表現するためにデザインする場合、生の色よりも色調の方がはるかに重要です。 トーンを暗くしたり明るくしたりすると、意図した感情をさまざまな方向に動かすことができます。
以下は、ベン・ルーカス・ボイセンのディスコグラフィーを特集した短いビデオですが、音はありません。 すべての感情は色で描かれています。 音楽を聴かなくても、すべての曲に潜在意識の感情が残ります。
また、各色の文化的特徴を覚えておく必要があります。 日本では、白は悲しみの色であり、中東の人々にとって、黄色はしばしば嫌なものと見なされます。 これは、さまざまな文化で色が何を表すかについての興味深く有益な作品です。
3.取り巻き
感情は、ブランド自体よりも側近によって呼び出すのがはるかに簡単です。 ブランドは、視聴者に最も高く評価される可能性が高い環境や状況に置かれる必要があります。
最良の例の1つは、暑い日の軽食です。 心の欲望だけでソフトドリンクを飲むことはめったにありません。 しかし、晴れた日、休暇中、ビーチに横になっているとき、またはプールのそばにぶら下がっているとき、喉の渇きを癒す泡のある冷たい飲み物よりも良いものは何ですか？
「感情的なデザインは、カジュアルなユーザーを狂信者に変え、彼らの前向きな経験について他の人に話す準備ができています」と、感情的なデザインの創設者の1人であるアーロンウォルターは結論付けています。
確かに、すべてのWebサイトは、視覚的、官能的、情報提供、または単に楽しい体験に関するものです。 あなたが作成するウェブサイトがこれらの経験の1つを提供するならば、それは訪問者が何度も何度も戻ってきたくなることを確信することができます。 そして、クライアントのWebサイトに定期的にアクセスすることは、すべての感情の中で最も高く評価されているクライアントの満足度を呼び起こすための最良の方法です。