長スクロール、1ページのウェブサイトは一般的になりつつあります。 アベレージ ザ フォールドとノー フォールドの論争は、後者のアプローチに傾いているように見えます。 長い間、Web サイトの最も重要なコンテンツは折り目の上にあるべきであるということが当然とされてきました。 その理由は、ほとんどのユーザーは、探しているものがまだ見つかっていない場合、ページをスクロールダウンすることに抵抗があるからです。 ホームページやランディング ページのコンテンツが、これから良いことが起こるという期待を持たせてくれる限り、コンテンツが自分のニーズに関連している限り、ユーザーは喜んでスクロールし続けるでしょう。 これらのスクロール技法は、実際には何年も前から使用されています。
Long Scroll は今後も継続されるでしょうし、それには十分な理由があります:ユーザーは明らかに気に入っています。
長いスクロールまたは無限スクロールは、どちらのアプローチもタッチ ジェスチャに適しているため、この問題を回避することができます。 長いスクロールの利点は、CSS と JavaScript の進歩との組み合わせにより、Web デザイナーのためのより良い選択肢を生み出しました。 How It All Works 長時間スクロールのサイトは、2 つの方法のいずれかで動作する傾向があります。 サイトには、他のページへのリンクを持つ大きなホームページがあるか、または、1 つの長いページで構成されています。 どちらの設定でも、ストーリーテリングのテクニックの使用など、Web デザイナーのための豊富な可能性が生まれます。
ストーリーテリングは、パララックス スクロール、Ajax/jQuery、またはスクロール トリガー アニメーションなどの微妙な特殊効果を組み込むことにより、しばしばより効果的にすることが可能です。
- Long Scrolling Used Primarily for Storytelling
- A Smooth Platform
- Why Most People Like Long-Scrolling
- Making the Most of a Memorable Design
- 長いスクロール、アニメーション、およびホバー = 有力なコンボ
- Managing Lengthy Content
- Long-Scrolling Storytelling
- Effectively Using Horizontal Nav Bars
- Creating Engaging Websites
- Cool Uses of Metaphors
- Practical Uses of Interactivity
- Why Some Users Don’t Like Long-Scrolling
- 小画面での視差の可能性
Long Scrolling Used Primarily for Storytelling
A Smooth Platform
Page-by-page Navigation と Storytelling は必ずしも相性が良いとは限りません。 この種のナビゲーションは、せいぜいギクシャクしたものになりがちですが、長いスクロールは、はるかにスムーズなストーリーテリングのプラットフォームを提供します。 また、長時間のスクロールにより、ユーザーはペースをより細かく制御できるようになり、その継続的な没入機能により、ユーザーの集中力と完全な関与を維持する上で不利となるページ間の遅延を回避することができます。
Why Most People Like Long-Scrolling
Making the Most of a Memorable Design
長いスクロール ページは、非常に革新的で記憶に残るビジュアル デザインの使用への扉を開くという印象を簡単に受けるかもしれません。 実はその逆なのです。 9372>
簡単に言うと、サイトの訪問者に長いページをスクロールしてもらい、さらにコンテンツを探してもらうには、訪問者の興味を引き続けなければなりません。 9372>
長いスクロール、アニメーション、およびホバー = 有力なコンボ
最初の議論に戻りますが、長いスクロールの Web サイトは、ユーザーが離れてしまうことも、直帰率が上がることも、コンバージョン数が下がることもありません。 このような場合、直帰率は下がり、コンバージョン率は上がります。
長いスクロールは、ユーザーの関与を完全に維持する方法を発見する多くの機会を提供します。 ユーザーがサイトに長く滞在すればするほど、行動の呼びかけに反応する可能性が高くなります。
Managing Lengthy Content
1 つの大きな課題は、ページ上に配置するコンテンツの適切な量を決定することです。 少なすぎるとユーザーの関心を引くことが難しくなり、多すぎるとユーザーを圧倒し、雑然とした効果を引き起こし、ユーザーのエクスペリエンスに悪影響を及ぼします。 コンテンツを分散させることができるので、ユーザーは自分のペースでコンテンツを吸収することができ、ページ ナビゲーションを中断させることもありません。
Long-Scrolling Storytelling
The horizontal navigation bars tend to fit nicely on most page types, but there is the limit as how many internal pages can accommodating. 9372>
Long スクロールは、複数の内部ページを収容する必要性を大幅に削減することができます。 その代わり、ナビ バーを使用して、サイトのメイン ページ ストーリーの主要部分にユーザーを誘導することができます。
Creating Engaging Websites
Cool Uses of Metaphors
比喩は Web デザイン要素としてあまり考えられていませんが、長いストーリーや説明を通してユーザーを引きつける素晴らしい方法を提供することができます。
長いページにいくつかの簡単な比喩を織り込んで、不確実性の感情を打ち消します。 9372>
Practical Uses of Interactivity
ユーザーが喜ぶもうひとつのデザイン手法は、サイトのページ全体に戦略的にインタラクティブな要素を配置することです。 これらのインタラクティブ機能は、ユーザーに精神的な休息を与えると同時に、ユーザーの興味を維持し、集中力を高めて従事させる役割を果たします。
Why Some Users Don’t Like Long-Scrolling
多くのユーザー、特にモバイル デバイス ユーザーは、長いスクロールのオファーが好きです。 しかし、一部のユーザーは、特に気にしないか、まったく好きではありません。 デザイナーとして心に留めておくべきことは、長いスクロールは、あるタイプの Web サイトには理想的ですが、別のタイプの Web サイトには不向きだということです。
モバイル デバイスが進化し、その機能が向上するにつれ、長いスクロールのテクニックや機能も進化・向上する可能性が高いので、ご期待ください。
小画面での視差の可能性
視差は現在、主にデスクトップ効果であり、デザイナーやユーザーが望むほどにはモバイル フレンドリーではありません。 Ajax やその他の自動ロード戦略の改善のおかげで、この状況は改善されるはずです。
Parallax は単なる楽しい特殊効果ではありません。 適切に使用された場合、ユーザーの関与を維持するようなスムーズな視覚的ストーリーを提供することができます。 たとえば、ミニマリズムのトレンドがあります。 ミニマリズムと長尺スクロールは特に関係がないように見えますが、ミニマリズムのサイトに長尺スクロールの機能を持たせると、驚くべき結果を実現することができます。 しかし、これらはデスクトップでも同様に機能します。 長いスクロールのテクニックは、タッチ ジェスチャが使用されるときに本当に輝きますが、デザイナーはタッチ スクリーン以外のアプリケーションでこれらのテクニックを使用するためのより良い方法を見つけることが期待されます。