–
- 사례 작성일 : 2022년 1월
- 사례에 포함된 서비스 : Anthropologie
- OS 정보 : iOS
- 버전 정보 : –
- 카테고리 : 리스트
- 내용 : 리스트 내 컬러 별 디자인을 손쉽게 확인할 수 있는 방법
–
최근 불나유(불편함이 낳은 UX) 두 번째 콘텐츠를 준비하며 리스트와 상세화면 구성을 많이 접하고 있어요. 주로 해외사례를 많이 참고하고 있는데요. Anthropologie는 리스트와 상세화면을 유기적으로 잘 활용하는 사례 중 하나입니다. 먼저 리스트에서는 해당 제품의 컬러 옵션을 확인할 수 있으며, 썸네일 이미지를 스와이프해 다양한 착용샷, 제품 모습을 살펴볼 수 있습니다. 상세 화면으로 접근하기 전 ‘패션’관련 중요한 정보를 대략적으로 파악할 수 있는 기회를 제공하고 있어요.
상세 화면으로 진입하면, 전혀 다른 화면으로 이어지는 것이 아니라 리스트에서 본 이미지를 더 크게 볼 수 있는 연결로 이어집니다. 화면은 전환되지만, 덕분에 이질감 없이 선택한 상품에 대한 탐색을 이어갈 수 있어요. 상세 화면에서는 스크롤 없이 컬러 별 제품 이미지를 볼 수 있도록 구성되어 있습니다. 물론 상세 내용은 화면 아래로 이어지지만 우선 이 제품이 컬러 별 어떤 모습을 갖고 있는지 리스트와 상세 화면을 통해 구체적으로 살펴볼 수 있다는 점이 인상적입니다.
컬러별 이미지와 함께 또 하나 눈에 띄는 점은, 바로 아래로 사이즈와 수량을 선택할 수 있다는 점입니다. 보통은 구매하기를 눌러 옵션을 선택하는 경우가 많은데요. Anthropologie는 상세 화면을 통해 옵션에 따른 상세 이미지 확인은 물론, 사이즈와 수량까지 선택할 수 있어 훨씬 편리하게 느껴집니다. 이외의 정보를 확인하고 싶다면 화면을 아래로 내려 우리가 흔히 상세 화면을 통해 볼 수 있는 추가 정보나 리뷰 등을 확인할 수 있어요.
–
