無限スクロール(infinite scrolling)とは、画面を下へスクロールするにつれて、続きの内容が自動で読み込まれる仕組みである。ページの切れ目がなく、内容が終わりなく続く。「次へ」を押す必要がない。
たとえば、SNS の投稿の一覧である。下へ動かし続けるかぎり、新しい投稿が次々に出てくる。ページの切れ目はなく、利用者は、指を動かすだけでよい。
よいところ
ニールセン・ノーマン・グループ(NN/g)の記事によると、よいところは3つある。
- 中断が少ない。「次へ」を押すという短い中断でも、利用者が別の作業に移るきっかけになりうる。ある研究では、SNS上で商品を売り買いするサービスで、その傾向が見られた。
- 操作の手間が減る。ボタンを押して、新しいページを待つ必要がない。見た項目に戻るときも、上へスクロールするだけである。
- スマートフォンに向く。画面が小さく、もともとスクロールが多い。指も画面のそばに置いたままなので、下へなぞるだけで続きが見られる。
この仕組みが向くのは、内容が流れ続け、どの項目も同じくらい関係があるサイトである。SNS やニュースが、その例である。通販サイトでも使われているが、欲しいものを探して比べる使い方には向かない。
起きやすい問題
- 前に見た項目を探し直しにくい。項目を開いて、戻るボタンで一覧へ戻ると、見ていた位置を覚えていないサイトでは、一覧の先頭に出てしまう。見ていた位置まで、また下へスクロールし直すことになる。ページ番号があれば、「3ページ目にあった」と覚えておける。
- 全部読み込んだと勘違いする。読み込み中だと分かる表示がないと、大きな余白や広告が見えただけで、終わりに来たと思ってしまう。
- 「もっと見る」ボタンのない無限スクロールでは、ページの最下部(フッター)に、たどり着けないことがある。連絡先や返品の規約がそこにあるサイトでは、困る。
- キーボードや、スクリーンリーダーで使いにくい。キーボードだけで操作する人は、長い一覧を、リンクごとに進むことになる。画面の文字を音声で読み上げるソフト(スクリーンリーダー)を使う人は、最初に読み込まれた分しか読めないことがある。
- ページが重くなる。読み込む内容が増え続ける。通信の遅い環境の人や、通信量に上限がある人には、特に負担が大きい。
- 検索エンジンが、すべての内容を読み取れないことがある。表示が遅くなることも、検索結果の順位に響く。

向かない場面
次のような目的には、無限スクロールは向かない。
- 特定のものを探す。
- 長い一覧の中で、項目を比べる。
- 一覧の上のほうの、数件だけを見る。
次のようなサイトにも、向かない。
- 通信の遅い環境の利用者が、多いサイト。
- アクセシビリティの配慮が必要な利用者が、多いサイト。
ほかの方法
- 「もっと見る」ボタンを置く。利用者がボタンを押したときだけ、続きを読み込む。フッターに届き、まだ続きがあることも分かる。最初に読み込む量が減るので、通信の遅い人にも向く。その代わり、ボタンを押す手間が増える。
- 無限スクロールに、ページ番号を組み込む。ページ番号が目印になり、見直しやすい。ただし、フッターに届かない問題と、ページが重くなる問題は、残る。この形はまだ新しく、利用者テストのデータもない。慣れない人を、かえって混乱させるおそれもある。
- ページを分ける。ページネーションである。
どれか1つが、いつも最良というわけではない。どのサイトか、利用者が何をしたいか、どの機器で見るかによって決まる。
歴史
無限スクロールは、2006年に生まれた。その後、人気が急に高まった。
2014年の別の記事「Infinite Scrolling is Not for Every Website」は、すでに慎重な見方を示している。スクロールバーが、ページの長さを正しく示さなくなる。選択肢が多すぎて、何も押さなくなる人もいる。
出典
- Nielsen Norman Group「Infinite Scrolling: When to Use It, When to Avoid It」
- Nielsen Norman Group「Infinite Scrolling is Not for Every Website」