情報フローによってページデザインを制御し、広告の無駄を減らすにはどうすればよいでしょうか?

ユーザーの消費欲求を刺激できるデザインは、まずユーザーが見たいと思うデザインでなければなりません。そうでなければ、この広告は広告料の半分以上が無駄になってしまうでしょう。この記事では、ページデザインの色の明るさ、レイアウト、素材の選択などをコントロールして、ユーザーが見やすい広告を作成し、それによってターゲットユーザーに早く注文を促し、広告の費用対効果を最大化する方法について説明します。

明るい色は感情を刺激する

写真の明るさは私たちの感情に簡単に影響を与えます。

スーパーマーケット、ショッピングモール、カウンターなど、私たちは誰でもお店に行ったことがあります...振り返ってみてください。どんな印象が私たちに残ったでしょうか?

そうです、明るいです！

ショッピングモールにはなぜ良い照明と明るい照明が必要なのでしょうか?

明るい環境ではユーザーはよりリラックスし、リラックスしているときは合理的な思考を飛ばして意思決定をする可能性が高くなるため、環境に応じて自発的に状態を調整するというこの行動は、進化の過程で人間が習得した受動的なスキルです。

私たち人類がまだ進化の過程にあった頃、晴れた日には天敵が隠れることも容易ではなく、緊張していつでも決断を迫られることなく、リラックスして余暇を楽しむことができました。

陰鬱で暗い天候では、敵をはっきりと見ることも、嵐が来るかどうか判断することもできません。このとき、外を歩くと、私たちの脳は非常に緊張し、いつでもどこでも計算を行い、間違った判断をしないようにします。

そのため、一般的な店舗環境では、ユーザーがあまり考えず、できるだけ早く意思決定を行えるように、ユーザーがリラックスしてワクワクするような良好な照明環境を作り出すよう努めます。

広告ページのデザインに対応して、ページを見たユーザーにできるだけ早く意思決定をしてもらいたい場合は、高明度・高彩度の色、つまり「明るい」状態を作り出すのが最適です。

たとえば、色が白に近いほど、色の明度は高くなります。黒に近いほど、色の明度は低くなります。色が濃いほど、色の彩度は高くなります。たとえば、明るい赤と明るい黄色はどちらも彩度の高い色ですが、対応するピンクと濃い黄色は彩度が低くなります。

誰もが判断できる方法があります。空気が新鮮で、天気が良く、自然光が明るいとき、私たちが見る世界は高明度、高彩度の世界です。一緒に思い出してみましょう。そのような天気のとき、空は例外的に青いでしょうか?花がさらに赤いですね？光は非常に明るいですか?特に気分は良いですか?

同様に、同じような店内環境や広告ページに直面したとき、人々は「良い照明」の雰囲気に影響を受け、考えることはそれほど重要ではないように思えます。気分や気持ちをより気にするようになり、感情に基づいて意思決定を行う可能性が高くなります。

JD.comやTaobaoなどのショッピングプラットフォームのページで高輝度色が使用されているのもこの理由です。

例えば、以下に示すTmall のホームページでは、白い背景が最も明度が高く、他の部分は高彩度と中彩度の色の大きな領域になっています。左側の製品カテゴリのみが暗い色調を使用しており、その割合は比較的小さいです。

このようなページの全体的な雰囲気は、明るく、陽気で、リラックスしたものであり、それに応じて、人々の考える必要性は無視され、意思決定の速度が加速されます。

明るいの反対は暗いです。

暗い色は人々に憂鬱な気分を感じさせますが、その憂鬱感は静かなものであったり、重苦しいものであったりします。暗い色では、時間がゆっくり流れるように感じられ、立ち止まって考えてしまいます。

同様に、広告の目的がユーザーに考えさせたり、ユーザーに静かな気分にさせたりすることである場合、デザインは暗い色や画像をベースにし、冷たいフォントで補完する必要があります。

たとえば、空気清浄機の詳細ページのホームページは次のようになります。

色調は主に暗いですが、コントラストと彩度が適度に一致しているため、人々は落ち着いて、ページに記載されている情報ポイントについて考えることができます（考えても理解できないかもしれませんが）。ただし、これらの情報ポイントは、ユーザーが本来見たいものです。ユーザーは、これらのデータを使用して、マシンの良し悪しや、購入する価値があるかどうかを比較したいと考えています。このような配色を使用して引き立たせると、ユーザーは自分の考えが合理的であると感じ、製品の販売目標をよりよく達成できます。

