情報フロー効果が良くない？ 80% の場合、ランディング ページに問題があります。

自分の目を通して世界を見ることは、私たち一人ひとりに備わっている生来の能力です。美的感覚はレベルによって異なるものの、実は誰もが持っているものなのです。

しかし、視覚と審美的センス、そしてユーザーの視点さえあれば、宣伝やプロモーションで遭遇する視覚効果の問題を解決することは可能なのでしょうか?

ページのデザインレベルによって、ページのコンバージョン率がある程度決まることを知っておく必要があります。特に情報流通型広告業界では、ページデザインの良し悪しが広告販売力をある程度左右することもあります。

では、情報流通促進における視覚効果（クリエイティビティ、ランディングページ）の問題を解決するには、どのようなスキルが必要なのでしょうか？本当に実行可能なアドバイスとはどのようなものでしょうか?

多数のケーススタディを経験した実務家として、私はさまざまな視覚的理解の角度についてある程度理解しています。そこで今日は、同じクリエイティビティとランディング ページの問題を見たときに、さまざまな人がどのような答えを出すのかについてお話ししましょう。

これは、情報フローのディスカッション グループでのディスカッションのスクリーンショットです。情報フロー広告の最適化担当者は、グループ内の友人が提案してくれることを期待して、宣伝している店舗のホームページをグループに送信しました。

すぐに、グループ内の友人たちが散発的に返信し始めましたが、全体的なスタイルは次のようになりました。

追記：似たような回答が多すぎるので、一つずつ投稿することはしません。

上記の回答はタイプ1 「傍観者」に該当します。

いわゆる傍観者、ほとんどの人は基本的な審美能力を持っています。彼らはユーザーの視点からデザインを鑑賞するとき、常にデザインの「トーン」を感じることができますが、どの要素や構造がそのような「感覚」を引き起こすのかはわかりません。

上の写真のように、このページは「消費者の購買意欲を刺激できない」「品質に欠ける」ということは誰の目にも明らかですが、より具体的な問題点を指摘することはできません。

傍観者の群衆の中にいた一人の若者が、いくつかの改訂案を提案した。

提案 1 を要約すると、第 2 層の電子商取引にはページ テンプレートを使用します。

しかし、私見では、このページ自体（元のページは下に掲載します）は、あるテンプレートを使用しているのですが、テンプレートを変更したことにより台無しになってしまいました。

兄弟はアドバイスを続けました。

提案 2 をまとめると、ブランド ストーリーを追加し、レイアウト、色、デザインを調整します。

しかし、私の意見では、どこに問題があるのか​​、そしてそれをどう解決するのかが明確に示されていません。

彼はとても熱心で、一つ一つ提案してくれました。今回の納品の方向性は、

私個人の意見としては、若者が言った方向性に間違いはないが、これは店舗のホームページであり、広告のランディングページではない。ランディングページはもっと具体的にデザインするべきである…

最後に弟はこう言いました。

写真に示されているように、この男性の最終的な提案は、美術学校でグラフィック デザインを学んでいる学生を見つけて、数千ドルを費やしてそれをやることだそうです。

実際、会話全体を見ると、その男性は質問者に「ウェブページは良くないので、誰かにやり直してもらうように」という 1 つのメッセージしか伝えていませんでした。

視覚に詳しくない専門家として、この人がこれらのことを言えるということは、この分野について一定の理解があるということを示していると思います。したがって、彼は次の分野に属します。

タイプ2: 悟りを開いた

洞察力のある人と呼ばれる人たちは、自分の感覚や業界での経験に基づいて「問題がどこにあるのか」を指摘できることが多いのですが、解決策を持っていなかったり、役に立たないいわゆる「提案」をしたりすることが多々あります。

彼も上記の人と同じように、さまざまな角度から解決策を提示しましたが、これらの提案は顧客の実際の業務にとって指針となる意味を持ちません。

これは非常に恥ずかしいことです。ユーザーの視点が必要になることはよくありますが、質問者であれ回答者であれ、それをコントロールする専門家がいなければ、結局、これらの多くの「ユーザーの視点」は実際には顧客を助けることができません。

厳しく批判されているこのページがどのようなものか見てみましょう。

まず最初の画面に行き、会社情報を非表示にします

