明示的および暗黙的な視覚的手がかりがコンバージョンの増加にどのように役立つか
公開: 2016-10-21証拠は、注目のスパンに関しては、訪問者よりもクリック後のランディングページに私の10か月の年齢を引き付け続ける可能性が高いことを示唆しています。
うん、あなたはその権利を読んだ。
平均的なWebユーザーの注意期間は約6〜8秒ですが、10か月前の注意期間は約60〜120秒です。 つまり、私の息子は、訪問者がクリック後のランディングページに集中するよりも、ガラガラに集中することになります。
これのポイントは何ですか、あなたは尋ねるかもしれませんか？ クリック後のランディングページで訪問者の注意を変換するのに十分な時間維持することは困難です。
オンラインでの第一印象の94％がデザインに関連しているため、ページのデザインが不十分な場合、コンバージョンはますます困難になります。 たとえば、ページが乱雑で、訪問者が1つの要素を他の要素と区別できない場合、魅力的な見出しはフラットになります。 同じことが他のすべてのページ要素にも当てはまります。
クリックしてツイート
クリック後のランディングページのデザインは、訪問者の関心を維持する上で重要な役割を果たします。マーケターがコンバージョンを促進するために使用できるデザインツールは、空白と対照的なCTAボタンだけではありません。
視覚的な手がかりは、クリック後のランディングページのコンバージョンを促進するのにも非常に役立ちます。
視覚的な手がかりとは何ですか？
視覚的または方向性の手がかりは、コンバージョン目標に不可欠な要素（CTAなど）の方向に訪問者を文字通り向けるために使用されるUXデザインツールです。 手がかりは、訪問者がページをナビゲートし、視覚的な階層を維持するのに役立ちます。
視覚的な手がかりには、2つの基本的なタイプがあります。
明確な視覚的手がかり
これらの種類の手がかりは直接的なものであり、ページで簡単に指摘できます。 矢印、線、指差し、および人間の視線を使用することは、クリック後のランディングページで明示的な視覚的手がかりを使用できるいくつかの方法です。
暗黙の視覚的手がかり
これらの手がかりは微妙で、訪問者に気付かれることはよくありません。 しかし、彼らは特定の要素を強調するという彼らの仕事を非常にうまくやっています。 クリック後のランディングページで最も一般的に使用される暗黙の視覚的手がかりには、空白、色のコントラスト、カプセル化などがあります。
クリック後のランディングページで両方のタイプの視覚的手がかりを使用して、訪問者がコンバージョンに十分な時間ページに集中できるようにする方法を見てみましょう。
クリック後のランディングページで明示的な視覚的手がかりを使用する方法
明示的な視覚的手がかりは、訪問者がページのどこを見るかにすぐに影響します。 ページの視覚的な手がかりとして矢印を使用し、訪問者をページ上の目的の場所に誘導できます。
Outbrainは矢印と拡大円を使用して、サービスがストーリーを促進する方法のイメージに訪問者の注意を向けさせます。
Lumosityのように、方向性のあるキュー矢印をインタラクティブなページ要素として設計し、訪問者がページのさまざまなセクションに移動できるようにすることもできます。
そして、Boardvantageも何をしますか：
矢印を使用して、訪問者をページの折り畳みの下に誘導することもできます。 Facebook広告のヒントのクリック後のランディングページでは、次の手法を採用しています。
フォームの左側でバウンドするアニメーションの方向矢印を印象的に使用して、訪問者がそれにもっと注意を払うように促します。
視線を使用することは、直示的な視線のために、有用な明示的な方向の手がかりとしても役立ちます。
直示的な視線は、誰かが何かを見ているのを見ると、脳が反射的に行動し、その物体も見始めるという認知バイアスです。 認知バイアスにより、訪問者がページのどこに集中するかに影響を与えることができます。
この特定の視覚的な手がかりは、訪問者にあなたが望む場所を見るようにさせるだけでなく、ページに人間的な魅力を追加し、あなたのオファーに感情を添えます。 視覚的な手がかりは非常に影響力があり説得力があるため、大統領候補のヒラリー・クリントンはそれぞれのキャンペーンページで視線を使用します。
クリントンの目は、寄付ページのフォームを見つめていると、感情に溢れています。
このページで、彼女は熱心にフォームを見て、公式キャンペーンに参加するように促します。
iCIMSは、視覚的な手がかりを2倍にし、視線とポインティングの両方を使用して訪問者にコンバージョンを促すことで、さらに一歩進んでいます。
では、どのビジュアルキューのパフォーマンスが優れているのでしょうか。 矢印、ポインティング、視線？
CXLが実施した調査によると、明確な視覚的手がかりに関しては、矢印が人間の視線よりも優れていることが示されています。
これらの結果を生み出すために、視線追跡研究とヒートマップがデータ収集の主要な情報源でした。
ただし、注意が必要です。 この特定のクリック後のランディングページで矢印のパフォーマンスが向上したからといって、矢印が常にコンバージョンを最大化する確実な方法になるとは限りません。 他のすべてのクリック後のランディングページ要素と同様に、視覚的な手がかりをA / Bテストして、この調査がオファーに当てはまるかどうかを判断することをお勧めします。
クリック後のランディングページで暗黙の視覚的手がかりを使用する方法
暗黙の視覚的手がかりは、矢印やポインティングのように単純ではありません。 これらのデザイン要素は、特定のオブジェクトを直接指しているわけではありません。 むしろ、コンバージョンの目標を達成するように訪問者を説得するために、より微妙なアプローチに依存しています。
要素の周囲に空白を使用することは、訪問者がその特定の要素に集中できるようにするための優れた視覚的な手がかりです。 空白が右側のテキストと左側のテキストの読みやすさに違いがあることに注意してください。
この「ネガティブスペース」は、ページから雑然としたものを取り除き、重要なページ要素を自動的に強調表示するのに役立ちます。 DocuSignのクリック後のランディングページでは、要素の周囲に十分な空白を使用して、訪問者がラップトップのスクリーンショットとフォームに集中しやすくしています。 さらに、リードキャプチャフォームを指す矢印が含まれています。
カプセル化を使用すると、ページ上のフォーカスポイントをフレームに収めることができます。つまり、ボックスまたは色を使用して、クリック後のランディングページ要素をカプセル化し、それに注意を引くことができます。 この手法は、ページを整理し、訪問者が1つの特定の要素に集中できるようにするのにも役立ちます。 この設計手法は、ページ上に視覚的な階層を確立するのにも役立ち、見込み客の視線を目的の目標に導きます。
Offerpopのクリック後のランディングページのフォームは、オレンジ色で黒のアウトラインで囲まれているため、目立つようになっています。
クリック後のランディングページ要素に対照的な色を使用すると、コントラストが訪問者の注意を特定の場所に引き付けるため、視覚的な手がかりとしても機能します。 HelloFreshのクリック後のランディングページにあるオレンジ色のCTAボタンは、訪問者に次のように呼びかけます。
ビジュアルマーケティングをどのように使用してコンバージョンを促進していますか？
ビジュアルマーケティングは、ページでビデオやGIFを使用することだけを中心に展開するのではなく、クリック後のランディングページで視覚的な手がかりを使用することは、訪問者に行動を促す効果的な方法です。
コンバージョンを獲得するために、訪問者の注意力に頼らないでください。 問題を手に取り、視覚的な手がかりの助けを借りて、訪問者をコンバージョンの目標に導きます—明示的および暗黙的の両方。 今日注目を集めている視覚的な手がかりを使用して、デザイナーが使いやすいクリック後のランディングページを作成できます。 InstapageEnterpriseデモにサインアップするだけです。