web-dev-qa-db-ja.com

より多くのコンテンツを表示するためにクリックするよりもスクロールの方が優れていますか?

どちらが速いですか?下にスクロールするか、ボタンをクリックしてさらにコンテンツを表示しますか?現在、私たちのサイトでは、より多くのコンテンツを表示するためにページ番号をクリックする必要があります。ページごとに9チャネルがあり、最も一般的な解像度で1つの画面に 収まります

個人的には、2〜3ページ分のコンテンツを用意し、下にスクロールしてそれらのページを表示する方が簡単だと思います。ページあたり20以上のチャネルが必要です。マウスホイールを動かすか、下方向キーを押すだけです。私は小さなボタンを狙う必要はありません(フィッツの法則により長くかかります)。

57
JoJo

ページングは​​、左側のメニューバーのカテゴリなどによって、コンテンツをセマンティックまたはタスク関連のコンテンツグループに分割するために使用する必要があります。これにより、ユーザーはwhereではなくwhat(たとえば、メニューのページタイトル)でコンテンツを検索できます(例:ページ番号またはスクロールするページ内の相対位置)。一般に、ユーザータスクはwhat(「スポーツを確認する必要があります」)に依存しませんwhere(「チャンネルを2つ確認する必要があります-リストの3分の1」)。

関連コンテンツの各ページがスクロールする場合があります。かつては、スクロール方法を知っているほとんどすべてのユーザーに依存することができなかったため、デザイナーはすべてのコンテンツを「スクロールせずに見える範囲」に保つようにアドバイスされました。その懸念はほとんどなくなっており、ユーザーは必要なコンテンツがページのさらに下にある兆候がある場合、ユーザーは完全に機能し、進んでスクロールできます(ただし、効率のために、ユーザーが最も望むコンテンツを一番上に置く必要がありますが、ソート機能などによって提供されます)。 [Jakob Nielsenの記事「 Scrolling and Attention 」を参照してください。]]

あなたの場合、任意にページに分割されたリストがあるようです。ほとんどの場合、すべてを1つの大きなスクロールリストに入れるよりも劣ります。テーブルまたはリスト内のデータを見つけて比較するために、ページングよりもスクロールが約3倍高速であることがわかりました。検索結果をより体系的に調査したところ(かなりお手持ちのものに近い)、次のことがわかりました 50アイテムのページは10ページよりも高速にスキャンできます アイテム(100アイテムは明らかに50と有意差がなかったようですが、その時点で、結果は2ページしかありませんでした)。

スクロールは、リストおよびテーブルのページングよりも次のような利点があります(すべての場合に当てはまるわけではありません)。

  • スクロールバーコントロールは標準化されているので、ほとんどのユーザーは既に慣れています。ページングは​​標準化されていないため、注意を払い、使用する方法を学びます(たとえば、ページのどこにリンクが配置されているか、最初のリンクか最後のリンクか、選択した個々のページへのリンクがあるかどうか)。

  • 表示される項目の数はウィンドウのサイズ変更で自動的に調整できるため、ユーザーは1つのステップで表示される項目の数を最適化でき、スクロールとページングの両方がある状況を回避できます。

  • ユーザーがウィンドウのどこにいても、スクロールバーにすばやくアクセスできます。ページングインターフェイスは通常、ページの上部または下部、あるいはその両方にのみページリンクを提供します。これは、長いスルーを意味します。スクロールしてビューが見えなくなることもあります。

  • ユーザーは一度に1つのアイテムだけを移動して、一緒に見たいアイテムを表示できます。ページングは​​、アイテムを任意のグループに分割します。これにより、対象のアイテムがページ間で分割される可能性があります。

  • ユーザーは、1回のドラッグでリストの任意の場所にスクロールできます。ページングは​​、表示されているページリンクに限定されており、通常、ユーザーはすぐ近くを移動するだけに制限されています。

  • ユーザーは、アイテムのセットを複数選択してアクション(コピー、削除など)を実行でき、現在の選択を維持したまま他のアイテムを見ることができます。ページングは​​通常、現在のページの項目の選択のみを許可および維持します。

  • ユーザーの並べ替えは、見当識障害を引き起こす可能性が低くなります。スクロールでは、スクロール位置をそのままにするか、自動的にスクロールして、現在フォーカスのあるリスト項目を「追跡」できます。どちらの方法でもユーザーは大丈夫です。ただし、ページングを使用すると、並べ替えが現在のページのすべてを変更したり、ページ番号が他の値に変更されて現在のアイテムにフォーカスが置かれたりすると、ユーザーが混乱する可能性があります。多くのページング実装(あなたのものなど)はソート後にユーザーをページ1にリセットします。これは見当識障害を回避するようですが、ユーザーが特定のアイテムに再ナビゲートする必要がある場合が多すぎます。

  • ユーザーは、スクロールバーの「トラック」をクリックすることで、一度に1つの「ページ」を移動できます。

