web-dev-qa-db-ja.com

ページングボタンの位置–上、下、またはその両方

質問は、カタログページのページングボタンを配置する場所です。ここにはいくつかの基本的な選択肢があります。

  1. 下のみ。
  2. 下部と上部の両方に。

ページを配置する明白な議論ページの下部のみは、ユーザーにまずカタログ全体を表示させ、次に次のページに移動させることです。また、Amazon、ebayなどの主要なWebサイトを見て、ページの下部にのみページングを配置しています。

しかし、前年の主要なサイトではページングを両方に配置していますが上と下にあります。

それを配置するための引数これもカタログの上部にあるページは、ユーザーを支援するために、下にスクロールした後、再度上にスクロールし、私の場所にある行をもう一度確認して移動します再びスクロールダウンする必要なしに次のページへ。

問題は– ユーザーが両方の場所に配置するかどうかです。たぶん、一部のサイトでは、ユーザーに強制的に上下にスクロールさせる必要があり、それが彼らの目標であり、できるだけ多くを表示する必要がありますが、ユーザーがサイトを離れるようにするのは、上下にイライラさせられる場合に適しています。

私が考えている1つの代替策は、上部のページングボタンを非表示にすることです。ユーザーが下にスクロールすると、それが表示されます。ユーザーが再び表示された場合は、最初にユーザーにカタログ全体を最初に表示するように強制します。次のページに移動しますが、両方に保持します。

8
Aristos

ページングコントロールを上と下の両方に配置することにはいくつかの利点がありますが、実際には1つの欠点、つまり必要な画面領域が増えるだけです。

サイト所有者がユーザーに各ページのすべてのコンテンツを表示することを望んでいると述べましたが、ページング番号を表示することによりページにジャンプするオプションを提供し、ユーザーがページをスキップできるようにするため、引数は少し矛盾しています。ナビゲーションに役立つ機能を有効にすると、ユーザーはそれを気に入ってくれるでしょう。おそらく、ユーザーが提供しなかった場合よりも、サイトにより多くの時間を費やすことになります。

ここで取り上げなかったもう1つの利点は、ページングコントロールを上にして、カタログが保持するページ数の概要がユーザーに即座に表示されることです。ビューが検索結果であり、ページングコントロールに10ページ以上が表示されている場合、ユーザーは検索を絞り込む必要があるかもしれません。この場合、ユーザーはこのことをすぐに通知されていただければ幸いです。

5
AndroidHustle

別のオプションは、ページのどこにいても、常に表示されるメニューバー(または同様の概念)を持つことです。これが適切かどうかは、アプリケーションと目標によって異なります。

これは明らかに、ほとんどのデスクトップアプリケーションで使用されているもので、メニューバーとツールバーは常に(またはほぼ常に)表示されています。ウェブでは、Gmailにすぐに利用できる例があります。 Gmailでメールメッセージをスクロールすると、メッセージをどこまでスクロールしても、小さなツールバーが常に表示されます。この小さなツールバーには、「削除」や「ラベルの追加」などのよく使用されるアクションが含まれています。同様に、メッセージリストでは、下にスクロールした場合でも、「新しい」ボタンと「古い」ボタンにいつでもアクセスできます。このツールバーでは画面の一部が失われるため、このアプローチが十分に役立ち、画面の画面の使用を正当化するという目標を達成するかどうかは、設計上の選択です。グーグルはそれがメールでは役立つがウェブ検索では役に立たないという決定をしたようです。

2
nadyne

ユーザーがコンテンツ内の特定の場所にジャンプする必要がありそうにないようなコンテンツの場合は、ページングボタンを最後にのみ配置することをお勧めします。グーグル検索は良い例です。ただし、ここでも、2ページ目になったら、最後までスクロールしなくても、簡単に1ページに戻ることができます。これは、最初のページを除くすべてのページの最初と最後の両方にそれらを置くことについての良い議論を与えます。これは、ページを短くすることで軽減できますが、他の問題が発生します。

ユーザーがコンテンツ内のある場所にジャンプできる必要がある可能性が高い状況では、最初にユーザーに提供するのが理にかなっており、ナビゲーションを簡単にするために、最後にもユーザーが必要になる可能性があります。

ただし、コンテンツの上部と下部の両方にページングボタンを配置することとのバランスを取るための設計上の考慮事項もあります。このトレードオフとその他の手段は、すべてのアプリケーションにとって正しい答えではありません。

ちなみに、状況によっては、無限スクロールの方がページ付けの方が理にかなっている場合があります。そのため、最初にそれを検討する価値があるかもしれません。その場合、ページ付けボタンを配置する必要はありません。

1
JohnGB

それはあなたのページの主な目的に依存します。ページのコンテンツ全体を表示するようにユーザーを説得するには、ページの下部にのみボタンを表示することをお勧めします。これは、アイテムのリストが制限されているeコマースWebサイトでは理にかなっています。

ウェイン州立大学は、「トップに戻る」ボタンを視覚化するために興味深いアプローチを使用し、ユーザーに下にスクロールさせました。このリンクでデモを見ることができます http://blogs.wayne.edu/web/2012/03/16/a-better-return-to-top-experience/

JavaScriptを使用して上部ボタンbuに同様の手法を使用し、訪問者がスクロールした距離を検出して、上部ボタンをコンテンツ領域の外に表示できます。

これが役に立てば幸い

1
Giults