모바일페이징 여러분의 선택! > 자유게시판

자유게시판

모바일페이징 여러분의 선택! 정보

모바일페이징 여러분의 선택!

본문

일명 요즘 많이사용하는 무한스크롤 페이징 기법과 일반pc페이지에서 사용되어지는 넘버링페이징 방법중에
고민하고있습니다.
무한스크롤페이징을 만들어놓고 사용하고있는데 솔직히 많은 모바일페이지에서 대세적으로 적용되는구조라 
아무런고민없이 사용했는데,  문제점이 있더라구요.
pc에서는 페이징기억을 대략적으로 할수있는데 이 무한스크롤은 북마크를해두지않는이상 해당페이지로 이동하는게
어렵더라구요. 커뮤니티 같은곳은 그냥저냥 사용하겠는데 모바일쇼핑몰을 구축하면서 과연 이 무한스크롤이 
쇼핑몰에 적당한 방법인지 고민하게되네요. 
무조건 처음부터 모든상품을봐야하니 느낌적으로 답답함이 느껴지더라구요.
그..그대략적인 어디쯤?  이런식으로 상품찾기가불가능하니 검색기능과 북마크기능을 강화해야하는데
이용자들이  이것을 잘사용하지않을꺼같은 생각이들었어요. 
더구나 상업적인 쇼핑몰에서 무한스크롤페이징이 혹여나 단점이되지않을까 생각이드네요.

그래서요즘고민하고있는게 넘버링페이징과 무한스크롤의 장점만을 합친 구조를 고민해보고있는데 
페이징기법을 무한스크롤방식과 넘버링방식을 선택해 사용할수있는 구조를 만들어봐야겠네요.

여러분들은 어떤 페이징기법이 효율적이라 생각되시나요?
추천
0

댓글 27개

제가하는 방법알려드릴까요?

소셜만드는데 거기 페이징중하나인데 기본은 무한 스크롤이고 페이지 이동시 현제 스크롤된 페이지번호를 넘기고

다시 리스트페이지로 왔을때는 넘긴 페이지 부터 조회후 무한 스크롤.. 아래로 땡기면 초기 리플레시
안녕하세요~페이지이동후 해당페이지 이동은 저도 레이어와 스크롤좌표로 해당위치로보내는건 가능한데 이문제가아니라 만약100번째 게시물로 한번에 이동하고싶을때 랑 대략적인 100번째 개시물의 위치를 가늠하기 힘든부분을 말씀드린거에여^^
찾아보시면 jquery 페이징 기법이 있는데 history 관리가 가능한 플러그인이 있습니다.
지금 어디있는지 기억은 안나네요..ㅜ
넹 histoy문제는 좌표를 쿠키로 저장해서 극복하는방법이있지만 말그대로 사용자가 원하는 위치를 대략적으로 판단하기 힘든점에 고민이 되더라구용 ㅜㅜ
그렇네요 어떻게 보면 무한 스크롤방식이란 소셜이나 미디어 또는 단문 메세지 확인하는 모바일에 맞는 방식인듯

언제나 최근 올라온 메세지를 확인할때 유용하고 쇼핑몰같이 듬성듬성 봐야할 경우는 좀 그렇긴 하죠

상품리스트가 길 경우 불편할수있겠네요.. 카테고리가 많아서 세분화된게 아니라면 그쵸?
저는 그렇게 생각해요 쇼핑몰이란 것이 특히나 모바일 같은 경우

관리자가 미는 상품 특가라던지 신상이라던 이런 상품 몇개를 추출하여 메인에 무한 스크롤 방식으로 보여주고

나머지들은 카테고리를 세분화 하여 (빠르게 상품을 찾아가도록 기획해야겠죠) 구매자가 원하는 상품을 찾아가도록 해주는것도

좋을 것같아요...


그리고 불사님과 반대로 생각할수있죠 쇼핑이란것이 처음부터 상품들을 보다 보면 원래 살려고 했던 상품이 아닌데도

혹해서 살수있으니 좋은거 아닌가요? 너무 구매자 입장에서만 생각하신듯
숨숨이님 말씀도 맞다고 생각되어지네요. 차라리 유저에게 무한스크롤 방식과 일반페이징방법을 선택하게하고 선택된페이징방법을 쿠키로 저장해서 유저마다 선호하는 방식으로 페이지이동이 가능하도록 만들어봐야겠네요.
개인적인 생각으로는 핸드폰에서 페이징 눌르는거만큼 짜증나는 일도 없는데

삑살몇번나면 나오게되더라구요
ㅋㅋ 그래서 저는 만든다면 큼직큼직하게 만들고 슬라이드로 페이징을 넘겨서 선택할수있도록 만들면 편하겠다는 생각이드네요 ㅎ
무한 스크롤이라는게 사용자가 클릭해야 발생하는 스크롤이냐 ? 아니면 자동으로 스크롤을 내리면 그 다음 페이지가 리스트 되는 방식이냐에 따라 다르겠지만 자동으로 된다면 제일 사용자들이 불편한 방식이 아닐까 생각이 드네요 특히 앱이 아니라 웹이라면 말이죠

