無限スクロール
Infinite scroll
別名: インフィニットスクロール、Continuous scrolling、無限読み込み
生態(さわってみる)
一言定義
一覧の末尾に近づくと次のコンテンツを自動で読み込み、ページ送りなしに連続閲覧させる挙動パターン。
分類
使う場面
- SNSフィードのような探索型・回遊型の閲覧体験
- 明確な終端を意識させたくない大量コンテンツ
避ける場面
- 目的の項目に到達・再訪させたい一覧(EC検索結果など)
- フッターに到達できる必要があるページ
近縁種との比較
もっと見るボタンは次の読み込みをユーザーの明示的な操作に委ねる点で無限スクロールと異なり、 フッターへの到達可能性やスクロール位置の制御をユーザー側に残せる。ページネーションはさらに 一覧を固定ページに区切ることで、特定の項目への再訪やURL共有がしやすくなる。無限スクロールは 回遊性を最大化する一方、終端や現在位置がわかりにくくなるため、目的志向の強い一覧には不向きである。
実例リンク
アクセシビリティ
- 補足
- 新規読み込みをスクリーンリーダーに通知する aria-live 領域を検討。キーボード利用者のために「もっと見る」併用が望ましい