たとえば、多くの高級スイス製機械式時計は、暗い背景を使用して製品を際立たせています。ユーザーは理解できないかもしれませんが、製品のさまざまな側面の数値を理解する必要があると感じます。ユーザーに深く考えるシーンを作成し、理解しているようで完全には理解していない重要なポイントをリストすると、ユーザーの「比較心」が部分的に満たされ、ユーザーが躊躇する時間を減らすことができます。

下の写真のような比較的安価なファッショナブルなスマートウォッチの場合、明るい色を使用するのが適しています。一方では時計のスタイルを強調することができ、他方ではユーザーにできるだけ早く購入を決定するようにさりげなく「促す」方法でもあります。

そのため、商品の意思決定閾値が高い場合、どれだけクリエイティブにユーザーの購買感情を喚起できたとしても、ユーザーは考えたり比較したりしてしまいます。このとき、ダークトーンを使用して高級感を演出し、ユーザーが比較する可能性のある重要なポイントをリストアップする方が良いでしょう。

なぜなら、ほとんどの場合、ユーザーは購入するかどうかを独自に考えていると考えていますが、実際には、それはまだデザインとコピーライティングの範囲内です（ただし、ユーザーがデザインとコピーライティングの範囲を超えた感情を持っている場合は、ユーザーに嫌悪感を与えないように、その感情に触れないようにする必要があります）。

明るさと彩度が製品の特性と一致していれば正しいのでしょうか?あまり。上記はすべて正しい色の使い方の例です。しかし、一部の写真の色調は正しくなく、どんな商品であってもユーザーの購買意欲を刺激することはできません。

明るさや彩度を使って説明すると、理解しにくいと感じる人も多いかもしれません。次の 4 つのエラーケースをよりわかりやすく説明してみます。

前にも述べたように、高輝度・高彩度の写真を使用する理由は、比較的安全である晴れた日の記憶を遺伝子に呼び起こすためです。暗く曇り、不透明な天候では、いつ危険が現れるかわからないため、私たちの脳は本能的に緊張し、高速で働き、抵抗します。

それでは、上記の 4 つのランディング ページを見てみましょう。

• 左は全体的にトーンが暗いだけでなく、文字もぼやけています。全体的に暗めな感じがしませんか？
• 左から 2 番目の低明度、低彩度、低コントラストの色調は、まさに霞んだ日のようです。
• 左から 3 番目は、ランディング ページ全体が泥の中に落ちてしまったかのような、低輝度の対照的な色の組み合わせです。
• 左から4番目、明るいピンク、濃い赤、草の緑、灰色、黒、ベージュの組み合わせは、乱雑に見えるだけでなく、プラスチックの造花の匂いも漂わせています。

これら 4 つの色の組み合わせは、どれほど明るい色であっても、「汚い」色だと言えます。「穏やかで美しい」という気持ちにさせるのではなく、暗く、嫌悪感さえ感じさせます。

興味を高める関連画像

多くの情報フロー型広告では、タイトルを書く人がタイトルを担当し、写真を合わせる人が写真を担当します。この2つの作業を同一人物が行うとしても、この人はタイトルと写真を書くときに脳の同じ領域を使用していません...それは単に二重人格です。たとえば、次の図をご覧ください。

写真だけを見て、これは何の広告だと思いますか？ （ここで5Sについて考えてみましょう）

それでは、完全版をご覧ください:

タイトルを読むと、これは移民広告だと分かります。

しかし、写真だけ見ると、これは私立の産婦人科病院の広告だと思いますか？

それが、このエントリーのアイデア（タイトル + 写真）の不可解な点です。

情報フロー広告の入り口のクリエイティブなアイデアは、タイトルと画像で構成されていることは誰もが知っています。ほとんどの最適化ツールはタイトルの書き方に細心の注意を払いますが、より重要な役割を果たす可能性のある画像を無視します。

私たちの祖先は数万年前から目を通して画像情報を得ることができましたが、文字の発明は3,000年以上前にまで遡ることができます。私たちの脳は、文字情報よりも画像情報をより速く、より少ない労力で編集します。そのため、画像と文字が同時に表示されると、私たちの視覚の重心は無意識に画像に落ちます。

