고도몰의 상품 상세페이지는 PC와 모바일 모두 탭 형태로 구성되어 있으나, 정보 제공 방식에는 차이가 있습니다.
PC 버전은 각 탭별로 상세 정보가 나열되는 반면, 모바일 버전은 탭 제목만 보여주고 세부 내용은 로딩 시점에 개별 불러오는 구조입니다.
이는 모바일 환경에서 로딩 속도를 최적화하기 위한 설계로, 많은 정보를 한 번에 불러올 경우 페이지 지연과 사용자 이탈을 유발할 수 있기 때문입니다.
하지만 이로 인해 상세 정보 확인이 불편하다는 의견이 있어, 모바일에서도 PC처럼 정보를 한꺼번에 나열하여 보여주는 방식으로 튜닝을 진행하였습니다.
※ 해당 쇼핑몰의 경우 노출되는 탭의 개수와 진열 순서 및 상세 페이지 디자인을 튜닝하였습니다.
모바일 상세 페이지 튜닝 전
활성화된 탭에 대한 상세 정보만 보여져 다른 탭 정보를 열람하기 위해서 4개의 탭을 모두 클릭해야 하는 번거로움이 있습니다.

모바일 상세 페이지 튜닝 후
탭의 정보를 모두 나열하여 보여주고 있어 사용자는 모바일에서 손가락으로 화면을 아래로 쓸어내리기만 해도 모든 정보를 쉽게 열람할 수 있습니다.

친절한 개발자에게
무엇이든 물어보세요
