topic★★★★★난이도
Pagination
책의 쪽 매기기에서 유래한 UI.
#pagination#페이지네이션#목록
Pagination은 라틴어 'pagina'(페이지)에서 왔다. 15세기 구텐베르크의 인쇄 혁명 이후, 책에 쪽 번호(page number)를 매기는 것이 표준이 되었다. UI에서도 긴 목록을 여러 '페이지'로 나누고 번호를 매겨 탐색하게 한다. 1 2 3 ... 10 형태의 숫자 네비게이션이 가장 고전적인 형태다.
| 실제 사물 | UI 패턴 |
|---|---|
| 책의 쪽 번호 | 하단의 페이지 번호 버튼 |
| 목차에서 원하는 쪽으로 이동 | 특정 페이지 번호 클릭 |
| 한 번에 한 쪽만 읽음 | 한 번에 한 페이지의 데이터만 로드 |
사용 가이드라인: 검색 결과, 게시판, 상품 목록처럼 수백~수천 개의 항목을 표시할 때 쓴다. 최근에는 무한 스크롤(infinite scroll)이나 'Load More' 버튼으로 대체되는 추세지만, 사용자가 '전체 중 어디에 있는지' 위치감을 가져야 할 때는 여전히 Pagination이 낫다.