네이버 댓글이나 이런걸 보시면 무한 스크롤인데 사용자가 다음 페이지 스크롤을 선택 할 수 있게 되어 있죠
또한 어자피 AJAX처리 하시게 될텐데 요즘 대부분은 해쉬태그로 컨트롤 하지 않나요 ? 아작스라고 하더라고 사용자 편의 고려 하지 않고 히스토리 적용하지 않은 막무가네 아작스 처리리 자체를 요즘 하지 않고 해쉬태그로 히스토리 관리 하시면 되실듯 합니다.
다음 쇼핑에서 쇼핑 리스트 및 옵션선택이 실시간 반영인 AJAX 형태이지만 모든 뒤로가기의 불편을 최소화 하기 위해 모든 옵션및 히스토리를 해쉬태그로 관리 합니다.
네이버 이메일도 마찬가지로 해쉬태그로 히스토리를 관리 하구요

앱이 아니라 모바일 웹에서 히스토리 해쉬태그로 관리 하지 않고 무조건 AJAX로 처리 하는 방식은 솔직히 제일 비추 입니다. 앱은 리스트냐 본문이냐 둘중 하나 이고 뒤로 가기를 하지 않지만 모바일 웹이라도 히스토리를 관리 해야 하죠
안녕하세요~^^ 다음 쇼핑 한번 들어가봐야겠네요~
저는 무한스크롤이뭔가있어보이긴 하는데 막상사용해보면 항상뭔가 불편한느낌을 많이 받았거든요.
또한 하이브리드방식으로 무한스크롤을 앱으로감쌀경우에도 일반크롬브라우져에서작동하는 제이쿼리가 작동을안하는 문제점을 경험한후
뭔가 더 효율적인 페이징방법에대해 고민중이였어요.  언급하신 해쉬태그는 구글링을통해 연구좀해봐야겠네요 좋은정보감사합니다. ㅎ
해쉬태그요...페이징 구조일때나 사용해야죠 잘모르시는불이 많네

ajax 리스트에서 해쉬태그를 사용하는것은 ajax로 로딩된 페이지에서 뒤로가기 눌렀을때 브라우저 history 문제

때문에 사용하는거구요 불사님이 물어보는 것은 UX에 관한 거 같습니다.

자 보세요 무한스크롤방식에서 100페이지까지 진행된 상태에서 본문으로 이동했다가

리스트 100페이지가까지 다시 로딩한다? 무한스크롤에서는 100페이지가 item을 모두 출력해야하는데

DB 서버 뻣어요 팝업이나 ajax로 좌표움직여서 옆으로 화면이  쓱 나오도록 해야지
해쉬태그는 페이지 전체를 브라우저 히스토리게 넣는다는 얘기가 아닙니다.

페이지 번호나 url정보들 넣고 브라우저 상에서 뒤로가기 눌렀을때 사용하는거지
위에 답변을 남겼다 시피 불사님이 걱정 하시는 것이 히스토리 관련 아닌가요 ?

이 무한스크롤은 북마크를해두지않는이상 해당페이지로 이동하는게 어렵더라구요.

불사님이 물어 보시는 것이 바로 사용자 편의 히스토리 관리때문에 물어 보는 겁니다.
그게 아니고서야 무한스크롤이다 뭐다 불사님이 왜 질문을 남기겠어요 ? 그래서 웹이든 모바일 웹이든이 앱이 아니고서야
사용자 편의를 고려 한다면 무한 스크롤을 비추 한다라고 답변을 남긴 겁니다.

그리고 히스토리를 왜 관리 하나요 ?  사용자 편의 때문입니다. 사용자 편의가 아니고서야 불사님도 이런 고민을 할 필요가 전혀 없죠
해쉬태그를 왜 사용하나요 ? 왜 굳이 URL상에 GET형식으로 물고 가서 전체 페이지를 리로딩해서 물고 가도 상관 없는데 왜 굳이 해당 상품 리스트만 AJAX로 출력하고 왜 굳이 해쉬태그로 히스토리를 관리 할까요 ?

