세 가지 방식 비교
긴 목록을 보여주는 방법은 크게 세 가지예요. 페이지 번호는 '3페이지에 있던 상품'처럼 위치를 기억하기 좋아요. '더 보기' 버튼은 사용자가 원할 때만 더 불러와요. 무한 스크롤은 피드처럼 가볍게 둘러볼 때 좋지만 바닥글에 닿기 어렵고 위치를 잃기 쉬워요. 판과 동료들(2007)은 사람들이 위쪽 결과를 더 믿고 누른다고 보였으니, 어떤 방식이든 첫 화면의 정렬이 가장 중요해요.
모바일에서의 설계
작은 화면에 1부터 10까지 번호를 늘어놓으면 누르기 어려워요. 파히와 동료들(2006)의 엄지 크기를 생각해 이전·다음 버튼을 크게 두고, 번호는 현재 페이지 주변만 보여줘요. 힉(1952)의 법칙처럼 선택지가 적을수록 빨리 골라요. '더 보기'를 누르면 밀러(1968)의 기준처럼 바로 로딩 표시(진행 표시기)를 보여주고, 버튼은 터치 타깃 크기를 지켜요.
위치 기억, 검색, 접근성
상품을 보고 뒤로 왔을 때 같은 페이지와 스크롤 위치로 돌아와야 해요. 구글(Google Search Central, n.d.)은 페이지마다 고유한 주소를 두라고 권해서, 무한 스크롤도 내부적으로는 페이지 주소를 갖는 편이 좋아요. 현재 페이지 번호에는 aria-current(MDN, n.d.)를 붙이고, WCAG 2.2(W3C, 2023)의 2.4.3처럼 새 페이지를 불러온 뒤 포커스를 목록 시작으로 옮겨요.
자주 묻는 질문
- 무한 스크롤이 항상 더 좋은가요?
- 아니요. 피드처럼 둘러보기엔 좋지만, 비교하거나 다시 찾아야 하는 목록은 페이지 번호나 더 보기가 나아요.
- 모바일에서 페이지 번호는 몇 개가 적당하나요?
- 현재 페이지 주변 몇 개와 이전·다음 버튼 정도로 줄이는 게 좋아요.
출처 검토일: 2026-10-27
참고문헌
- Google Search Central. (n.d.). Pagination, incremental page loading, and their impact on Google Search. 페이지마다 고유한 주소를 두라는 안내라, 페이지네이션과 무한 스크롤이 검색에 주는 영향을 따질 때 참고하면 도움이 돼요.
- Pan, B., Hembrooke, H., Joachims, T., Lorigo, L., Gay, G., & Granka, L. (2007). In Google we trust: Users' decisions on rank, position, and relevance. Journal of Computer-Mediated Communication, 12(3), 801–823. 사람들이 위쪽 결과를 더 믿고 누른다는 연구라, 첫 페이지 정렬이 중요한 이유로 참고하면 도움이 돼요.
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 선택지 수와 결정 시간의 관계라, 페이지 번호를 몇 개까지 보여줄지 정할 때 참고하면 도움이 돼요.
- Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 응답 시간 기준을 다룬 고전이라, 다음 페이지나 '더 보기' 로딩 표시를 정할 때 참고하면 도움이 돼요.
- MDN Web Docs. (n.d.). aria-current. 현재 페이지를 화면 읽기 프로그램에 알리는 속성이라, 페이지 번호 접근성을 구현할 때 참고하면 도움이 돼요.
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 엄지 타깃 크기 연구라, 촘촘한 페이지 번호 대신 이전·다음 버튼을 크게 둘 근거로 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 포커스 순서(2.4.3)와 링크 목적(2.4.4) 기준이 있어, 페이지를 넘긴 뒤 포커스를 어디에 둘지 정할 때 참고하면 도움이 돼요.