サイトデザイン全体をスクロールするようにユーザーを誘導する7つの方法

公開: 2021-09-11

かつて、長時間スクロールするサイトは非常に人気がありませんでした。ウェブサイトはすべて、新聞の物理的な折り畳みの上に表示される重要なコンテンツにちなんで名付けられた用語である「折り畳みの上」の概念に関するものでした。

今日、その逆が当てはまります。もはや「折り畳み」の感覚はほとんどありません。最小のモバイルから最大のデスクトップに至るまで、非常に多様な画面があるため、折り畳みは必ずしも別の折り畳みと同じではありません。そして、私がデバイスを切り替えるとき、それは確かに異なります。

しかし、モバイルデバイスやソーシャルメディアサイトの人気のおかげで、スクロールは私たちのほとんどにとって第二の性質になっています。ただし、ユーザーがうっかりページを上下にスクロールしたからといって、デザイナーがこれを当然のことと見なす必要があるわけではありません。ユーザーがコンテンツに圧倒され、ますます減少する注目のスパンと戦う中で、デザイナーは、長いスクロールがユーザーを引き付け、コンバージョンに向けて誘惑することを確実にするために、新しいルールを学ぶ必要があります。

「これが人々にスクロールを続けるように促す7つの方法です。 」

1.強く始める

折り目の上からのWholegrainDigitalスクリーンショット — Wholegrain Digitalは、読者がメインメッセージに集中できるように、折り目の上の多くのオープンスペースを使用します

最も重要なコンテンツを「折り畳みの上」に配置するという概念はほとんど機能していませんが、それでも、良い第一印象を与えるチャンスは1回しかありません。サイトに着陸するとき、ユーザーはそれがぶらぶらする価値があるかどうかのほんの一瞬の評価をします。したがって、それらをフックするための強力な紹介が必要です。

最も説得力のあるコンテンツをページの上部に配置し、読み続ける正当な理由を提供します。

顧客と検索エンジンの両方のためにサイトを設計するための最良の方法をお探しですか？これ以上探さない！

2.魅力的なコンテンツを作成する

2つのコンテンツブロックのフライホイールスクリーンショットによるレイアウト — レイアウト記事は、大胆で明るい特徴的な画像で分解されています

「あなたのウェブサイトの成功は、そのコンテンツの強さに依存します。 」幸いなことに、長いスクロールサイトはストーリーテリングに最適なキャンバスです。コンテンツを作成するときは、販売ページ、概要ページ、製品/サービスページなど、ストーリーの最初、中間、最後について考えてください。

コンテンツに関連性のある高解像度の画像、ビデオ、およびインフォグラフィックを振りかけ、アクション動詞を使用して魅力的なコピーを作成し、人々の想像力を捉えて、最後に向かって動かし続けます。著者がどのように章を使用してストーリーを通して読者を引き付け、コンテンツの各ブロックの最後に同じテクニックを採用するかを検討してください。

3.目標を明確にする

「パイロット」と「トレーニングマネージャー」を読み取るCTAボタンを含むフライト前のWebページのスクリーンショットを使用する — WholegrainDigitalによって作成されたUseBeforeFlightは、折り目の上の2つのCTAボタンを使用します

長いスクロールのサイトは、終わりがなく、とりとめのないもののように感じるべきではありません。デザインについて考える前に、そのページの主な目標を検討し、含めるすべてのコンテンツがユーザーをその方向に誘導するように調整されていることを確認する必要があります。

つまり、ページの下のいくつかの場所にCTAボタンを含めることを検討する必要があります。全員が一番下までスクロールするわけではないことを忘れないでください。

4.偽の底を避けてください

空白のキャンバスのウェブサイトのスクリーンショット — Wholegrain Digitalによって作成された空白のキャンバスは、誤った底部効果を回避するために視差スクロールを使用します

「偽の下部」とは、ページに他に何もないと人々が考えてスクロールを停止することです。上部の主要なコンテンツにそれらをフックさせたい場合は、スクロールするとさらに優れたものがあることを明確にする視覚的な手がかりを含めるようにしてください。