例えば、上記のようなケースです。ユーザーが写真を通じて連想するのは「産婦人科」であり、そのような連想は、広告が掲載されている移民ラベルを持つ人々のグループとはほとんど関係がない可能性があるため、当然、ユーザーは広告を無視する可能性が高くなります。

もう一つの例は次のとおりです。

これを見たユーザーは右の猫のように混乱すると思います。

エアコンや床暖房からの空気が循環していないと、どうすれば快適に過ごせるのでしょうか？左の写真を見てください。屋外に出ますか？真ん中と右の写真が何を表現しようとしているのか全く分かりません…

記事を書く際に事例を注意深く見て考えてみたのですが、それでも意味がわかりませんでした。なぜ、ユーザーが情報をざっと流し読みする2秒の間に、意味のわからない広告に興味を持つのでしょうか。

友達の輪の広告もここにあります:

これはスポーツクラブの開店記念イベントの広告です。ターゲットユーザーにイベントに参加してもらい、会員になるためのカードを申し込んでもらうことを目的としています。しかし、欠点を探すのが好きな広告担当者でない限り、一見しただけでは、この広告がスポーツイベントと何らかの関係があるとは誰も思わないだろう。

私の記事を読んでいるあなたに質問します。一見してこれは何だと思いますか?大きなショッピングモールのイベントですか？新しいホテルがオープン？それとも不動産プロジェクトからの感謝イベントでしょうか?

ユーザーが頭を悩ませて理解しなければならない広告は、すでにユーザーを失っています。ユーザーは理解できない広告をじっと見つめる忍耐力はありません。そのため、そのような広告デザインでは、売上の向上はおろか、効果も上がりません。

情報フロー広告に関しては、画像とテキストは一貫している必要があり、これはエントランスの創造性が達成すべき最低限の条件です。添付画像は戦争の先鋒のようなものです。まずはユーザーの注意を引くために全力を尽くし、次にタイトルと連携してユーザーをランディング ページに誘導する必要があります。

そのため、デザイナーはクリエイティブなエントランス画像を作成する際に、画像がタイトルと連携してユーザーの注目を集める方法を考慮し、画像がタイトルを引き下げるのではなく、タイトルを補助できるようにする必要があります。

写真の形式によって、小さい（1 枚）写真、大きい（1 枚）写真、3 枚写真など、写真の位置や面積の比率が異なると、ユーザーに与える影響も異なります。エントランス画像を例に挙げてみましょう。画像の割合が大きいため、タイトルよりも画像の方がユーザーの目に留まりやすくなります。このとき、画像がタイトルとまったく関係がないように見える場合、ユーザーの興味の焦点は、私たちが期待するターゲットユーザーではなく、画像が与える直感的な印象に集中してしまう可能性が高くなります。

たとえば、次の図:

この広告のタイトルはかなり面白いですし、写真もダブル11の雰囲気にぴったりです。しかし問題は、写真とタイトルがまったく関係がないことです。

上で述べたように、ユーザーは最初に写真を見ることが多いため、この瞬間にタイトルが写真と一致していれば、その瞬間に強化効果を発揮します。このタイトルと写真は個別には何も問題はありませんが、組み合わせると効果が弱まります。

下の図 2 と比較すると、違いがはっきりとわかります。

ご覧のとおり、上のタイトルと写真は別々に見ると実は非常に普通ですが、関連性があります。つながりによってお互いにポイントが加算され、ランディング ページでの売上を伸ばすことができます。

きちんとしたレイアウトで忍耐力が長続きする

実際には、ユーザーの読書への興味に影響を与えるもう 1 つの大きな問題は、混乱したデザインとレイアウトです。

平たく言えば、タイポグラフィはユーザーとのコミュニケーションに使用する「言語」のようなものです。タイポグラフィのルールを設計することは、言語ロジックの現れです。混沌としたタイポグラフィのルールは、混沌とした言語ロジックと同様に、ユーザーが表現したいことを理解する能力に影響を与えます。

一般的なページ レイアウト エラーには次の 3 つがあります。

（１）過剰発現

つまり、表現したい内容をすべて 1 つの画面に収めようとすると、ユーザーは要点を見つけるのが難しくなり、イライラしてしまいます。