allチャネルを単一のスクロールペインに配置することをお勧めします。チャンネルリストを、メニューやその他の一般的なコントロールとは別のペインまたはフレームに配置して、アクセスしやすいようにします。ページングとスクロールの混合(たとえば、ページあたり127チャネルのうち20)は、ページングのみの場合よりも悪い場合があり、ユーザーにそれぞれいつ実行するかを決定せざるを得ない場合があります。ページ)。 127チャネルは1ページにロードするのに約500kBのようです。おそらく、ユーザーがWebでテレビを見ている場合は高速接続があるため、わずか500秒で500kBの読み込みを期待できます。

これで、1ページの127チャネルがユーザーに appearto be too many) になる可能性があるため、それらを分割することができますwithinページ(たとえば、「今日」、「昨日」、「先週」のヘッダーを最新でソートした場合)。

54

スクロールは多くのシナリオで推奨される方法ですが、ウィザード/チュートリアルまたはその他の同様の「1つのことを行ってから、次のことを行う」状況では、[次へ]/[1、2、3 ...]ボタンの方が良い場合があります。これにより、ユーザーは前のステップ/質問を離れることをユーザーに知らせ、新しいステップ/質問に対処できます。

9
Henrik Ekblom

受け入れられた回答で言及されている点に加えて:

スクロールには、次のクリックよりも多くの組み込みアフォーダンスがあります。

  • スクロールバーをドラッグしてライフプレビューでスクロール
  • スクロールバーをクリックしてページ単位でジャンプする
  • 小さなステップの終了ボタンをクリックする(理想的には、アイテムごと)
  • マウススクロールホイール(またはラップトップの同様のメカニズム)
  • Page up/Page Down、Cursor up/Cursor downボタン

これらのメカニズムはすべてかなり標準化されており、ユーザーはそれに精通しています。スクロールバーは多くの場合、スクロールホイールを使用できる単なるインジケータです。

正しく実装されていないスクロールバーの唯一の欠点は、アイテム指向ではないことです。つまり、ジャンプ距離がコンテンツと直接相関していません。 (または、言い換えると、その方法を実装するのは難しい場合があります)。

5
peterchen

慣性スクロール機能付きのトラックパッドはもちろんのこと!

私はこれらの小さな次/前のページのアイコン/リンクが本当に嫌いです。コンテンツが全体になったら、1ページに貼り付けてスクロールします。それ以外の場合は、まともな目次またはカテゴリでセクション化します。

あなたのサイトでは、「すべて」には23ページが必要です。これを単一のスクロールページに貼り付ける場合、意味のある方法で、たとえば、カテゴリごとに、アルファベット順に分割することができます。このような場合、サイドバーが目次になり、エントリをクリックすると、その中のその位置にジャンプしますページ。簡単なジャンプとスクロールの組み合わせ。

2
Peter Frings

速度について質問している場合、スクロールは、数十ページ(各9項目)をクリックするよりも確実に高速です。長いページをスクロールすることの唯一の欠点は、ページに50を超える項目があると、ユーザーの混乱を招く可能性があります。

ツイッターのウェブインターフェースと比較できると思います。ページごとにつぶやきが9つしかなく、下部にある[次へ/前へ]ボタンをクリックしなければならない場合は、面倒だと思いませんか...

2
Jüri

ページネーションは、ページを下にスクロールするよりも明らかに遅いです。ただし、ページネーションには利点があります。結果の追跡が容易になります。あなたが持っているリストのタイプがより厳密な順序とカウントを要求する場合、ページネーションが役立ちます。

1
Kernan Kobaya

間違いなく、スクロールはリンクを見つけてクリックするよりもはるかに高速です。しかし、それが速いからといって、ページを非常に長くする必要があるわけではありません。つまり、コンテンツが多すぎると、ユーザーが最後までスクロールするための忍耐力を持たなくなる可能性があるため、すべての状況で無限スクロールを使用しないでください。

スクロールが新しいクリックである理由

この記事は、スクロールするようにページを設計すると、ユーザーは「リンクをクリックする必要なく、ページ上のすべてのコンテンツを順番に表示できる」ことを指摘しています。しかし、ページリンクを使用する場合、「ユーザーはページリンクをスキップして、スキップしたページにアクセスすることなく、好きなページに移動できます。ページリンクラベルが魅力的でない場合、ユーザーはクリックせず、そのリンクの背後にあるコンテンツ。」

つまり、ユーザーがページのリンクの1つをクリックしないと、特定のコンテンツが表示されない危険があります。しかし、彼らがスクロールすれば、彼らがそれを見るのはほぼ確実だ。

0
Burma