페이지네이션과 무한 스크롤 중 무엇을 선택해야 할까

먼저 던질 질문

사용자의 탐색 목적에 따라 목록 UX는 어떻게 달라지는가

핵심 관점

페이지네이션과 무한 스크롤은 목록을 나누는 방식이 아니라 탐색 목적의 차이다. 다시 찾아야 하는 목록과 계속 소비하는 목록은 다른 기억 방식을 요구한다.

탐색이 빨라지는 장면

관리자 주문 목록처럼 특정 항목을 다시 찾아야 하는 화면에는 페이지네이션을 사용한다.

소셜 피드처럼 계속 탐색하는 콘텐츠에는 무한 스크롤을 사용한다.

발견을 방해하는 흐름

검색 결과에서 무한 스크롤만 제공해 사용자가 이전 위치로 돌아가기 어렵다.

짧은 추천 피드에 불필요한 페이지 번호를 제공한다.

탐색 사례와 근거

페이지네이션은 위치 기억과 재방문에 강하다

페이지네이션은 사용자가 결과의 범위와 위치를 이해하기 쉽다. 검색 결과, 관리자 목록, 주문 내역처럼 특정 항목을 다시 찾거나 동료에게 위치를 공유해야 하는 화면에 적합하다.

무한 스크롤은 피드, 이미지 탐색, 추천 콘텐츠처럼 계속 훑어보는 경험에 잘 맞는다. 하지만 Footer 접근, 위치 복귀, 뒤로가기, 성능, 접근성에서 비용이 생긴다.

실무 해석

web.dev가 강조하는 시각적 안정성처럼 새 콘텐츠가 추가될 때 공간 예약과 URL 복원, 로딩 상태를 함께 설계하지 않으면 사용자는 자신이 어디에 있었는지 잃기 쉽다.

탐색 패턴 선택 기준

• 사용자가 특정 항목으로 돌아와야 하는지 본다
• 목록의 끝과 footer 접근이 중요한지 확인한다
• URL과 스크롤 위치 복원이 필요한지 판단한다

자주 빠지는 함정

무한 스크롤은 몰입감을 만들지만 위치 기억을 약하게 한다. 검색형 탐색에 쓰면 사용자는 방금 본 항목으로 돌아가기 어렵다.

추가로 비교할 탐색 사례

• 검색 결과 페이지네이션, 소셜 피드, 커머스 목록을 비교한다
• 무한 스크롤에서 footer 접근이 어려운 사례를 찾는다
• 스크롤 위치 복원이 좋은 사례를 모은다

탐색 설계 질문

• 사용자가 특정 항목을 다시 찾아야 하는지 다뤘는가
• URL과 scroll restoration 구현 문제를 포함했는가

출처

• GOV.UK Design System, Pagination: https://design-system.service.gov.uk/components/pagination/
• web.dev, Web Vitals: https://web.dev/articles/vitals
• web.dev, Cumulative Layout Shift: https://web.dev/articles/cls
• W3C, Web Content Accessibility Guidelines WCAG 2.2: https://www.w3.org/TR/WCAG22/