[UX] Pagination vs. Infinite-Scroll

 

Pagination (페이지네이션)

• 문서를 개별 페이지로 나누는 프로세스입니다.

https://www.w3schools.com/css/css3_pagination.asp

CSS Pagination Examples

 

 

Infinite-Scroll (무한 스크롤)

• 사용자가 페이지 하단에 도달하면 콘텐츠가 계속 로드되는 UX 방식입니다.
• 단일 페이지에서 끝없는 정보 흐름을 경험할 수 있습니다.

 

Pagination vs. Infinite-Scroll

Pagination (페이지 네이션)

• 장점
  • 사용자 의도에 맞게 페이지를 넘길 수 있습니다. 특정 콘텐츠를 찾을 때 이 방식이 유용합니다.
  • 특정 항목의 위치를 파악할 수 있습니다.
• 단점
  • 다음 페이지로 이동하기 위해 새 페이지가 로드될 때까지 기다려야 합니다.
  • 한 페이지에 제한된 내용만 보여줄 수 있습니다.

 

Infinite-Scroll (무한 스크롤)

• 장점
  • 사용자 참여 및 콘텐츠 탐색이 쉽습니다.
    • 사용자가 더 오래 웹페이지에 남을 수 있어서, 참여도를 높일 수 있습니다.
    • 정보를 로딩되기를 기다리지 않고 정보를 탐색할 수 있습니다.
  • 더 나은 사용자 경험을 제공합니다.
  • 모바일에 적합합니다.
• 단점
  • 페이지 성능이 느려집니다.
    • 무한 스크롤을 사용하면 스크롤할 수록 많은 콘텐츠가 업로드가 되어야하므로, 페이지 성능이 떨어집니다.
  • 특정 항목 검색 및 원래 위치로 되돌아오기 힘듭니다.
  • 스크롤 막대가 실제 데이터의 양을 반영하지 못합니다.
  • Footer를 찾기 어려워집니다.

 

 

 

 

 

참조

https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1

UX: Infinite Scrolling vs. Pagination

https://slowalk.com/2596

무한 스크롤 vs 페이지네이션