質問者が私のクライアントである場合、彼がこのページを見せたとき、私たちの解決策は次のようになることがよくあります。

1) このページの目的は何ですか?

2) ページロジックの観点から、ユーザーの認識に適合していますか?

3) デザインレベル（レイアウト、色、フォント、フォントサイズ、間隔）から、ページの「目的」を妨げることなく、その目的を果たすことができるかどうか。

最後に、問題を整理し、詳細かつ実行可能な解決策を提供します。

対応して、これはタイプ3です：専門家

上記の 2 種類の人のような、いわゆる専門家は、このページがユーザーにどのような感情を与えることができるかを見ることができます。同時に、専門家はページのどの部分がその感情を引き起こすのかを分析し、その感情がユーザーにどのような行動を取らせるかを予測します。その後、対象を絞った解決策と修正の提案が提示されます。

次に、このケース ページが基準を満たしているかどうかを確認するために、次の考え方に従ってみましょう。

まず、このタイプの電子商取引ページが表示されるシナリオについて説明しましょう。

このページのURLは http://wx.balbala……です（balablaで始まる部分は私が書きました）

先頭の「wx」は、このストアがWeChatパブリックアカウントに所属していることを意味します。

これはつまり：

一方で、公式アカウントのコンテンツを通じてトラフィックを集め、ファンを蓄積します。ユーザーは公式アカウントのプッシュや下部ナビゲーションの入り口を通じてストアに入り、購入を促します。

一方、 WeChat Momentsでの転送を通じてトラフィックを集め、購入を促進します。

つまり、このページには、トラフィックを誘致し、ファンを集め、ブランド認知度を高め、製品を宣伝し、販売する機能が必要です。

もちろん、これらの機能のうち、販売に関してはこのページが主体となって完結する必要がありますが、それ以外の機能は公式アカウントとストアページの連携によって完結する必要があります。つまり、他の機能に関しては、このページは補助的な役割を果たすはずです。

では、なぜ私はこれがTaobaoモバイル ストアの修正されたテンプレートのように見えると言ったのでしょうか?理由は次のとおりです。

このレイアウトには明らかな問題があることがわかります。

1) 最初の画面では、「私は誰なのか」、「何をしているのか」、「何を提供できるのか」が明確に表現されていません。これによって生じる主な問題は、販売機能が適切に完了できないことです。第二に、ブランド認知の浸透、製品のプロモーション、トラフィックの転換、ファンの誘致にも影響を与えます。

2) ヘッダー画像にはピアノを弾くハンサムな金髪の男性が描かれており、その横にあるビニールレコードの要素は楽器やレコードを販売しているような印象を与えます。これがもたらす主な問題はブランド認知度であり、ユーザーの敷居が高くなります。

4) どこからともなく検索が表示され、ユーザーはあなたが何を販売しているのかさえ知りません。基本的に、この検索は役に立ちません。意味のない余分な要素は現れてはいけません。

5) 何も言わず、内容が不明瞭なクーポンを3枚も無礼に投稿してきた。販売者はクーポンが売上を伸ばすと主観的に信じています。しかし、クーポンの出現は売上を伸ばすどころか、ユーザーの気を散らし、限られた忍耐力で商品に集中することを妨げます。

上記はすべて、Taobao ストアが行っていることと同様です。

タオバオストアがこれを行うことができるのは（カテゴリーに合わないランダムなデザインはお勧めしませんが）、電子商取引ショッピングプラットフォームの環境では、ホームページからストアに入ることはほとんどなく、目的を持って商品を検索し、商品ページのストアリンクからホームページに入るため、何を探しているのかをよく知っているからです。

前述のように、このデザイナーの場合、間違いはテンプレートの選択から始まりました。テンプレートを変更したとしても、変更後の結果は依然として非常に悪いものになる可能性があります。したがって、傍観者から出された「テンプレートをそのまま使用する」という提案は、このストアには適していません。デザイナーの問題は、異なる環境のストアページを個別に設計する必要があることに気付いていなかったためです。

このページの場合、最初に調整する必要があるのは、ページ デザインの全体的なアイデアです。つまり、何を販売するのか、何を提供できるのか、私の商品がどれほど優れているのかなどです。このような情報は、最初の画面に配置する必要があります。

