無限スクロール

Infinite scroll

別名: インフィニットスクロール、Continuous scrolling、無限読み込み

生態(さわってみる)

一言定義

一覧の末尾に近づくと次のコンテンツを自動で読み込み、ページ送りなしに連続閲覧させる挙動パターン。

分類

使う場面

  • SNSフィードのような探索型・回遊型の閲覧体験
  • 明確な終端を意識させたくない大量コンテンツ

避ける場面

  • 目的の項目に到達・再訪させたい一覧(EC検索結果など)
  • フッターに到達できる必要があるページ

近縁種との比較

もっと見るボタンは次の読み込みをユーザーの明示的な操作に委ねる点で無限スクロールと異なり、 フッターへの到達可能性やスクロール位置の制御をユーザー側に残せる。ページネーションはさらに 一覧を固定ページに区切ることで、特定の項目への再訪やURL共有がしやすくなる。無限スクロールは 回遊性を最大化する一方、終端や現在位置がわかりにくくなるため、目的志向の強い一覧には不向きである。

実例リンク

アクセシビリティ

補足
新規読み込みをスクリーンリーダーに通知する aria-live 領域を検討。キーボード利用者のために「もっと見る」併用が望ましい