これを簡単に実現するオプションがいくつかあります。たとえば、矢印や「下にスクロール」するための簡単なテキスト命令などです。よりクリエイティブにしたい場合は、ページを下に向けて人々の注意を引く線などのデザインキューを選択するか、スクロールが自然になるようにハードラインを避けて編集スタイルのレイアウトでコンテンツを配置することができます。

5.明確なロードマップを提供する

Notovel Hotelsの予約バーは、スクロールするとページを下に移動します

ナビゲーションは、Webサイトの最大の要素の1つです。特に、ユーザーの方向感覚が失われる可能性のある長いスクロールサイトでは、ユーザーはページのどこにいるかを正確に把握し、次に行きたい場所への明確なパスを持っている必要があります。

スティッキーナビゲーションは、現在の場所を表示し、常に表示されたままになるため、優れたオプションです。ただし、これはモバイルデバイスの主要な画面スペースを占める可能性があるため、使用していないときはナビゲーションバーを非表示にすることを選択できます。

ページが特に長い場合は、ジャンプ先オプションを含めるか、ページのさまざまな段階で別のURLを検討することを選択できます。何をするにしても、戻るボタンが正しく機能することを確認してください。そうすれば、人々がリンクをたどると、ページの同じ部分に戻るようになります。

6.創造的な相互作用で人々を喜ばせます

シフトのウェブサイトのスクリーンショット — Shiftを使用すると、視聴者にとってスクロール体験が楽しくユニークになります。

長いスクロールは、没入型のストーリーテリングに適しているため、視差スクロールやスクロールトリガーアニメーションなどのクリエイティブなスクロールテクニックを含めることは、ユーザーを引き付け、さらにスクロールするように促す楽しい方法です。

視差スクロールは、完全に没入型のブラウジング体験を生み出します。背景が前景よりもゆっくりと動くので、奥行き感が生まれます。一方、スクロールトリガーアニメーションは、コンテンツをチャンクに分割するのに最適です。アニメーションは、コンテンツを案内するときに人々の想像力をキャプチャします。

7.スクロールを乗っ取らないでください

メソッドローズゴールドのウェブサイトのスクリーンショット — 方法– WholegrainDigitalによって作成されたRoseGoldは、エクスペリエンスをハイジャックすることなく、楽しいスクロール効果を使用します

最後に、スクロールの乗っ取りは避けてください。ユーザーは、サイトのナビゲーションを常に完全に制御できる必要があります。スクロールハイジャックを使用すると、ユーザーの操作に関係なく、ページが特定のペースで移動するように設定されます。これは、ユーザーにコンテンツの閲覧を遅くするために最もよく使用されます。これは良くないことであり、ユーザーエクスペリエンスを混乱させ、多くの場合、ユーザーがサイトを離れることになります。彼らにあなたのコンテンツを消費したいペースを指示させ、代わりに彼らがすべてを消費することを奨励する素晴らしいコンテンツを作成することに集中してください。

「長時間スクロールするWebサイトは目新しいものではありませんが、近年ルネッサンスを迎えています。 」ユーザーエクスペリエンスを向上させる方法は継続的に開発されています。優れたコンテンツと直感的なインターフェイスの間のスイートスポットを見つけてください。そうすれば、人々はスクロールの長さを気にすることはありません。何でもそうですが、定期的に分析をチェックして、長時間スクロールするサイトがどれほど成功しているかを確認し、必要に応じて調整する準備をしてください。

次は何ですか？

あなたがWordPressサイトで働いているマーケターなら、プラグインはあなたの努力を合理化するための完璧な方法です！ただし、目標を達成するのに役立つ最適なものを見つけることは、CTAのA / Bテストに少し似ている可能性があります。結果を正確に把握するには、調査、テスト、追跡の結果が必要です。これにプラグインディレクトリ内のすべての便利なオプションを掛けると、優先順位を付けるための洗濯物リストが表示されます。

長いスクロールサイトを使用するのが好きですか。また、このリストに追加するための優れたヒントはありますか？以下のコメントで教えてください。