レイアウトロジックの観点から、このストアの環境に従う必要があります： WeChatストア

提案は次のとおりです。

1)お店のスタイルを反映したロゴや美しい写真などを掲載した「ヘッダー」。ブランドストーリーは必要ありませんが、ブランド認知度を高め、ユーザーがブランドの概念をできるだけ形成できるようにするために、ロゴを強調する必要があります。そしてファンを増やしていきます。

2) 「横列表示」では、主力商品や新商品の写真などをシーン内に表示したり、割引情報などを広い面積で表示したりします。

クーポンなどは、割引情報とともに 100% 幅のバナーで表示する必要があります。例: 秋の新学期割引バナー ポスター。新製品や主力製品のより大規模な展示、バナーポスターの形での割引情報の提供により、ユーザーの購買意欲を効果的に高めることができます。

3)「メインカテゴリーナビゲーション」。このページのデザインから、ストアにはあまり複雑な分類カテゴリーがないことがわかります。 「カテゴリー」を個別のナビゲーションボタンとして使用することはお勧めしません。

一般的なシナリオに応じて、「宴会」、「仕事」、「レジャー」、「カスタマイズ」などのカテゴリ（私がまとめました）に分類すると、ユーザーがシナリオに応じて選択しやすくなり、選択の障壁が減り、売上が伸びます。

4) 「商品表示」では、販売数量、カートに入れた商品数、新商品プロモーション企画などに基づいて商品を並べ、売れ筋商品を大きな画像で表示します。ユーザーは市場で選別された人気商品を最初に確認でき、カートに入れた商品や注文をさらに増やすことができます。

などなど。スペースが限られているため、ここですべてを列挙することはできません。

デザインに関しては、調整が必要な領域が多数あります。まずはスクリーンショットを見てみましょう:

1) 配色が雑すぎる

濃い青、灰色、紫、赤、オレンジ、黄色…（本当にこのデザインはとても大胆です）

結果:ユーザーの読みやすさが増し、直帰率が増加します。

推奨事項:メインカラーは 3 色以内に抑え、全体のトーンと一致している必要があります。同じ色系の補助色を適宜追加できます。同様の明るさの灰色の背景に赤い文字の色の組み合わせは、読みにくくなるため、避ける必要があります。

2) フォントが乱雑すぎる

一見すると、6 種類以上のフォントがあり、ルールはまったくありません。

結果:ユーザーの読みにくさが増し、直帰率が上昇しました。

提案:ポスター、見出し、コンテンツのフォントを統一してください。場所が変わるたびにフォントを変更しないでください。

3) フォント認識が悪すぎる

結果:ユーザーの読みにくさが増し、プロモーション情報に対するユーザーの注目度が低下し、直帰率が増加し、購入量が減少しました。

提案: Fangzheng Papercut のようなフォントは、視覚的な観点から識別するのが難しすぎます (注文時に即時割引を受けるために依然として重要な位置にあります)。また、スタイルとトーンが全体的なデザインと一致していません (メンズ シャツはそれほどかわいくて伸縮性がある必要はありません)。

4) レイアウトに論理性がない

このデザイナーは配置や間隔などの基本的なデザイン要素を制御できないことは明らかです。その後、設計時に画像ストリームを使用してレイアウトをずらそうとすると、非常に混乱し、非論理的になります (デザイナーはページに対する制御が弱く、全体的なコンセプトがありません。この場合、非常に明確なガイダンス要件が与えられた場合にのみ改善の可能性があります)。

結果：ユーザーの閲覧体験が悪くなり、欲しい商品を見つけられなくなり、忍耐力を失い、直帰率が増加し、カートに追加して購入する可能性が低下します。

提案:まず、ページ ロジックに従ってフレームワークを整理し、余白、間隔、ずらしたルール、画像とテキストの一致ルールなどのページ ルールの設定に注意を払います。

要約: ページの欠陥を見つけて視覚的な問題を解決するのは、思っているほど簡単ではありません。読むことができ、審美的なセンスがあり、グラフィック デザインを学んだだけでは十分ではありません。

この記事の著者@Information Flow Advertising Precision Deliveryは(Qinggua Media)によって編集および発行されています。転載する場合は著者情報と出典を明記してください。

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