（２）ルールがない

具体的には、余白、行間、段落間の区切り、間隔、画像とテキストの間隔、タイトルのフォントサイズ、コンテンツのフォントサイズなどを指します。これらはページ上で統一されたルールを持つ必要があります。ルールが統一されていない場合、視覚的なロジックは混乱し、それに応じてユーザーの読書体験も混乱します。

（３）視覚的な順序は重要ではないと考える

人間の脳には視覚的な重みの順序が確立されているため、どのデザイン要素をどこに配置するかが非常に重要であり、ユーザーがあなたの言っていることをどのように理解するかを決定します。

典型的なケースを使ってこれらの問題を詳しく説明しましょう。

問題1: 過剰発現

最初の画面が何を表現しているか見てみましょう。

まずはコピーから始めましょう。以下は、私たちが目にするものです（視覚的な重みによって下向きに並べています）。

1. 回転鍋;
2. フランチャイズ加盟店を募集します。
3. 利点。

写真で見ると、次のようになります (視覚的な重みに従って降順で並べられています)。

1. 熱い小さな鍋。
2. 材料;
3. ロゴ;
4. クラウド要素。

内容量は無制限と言ってもいいでしょう。

起業したい人にとって、最も気になるメリットは、コストが安いこと、場所選びが簡単であること、そして店舗を開設するのに2人しか必要ないことです。しかし、このページでは、これらのコンテンツは非常に小さく配置されており、メインテキスト「フランチャイズ募集中」はフォントと色の都合上非常に大きくなっていますが、視覚的に最初の焦点では​​ありません。したがって、コピーの中で最も分かりやすく簡単な部分は、回転する鍋であり、ユーザーの食欲（起業家精神ではなく）を刺激する写真が添えられています...人々はそれを鍋料理店の宣伝だと思うでしょうか？

問題2: 余白、間隔、行間隔が小さすぎる

ページをデザインする場合でも、コンテンツ領域をデザインする場合でも、余白、間隔、行間隔に注意する必要があります。エリアには天と地の両方のためのスペースを残すべきだとよく言われますが、最初の画面の下部に回転する鍋が導入されたのは、天と地の両方のためのスペースを残さない典型的な例です。

例えば、下の画面では、投資優位点の下の爆発形の底板が、上の写真と下の丸い底板と密接につながっています。丸みを帯びた灰色のベースでは、白いダイヤモンド型のパネルも空白スペースなしで垂直になっており、内部のテキストは空白とはみなされません。

人々に与える全体的な印象は、一言で言えば「混雑している」です。直接的な結果は、ユーザーが読みにくくなり、読書体験が悪くなり、忍耐力が低下し、最終的に読むのをやめてしまうことです。

問題3: フォントが多すぎる

上の写真を例に挙げてみましょう。この写真だけでも、月黒、有元、宋、李書の4つのフォントが使われており、ランディングページ全体にも手書き、太字、宋繁体、丸字、多様体、楷書体などが使われています。ランディングページの上部にあるコンテンツのフォントも、下部のフォントと一致していません。デザイナーが全体的な計画を立てて制作していなかったことが想像できます。

ユーザーは専門的なトレーニングを受けていないため、私のように問題を把握することはできません。ユーザーは不快感を覚え、重要なポイントを理解できないだけです。

それは、他の人とコミュニケーションをとるとき、話す内容がどれだけ優れていても、古典中国語、現代中国語、英語、フランス語を時々話すと、かっこよく見えるかもしれませんが、実際には誰もあなたの言っていることを理解しないのと同じです。

実際、ユーザーが読みやすいようにするのはとても簡単です。レイアウト ルールを自分で設定するだけです。左右の余白をどれだけ空けるか、段落の間隔をどれだけ空けるか、行の間隔をどれだけ空けるか... ルールを作り、メイン タイトル、ミドル タイトル、サブ タイトル、コンテンツ テキスト、スローガン テキストのフォントとフォント サイズを固定します... 少し注意を払えば、これらは難しいことではありません。一言で言えば、整然としたページです。

認知が整えられて初めて、その後の販売が可能になります。

この記事の著者は@微微で、(Qinggua Media)が編集・出版しています。転載の際は著者情報と出典を明記してください。

製品プロモーションサービス：APPプロモーションサービス、広告プラットフォーム、Longyou Games