web-dev-qa-db-ja.com

サイトに「もっと読み込む」ボタンとページ付け(コンテンツタイプによって異なります)の両方を設定できますか?

ウェブサイトに「もっと読み込む」ボタンと、より多くのコンテンツを示すためのページ付けを含めることはできますか?同じページではなく、例えば:

  • 記事のあるランディングページには「もっと読み込む」
  • ショッピングページには、200以上の製品を表示するためのページ付けがあります。理由は、フィルターに戻るために上にスクロールするのが簡単だからです(Amazon製品検索のように)。

これらは通常のボタンCTAに追加されます。起こっていることが多すぎますか?

5
Viv

両方のオプションが共存するという特定の懸念に対処するために、答えはNOです。私はこれらの共存のデータや研究を手元に持っておらず、そのようなパターンを見たことがありません。しかし、これについて考えてください:コンテンツをロードし続ける場合...ページはどこにありますか?また、ページがない場合は、何にページ分割しますか?

例を試してみましょう:Jane DoeがeComSiteにアクセスし、製品の検索を行います。検索では、ページごとに20の結果のブロックで200の結果が提供され、彼女は最良のオプションを探してページを閲覧し始めます。彼女は1ページで1つ、2ページで2つ、4ページでもう1つを見つけます。 短期記憶 のおかげで、彼女はさらにいくつかのページにアクセスできるようになりますが、彼女はすでにこれらのページで興味のあるものを見たことを覚えています。

今、同じケースをさらに読み込む(または無限に読み込む)場合:ジェーンがコンテンツの読み込みを続けると、製品を簡単に見つけられると思いますか?すべての手掛かりがなくなったことを覚えて、彼女は大量のコンテンツ以外に、ブロックやページ、または彼女がどこにいたか、どこにいるかを示す他の兆候はありません。

ご覧のとおり、非常に異なるシナリオと非常に異なるユーザーフローは、非常に異なるユーザー動作を要求します。だから...これらの完全に異なる ユーザーフローをどのように混合しますか

最後の考慮事項は、ページに終わりがない場合、ナビゲーションを配置するためのページの終わりがないことです。これは、フローティングページネーションバーなどの奇妙なパターンで解決できる可能性があるため、上記のユーザーケースに集中する必要があると思います。ユーザーフローと mindsets を混在させることはほとんど不可能なので、答えはノーだと思います

編集:興味があれば、 これらのビデオをご覧ください または スライドをダウンロード この講演では、科学的な観点から問題を理解するのに役立ちます

1
Devin

ページネーションと追加の読み込みオプションは、コンテキストによって異なります。あなたが言及したようなコンテキストでは、「さらに読み込む」オプションで問題ありません。そして、もののようなショッピングページのために、ページ付けはより役に立ちます。ただし、[さらに読み込む]ボタンの使用中にコンテンツが表示され、スクロールが多すぎる場合は、ユーザーに[トップに戻る]オプションを提供できます。

0
William Gilbert

1番目のコンテキスト-少量のコンテンツ、データ、または画像に使用され、このように使用される(ロード時間を節約する)と思う傾向があります...

2番目のコンテキスト-大量のコンテンツ、製品、画像、データにはページ分割が使用されます。

遅延読み込みは、ビューポート内でコンテンツ/データを利用できるようにするために使用できるサウンドテクニックおよび代替ソリューションです。

無限スクロールは私の質問の理解とは異なります。無限スクロールは、サイトまたはアプリを無限にスクロールする機能です。

フィルター、チェックボックス、またはフィルター可能なフォームフィールド、タグ/タグクラウド、および日付ピッカーは、さまざまなコンテキストや状況に対応する他のオプションを提供します。

はい、私はその答えであると信じています。

0
Ben Graham

私はウィリアムとベンに同意しません。電子商取引におけるページ分割は、進むべき道ではありません。

Eコマースの製品リストとフィルタリングに関する大規模なユーザビリティ調査全体を通して、多数の被験者がページネーションについて明確に不満を述べていました。被験者は一般的にページネーションが遅いと感じており、ページネーションリンクの数が少なすぎると、製品リストの閲覧を妨げることがよくありました。さらに重要なことに、被験者は、「もっと読み込む」ボタンや無限スクロールに依存するWebサイトよりも、全製品リストの閲覧がはるかに少ないことが観察されました。有利な点は、結果の最初のページに比較的多くの時間を費やしたことです。

https://www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/

質問に答えるには:はい、さまざまなユースケースでページネーションと無限スクロールを混在させても問題ありませんが、ユーザーはサイト/アプリケーションが一貫して機能することを期待していることに注意してください。

無限のスクロールを期待するとき、人々は混乱するかもしれませんが、ページネーションを見たり、その逆も同様です。

したがって、正当な理由なしに、頻繁に混合しないでください。

0

はい、同じウェブサイトで両方を使用できます。ページネーションと無限スクロール(「さらに読み込む」の有無にかかわらず)の選択は、コンテキストによって異なります。現時点で提供しているコンテンツの種類は何ですか。

この「ルール」は、eコマースサイトにも当てはまります。インスピレーションを与えるコンテンツを表示したい場合は、無限のスクロールを自由に使用してください。この段階では、ユーザーは特に何も探していません。代わりに彼らはあなたのコンテンツを発見し、彼らが好きなものを見つけるために大量の多様なアイテムをチェックしています。基本的に、ここでの無限スクロールの使用は発見を促進します。これは、変換を後押しすることができますし、そうするでしょう(少なくとも、私が参加したプロジェクトの場合はそうでした:-).

しかし、それが本当に、本当にあなたのビジネスを傷つける状況があります。ユーザーが特定の情報や製品を探しているとき。

人々は検索結果のリストに戻って、今見たばかりのアイテムをチェックし、リストの他のどこかで発見した他のアイテムと比較したいと思うでしょう。無限スクロールはこのダイナミックを壊すだけでなく、リストを上下に移動することも困難にします。特に、別の時間にページに戻って最上部に戻ると、リストをもう一度スクロールする必要があります。結果が読み込まれるまで待ちます。このようにして、無限スクロールインターフェースは、実際にはページ分割されたものよりも低速です。 -Dmitry Fadeyev

これが、すべてのWebサイトに無限スクロールを盲目的に適用できない理由です。これはコンテキストベースの決定です。無限スクロールは、ユーザーが特に何も探すことなく、無限に流れるデータのストリームを消費しているコンテンツに適しています。ページネーションは、特定の何か(検索結果、製品カテゴリの概要)を探している場合に適しています。

これを覚えておけば、(eコマース)Webサイトを閲覧する両方の方法を安全​​に実装できます。

詳細: https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1

編集:この動作を確認するには、Googleの検索結果とGoogle画像を確認してください。上記の理由により、これらは互いに隣接して存在しますが、検索ではページネーションが使用され、画像では無限スクロールが使用されます。

0
Wendy Wojenka