몰라서 불사님이 질문을 올리고 제가 답변을 다는게 아닐텐데요 ?
제가 글을 조리있게 잘못 쓴거같네용.  예를들어 pc 페이지에서 100번째 페이징부분에서 맘에드는상품을 봤어요.
그리고 장바구니나 마이페이지에 해다상품을 즐겨찾기하지않았다면 해당사이트를 재방문시 어렵풋한 기억으로 한 100번째 페이지 또는 전후 1-2페이지 사이에 해당상품을 본 기억을 더듬어 한번에 100번페이지로 이동을 할수있는데. 무한스크롤방식에서는 이같은 방법으로 한번에 100번째 페이지에있는 상품으로 이동하기가 어려울뿐더러 해당상품이 쿼리기준으로 100번째 게시물인지도 파악하기 힘들다는 점을 말씀드린거에용.
10번로딩해서 해당 상품이나왔다면 10번로딩을 했다는것을 기억하기힘들다는 점이죵.
커피는막심님께서 말씀하시는부분도 이런 관점에서 봤을때 무한스크롤방식이 불편하다고 하시는거같구요. 숨숨이님은 제가 지금언급한
문제를 말씀하신거같아요~ 결국 제가 설명을 잘못했네요 ㅎ
결론은 커피는 막심님은 페이징 넘버링 방식이 좋다는 말같은데

UI나 UX와 상관없이 해쉬태그니 ajax니 개발방법론에 대해서 말해서 혼란이 왔네요
해쉬태그를 사용에 대해서 이해를 못하시는것같아서 하는 말입니다.

위에서 말한듯이 ajax로 출력된 리스트에서 페이지 이동후 뒤로 가기 했을때 브라우저 특성상 ajax로 불러온 데이터는

히스토리에 남지 않기 때문에 리스트 url 정보를 해쉬태그에 넣고 이전 페이지를 로딩할때 사용하는거구요

그건 그냥 개발방법이 UX와 상관없어요.. 결론은 리스트 넘버링 방법으로 페이징하라는 말이었던가요?


네이버 어디를 보셨는지 모르겠지만

스크롤 무한페이징과 넘버링 페이징은 같이 쓸수가 없고요.. 더보기와 이전다음 페이징 말씀하시는거죠?

넘버링 점프는 역시 안됩니다.

무한 스크롤은 스크롤위치와 페이징 끝을 감지해서 다음 페이지가 있다면 자동으로 다음 페이징으로 넘어가는거구요..
무한스크롤상품스킨 or페이징상품리스트스킨 을 선택해서  선택한스킨을 불러와  사용하면 되겠네요 ㅎ
제 생각만 강조하는 것같아서 그런데 ... 디바이스 특성에 따른 최적화 UX가 필요합니다.

마우스로 클릭하는 pc웹인경우 넘버링 페이징이 좋죠

하지만 모바일 디바이스 같은 경운 사용자들의 둔한 손가락을 위해 스크롤 방식 페이징이 최적화가 맞습니다.

클릭을 최소화 하도록 기획하는게 정말 좋을 것같습니다.

그리고 또하나 제경우 쇼핑할때 맘에 드는 상품이 몇번째 페이지 인지 기억했다가 페이징 눌러서 찾지 않습니다.

장바구니 담거나 내가 본 상품리스트에서 찾아가지..
죄송합니다.
위에 댓글을 하나하나 읽어 보니 제가 좀 잘못 이해한 부분도 있군요 난독증인가 봅니다.
불사님은 이용자가 특정 페이지르를 유추하는게 어렵고 특정 페이지로 한번에 이동하고 싶은때 위치가 애매하다인데
저는 왜 히스토리 관리가 안되어서 뒤로가기등이 애매한걸로 봤지 ;;

네이버 같은 경우 네이버 카페 모바일로 볼때 리스트가 더보기 형식으로 되어 있지 않나요 ?
네이버 뉴스 같은 경우나 메인은 전부 다음으로 되어 있고

아무튼 편의성 같은 경우 저같은 경우 무한 스크롤이 상당히 불편 했습니다.
특정 페이지를 그대로 찾아 가는 경우도 사실 많기는 하죠
크게 세가지 정도 방식이 있는듯한데 위에 말씀하신 두가지 방법이랑
기존 페이징이랑 비슷하게(?) 생겼는데 ajax 로 불러오는 경우도 있더라구요..
http://www.fileham.com/main/storage.php?section=MOV
쓰는 용도에 따라서 일회성으로 볼만한 내용이거나 너무 복잡하지 않다면 ajax 가 괜찮을듯 싶고
찾기 편한건 기존방식이 나을거 같애요 ㅋㅋ
ㅋㅋ오리님안냥하세요~ 오리님이 즐겨다운받으시는 사이트인가보네요 ㅎㅎ
소량의컨텐츠라면 무한스크롤이편하고 자료가많을경우 저도 오리님과같은생각이에요~
킵 기능 장바구니 담기 버튼처럼 위치 킵 버튼 하나넣어서 킵누를 때마다 오른쪽에 작은 배너로 1킵 2킵 생성되게 하면되죠잉~
전체 195,317 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여1 회 시작24.04.25 20:23 종료24.05.02 20:23
  2. 참여80 회 시작24.04.19 15:40 종료24.04.26 15:40
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT