ページネーション vs 無限スクロール: 正しい選択に役立つ比較
公開: 2022-02-27ページネーションと無限スクロール、どっちがいい？ 多くの Web サイト所有者は、Web サイトの UX パターンのいずれかを選択することになると、ジレンマに陥ります。 この記事では、ウェブサイトに適したものを選択するのに役立つ比較として、これらの両方のプロセスに関する深い洞察を共有します.
最新の更新: Claue 多目的 Magento 2 テーマのバージョン 2.0 をリリースしました。これには、多数のパフォーマンスの改善と独自の機能が含まれています。 今すぐこのテーマをチェックしてください: Claue Magento テーマ 2. 0
Claue – クリーンで最小限の Magento 2&1 テーマは、40 以上のホームページ レイアウトと、ショップ、ブログ、ポートフォリオ、ストア ロケーター レイアウト、およびその他の便利なページの多数のオプションを備えた、モダンでクリーンな e コマース ストアの優れたテンプレートです。 Claue バージョン 2.0 には、次のような独自の機能が多数搭載されています。
- Lumaテーマに基づいています。
- Magento テーマのすべての基準を満たす
- 大幅なパフォーマンスの向上
- ほとんどのサードパーティの拡張機能と互換性があります。
- Magento 2.4.x との完全な互換性
この 2 番目の高度なバージョンは、以前のものとは完全に異なります。 したがって、Claue バージョン 1 を使用していて、Claue バージョン 2 に更新する場合は、古いバージョンから更新するのではなく、新しい Web サイトを再構築することしかできません。 さて、本題に戻りましょう。
ページネーションとは？
ページネーションは、大きなコンテンツを小さなチャンクに分割するプロセスです。 Web サイトのコンテンツを個別のページに分割し、ページの最後に連番を形成します。
ページネーションの長所
より良いコンバージョン
「変換」は、オンライン ビジネスがページネーション プロセスに固執する主な要因です。 ページネーションは、単にコンテンツをブラウズするのではなく、購入を考えて Web サイトにアクセスしたユーザーにとって非常に役立つことが証明されています。
関連トピック:
- コンバージョン率を最適化し、売上を即座に伸ばす方法
- コンバージョン率: 2020 年にコンバージョン率を上げるためのヒント
より良いコントロール
ページネーションを使用すると、Web サイトのフッターまたはトップ セクションに便利に到達できるため、コンテンツを閲覧するためのより優れた制御が提供されます。
David Kieras の研究によると、Psychology in Human-Computer Interaction (ヒューマン コンピュータ インタラクションにおける心理学) によると、終点に到達するとコントロール感が得られます。 この調査では、ユーザーが限定的ではあるが関連性のある結果を持っている場合、探しているものが実際にそこにあるかどうかを簡単に判断できることも明らかになりました。
また、ユーザーが結果の総数を確認すると、実際に探しているものを見つけるのにかかる時間を見積もることができます
簡単な追跡とブックマーク
ページネーションにより、消費されたコンテンツの量を簡単に追跡できます。 たとえば、Google の検索結果や Amazon を考えてみましょう。既にいくつかのページを閲覧したことがある場合は、再度閲覧する必要はありません。 特定のページに直接ジャンプして、後で使用するためにブックマークすることもできます。
ページネーションの短所
流れを断ち切る
ページネーションは、シームレスなブラウジングを妨げます。 さらに閲覧するために次のページに移動するように求めることで、訪問者の流れを中断し、ユーザー エクスペリエンスを妨害します。
クリック数と読み込み時間の増加
「次へ」ボタンをクリックしたり、ページを何度も切り替えたりすると、ユーザーは疲れます。 疲れるだけでなく、ユーザーはページの読み込みプロセスにイライラします。
無限スクロールについて
無限スクロールまたは連続スクロールは、1 ページのスクロールです。 それは終わりのない終わりのない永遠に続く。 基本的に、コンテンツ全体を 1 つのページにロードし、継続的なブラウジング フローを提供します。 無限スクロールを使用すると、ユーザーが下にスクロールすると、同じページ内に次のページ コンテンツまたは次の製品セットが自動的に読み込まれます。 プログレッシブ ローディングおよびエンドレス スクロールとも呼ばれます。
Facebook や Instagram などのソーシャル メディア サイトは、無限スクロールの最も良い例です。
無限スクロールの長所
ユーザーエンゲージメントの向上
データを探索する主要な方法としてスクロールを使用すると、ユーザーが Web ページに長く留まるようになり、ユーザー エンゲージメントが向上する可能性があります。 ソーシャル メディアの普及により、大量のデータが消費されています。 無限スクロールは、余計なクリックやタップをしなくても、大量の情報を閲覧する効率的な方法を提供します。
無限スクロールはユーザー フローを維持し、視聴者をコンテンツに惹きつけ、ユーザー エンゲージメントを高めます。
スクロールはクリックよりも優れています
スクロールは、クリック/タップよりもインタラクション コストが低くなります。 マウス ホイールまたはタッチ スクリーンを使用すると、クリックするよりも速く簡単にスクロールできます。 チュートリアルのように連続した長いコンテンツの場合、テキストを複数の画面やページに分割するよりも、スクロールする方が使いやすくなります。
モバイルユーザーに最適
無限スクロールは、特にモバイル アプリで、モバイル ユーザーに素晴らしいブラウジング エクスペリエンスを提供します。 今日の Web サイト トラフィックのほとんどはモバイル経由で生成されているため、無限スクロールはより直感的で使いやすいため、ビジネスに最適です。
無限スクロールに加えて、完全にレスポンシブでモバイル レイアウトが最適化された Magento テーマを選択することは、モバイル ユーザー エクスペリエンスを向上させる効果的な方法です。
無限スクロールの短所
トップに移動するのが難しい
ユーザーが下にスクロールし続けると、通常は深く掘り下げて、一番上に移動するのが大変な作業になります。
また、ユーザーは無限スクロールでページをブックマークできません。 次回アクセスするときは、コンテンツ全体を再度使用する必要があります。
ページのパフォーマンスがますます遅くなる
優れたユーザー エクスペリエンスを実現するには、ページの読み込み速度がすべてです。 複数の研究者は、読み込み時間が遅いと、ユーザーがサイトを離れたり、アプリを削除したりして、コンバージョン率が低下することを示しています。 これは、無限スクロールを使用しているユーザーにとっては悪いニュースです。 ユーザーがページを下にスクロールすればするほど、同じページに読み込まなければならないコンテンツが増えます。 その結果、ページのパフォーマンスはますます遅くなります。
ユーザーのデバイスの限られたリソース
もう 1 つの問題は、ユーザーのデバイスのリソースが限られていることです。 多くの無限スクロール サイト、特に画像が多いサイトでは、リソースが限られているデバイス (古いハードウェアを搭載したモバイル デバイスやタブレットなど) は、読み込まれたアセットの数が非常に多いため、速度が低下し始める可能性があります。
ページネーション vs 無限スクロール: 最終決定
ページネーションと無限スクロールの両方とその長所と短所を理解したので、Web サイト/ストアにとってどちらがより良いオプションであるかを判断する時が来ました.
いつ無限スクロールを使用し、いつページネーションを使用するのですか?
すべての要因を考慮して、ページングとプログレッシブ読み込みに関する私の見解は次のとおりです。
- ユーザー エクスペリエンスとユーザー エンゲージメントが最優先事項である場合は、無限スクロールを使用するか、ページネーションを使用します。
- ユーザーが一定時間後にエンドポイントに到達できる Web サイトのコンテンツが制限されている場合は、無限スクロールを優先します。 幅の広いコンテンツがある場合、ページネーションは理にかなっています。
どの UX デザイン手法を使用するかに関係なく、テストして最適化することが重要です。 したがって、これらの両方の手法をテストすることをためらわないでください。そうすれば、データ主導の洞察を得て、どちらのオプションが最もメリットがあるかを判断できます。 さらに、e コマース Web サイトを立ち上げて実行したり、e コマース ビジネスを次のレベルに引き上げるための支援が必要な場合は、当社の Web サイト開発サービスとMagento 2 設計および開発サービスを検討してください。 ECの世界で長年培ってきた経験とノウハウで、お客様のご要望に合わせたビジネスモデルとロードマップを構築します。 無料相談はお気軽にお問い合わせください！