[UX] 무한 스크롤과 뒤로 가기
콘텐츠에 따라 무한 스크롤을 사용할 때가 있다.
가장 가까이서 확인할 수 있는 서비스는 인스타그램이다.
스크롤이 끝에 다다를 때마다 콘텐츠가 추가된다.
언제든지 더 보고 싶다면 스크롤만 내리면 된다.
인스타그램은 게시물을 클릭하면 게시물 종류에 따라 다르게 표현된다.
콘텐츠가 ‘릴스’인 경우에만 레이어가 덮어 씌어지며 콘텐츠가 보여진다.
물론 ‘광고’인 경우에는 링크도 제공한다.
광고 게시물(좌)과 릴스 게시물(우)
위처럼 여러 컨텐츠를 확인하는 과정에서 뒤로가기나 이전 버튼을 선택한 경우
자연스럽게 보던 스크롤 위치로 돌아간다.
돌아간다는 의미보다는 레이어가 사라진다는 표현이 맞을것 같다.
필자는 롤이라는 게임을 좋아한다.
경기가 있을때마다 네이버 E스포츠 섹션에 들어가서 후기들을 보곤 하는데
모바일 커뮤니티 게시판이 무한 스크롤로 만들어져 있었다.
하지만 제대로 작동하지 않는다.
시작한 곳을 찾을 수 없는 게시물..
몇번의 무한 스크롤 뒤에 특정 게시글을 보고 뒤로 가기를 하게 되면,
해당 스크롤의 위치로 돌아가지 않는다.
정확히는 특정 위치로 이동은 하지만 전혀 다른 위치로 이동이 된다.
뒤로 가기 뿐만 아니라 커뮤니티 페이지를 다시 열었을때도 스크롤이 오작동한다.
계산은 되고 값은 있지만 정확하지 않는 느낌이였다.
해결 방법보다
과연 게시물 위주의 페이지에 무한 스크롤에 어울릴까? 라는 의문이 먼저 들었다.
전혀 어울리지 않는다.
게시물 자체가 인스타그램처럼 한눈에 확인하기도 힘들고,
토론이나 논쟁도 많이 일어나기 때문에 짧은 시간안에 글을 다시 보게 되는 경우도 많다.
그렇다고 검색 기능이 있는것도 아니다.
그런데 신기하게도 PC화면에서는 숫자로 된 페이지네이션을 사용한다.
그냥 PC꺼 쓰면 안될까?