brunch

You can make anything
by writing

C.S.Lewis

by 태석 Dec 28. 2023

위시버킷 디자인 분석

번거로운 온라인 쇼핑 경험의 간소화

위시버킷은 사용자가 다양한 온라인 쇼핑몰과 쇼핑 플랫폼에서 발견한 상품들을 한 곳에 모아 관리할 수 있게 하여, 쇼핑 경험을 간소화하는 서비스다. 이 플랫폼은 사용자는 상품의 링크를 복사하여 위시버킷 앱에 저장함으로써, 여러 쇼핑 사이트를 일일이 방문하거나 복잡한 북마크 관리 없이 자신의 쇼핑 리스트를 한눈에 볼 수 있다.


위시버킷은 온라인 쇼핑의 번거로움과 정보 과부하를 해결하기 위해 개발된 서비스로, 쇼핑을 더 효율적이고 즐거운 경험으로 만들어 준다. 이 플랫폼은 쇼핑 탐색부터 구매 결정까지의 과정을 간소화하여 사용자에게 맞춤화된 쇼핑 경험을 제공한다는 목표를 가지고 있다.


이런 목표를 달성하기 위해 위시버킷은 사용자들에 편의를 제공하는 다양한 기능을 탑재하고 있다.



출처: 구글 플레이스토어 위시버킷 스크린샷

01

간편한 상품 저장 기능

위시버킷은 사용자가 웹사이트나 앱에서 발견한 상품의 링크를 쉽게 복사하여 저장할 수 있는 기능을 제공한다. 이를 통해 사용자는 여러 쇼핑 사이트에서 발견한 상품들을 중앙집중식으로 관리할 수 있다.


02

할인 및 재입고 알림

저장된 상품에 대한 가격 변동이나 재입고 시 사용자에게 알림이 발송된다. 이 기능은 사용자가 최적의 구매 시기를 놓치지 않도록 돕는다.


03

다양한 쇼핑 플랫폼 통합

위시버킷은 다양한 쇼핑 플랫폼의 상품들을 하나의 앱에서 확인할 수 있게 함으로써, 여러 사이트를 방문하는 번거로움을 줄여준다.


04

개인화된 상품 추천

사용자의 취향과 구매 이력을 기반으로 한 맞춤형 상품 추천 기능은 새로운 브랜드와 제품을 발견하는 데 도움을 준다.



다양한 플랫폼에 흩어진 상품 정보들을 일괄적으로 집중시키고, 타 사용자들의 위시리스트를 참조하여 개별적인 카테고리에 따라 항목을 선별적으로 저장하는 방식은 쇼핑 경험의 효율성을 극대화하는 데에 매우 적합한 방식이다.


이러한 기능들이 사용자에게 편리한 쇼핑 경험을 제공하는 데 기여하는 핵심 요소는 서비스의 디자인(UIUX)이다. 문제를 해결하는 좋은 기능들이 많이 존재하더라도, 서비스 디자인이 이를 충분히 지원하지 못한다면, 사용자는 기능의 존재 여부를 인지하지 못하거나, 이를 사용하기 위해 추가적인 학습이 필요하게 되어, 결과적으로 기능들의 효과가 감소될 수 있다.


지금부터 위시버킷의 디자인이 어떻게 설계되어 있는지 살펴보도록 하겠다.






부드러운 T&M

위시버킷의 디자인은 전반적으로 부드러운 인상을 준다. 카드 UI를 활용하여 각 섹션을 명확하게 구분하고, 24px의 둥근 Radius 값을 적용하여 전체적인 컨셉을 유지하고 있다.


아이콘 스타일과 바텀 네비게이션 컴포넌트들 역시 이러한 컨셉에 맞추어 시각적 안정감을 주는 Radius 값을 사용함으로써 일관성을 유지한다. 사용자에게 편리함을 제공하는 바텀 토글 버튼과 카테고리를 빠르게 전환할 수 있는 탭 버튼에도 같은 디자인 원칙이 적용되어 있다는 것을 확인할 수 있다.


부드러운 느낌의 카드 UI와 일관된 Radius 값은 시각적 편안함과 질서를 제공하며, 이는 사용자가 앱을 이용하는 동안 쉽게 정보를 파악하고 탐색할 수 있게 한다.


또한, 카테고리별 이미지가 크게 표시되어 사용자가 타이틀을 보지 않고도 각 카테고리의 내용을 쉽게 구별할 수 있어 사용성 측면에서 매우 효과적이다. 그러나 개선의 여지가 있는 부분은 폰트와 이미지에 오버레이 되는 아이콘에서 발견할 수 있었다. 

상품 정보를 나타내는 가격, 상품명, 브랜드명, 저장된 플랫폼에 대한 정보를 제공하는 텍스트의 크기가 상당히 작은 것으로 확인됐다. 또한 이미지의 좌측 하단에 위치한 아이콘은 이미지의 컬러에 따라 시인성이 저하되는 문제가 있음을 확인할 수 있다.


이러한 문제들로 인해 사용자들은 이미지만으로 판별하기 힘든 상품 정보를 읽는 데 어려움을 겪을 수 있다. 또한, 이미지 컬러에 따라 시인성이 떨어지는 아이콘은 정보를 쉽게 인식하고 상호작용하기 어렵게 만들어, 결과적으로 사용 효율성과 만족도에 부정적인 영향을 미칠 수 있다.

(아이콘 시인성 예시를 위해 이미지는 모두 화이트로 변경)

실제 클론 디자인을 진행한 결과, 폰트 크기가 안드로이드 기준으로 10~12px로 설정되어 있었는데, 이는 읽기에 어려운 크기의 폰트로 가독성이 매우 떨어지는 수치이다. 이에 따라 폰트 크기를 12~14px로 조정하였다. 또한, 가격 정보를 더욱 눈에 띄게 하기 위해 스페이싱과 색상을 사용하여 위계를 부여했으며, 아이콘의 경우, 이전에는 흰색에 투명도를 적용했었으나, 화이트와 블랙 이미지 모두에서 시인성을 확보하기 위해 투명도가 적용된 검은색으로 변경하여 수정하였다.


12px의 폰트 크기는 최적의 가독성을 제공하지는 않지만, 현재 3개 카드 레이아웃에서는 최선의 선택으로 보인다. 반면, 2단 카드 레이아웃에서는 폰트 크기를 약간 더 늘려 가독성을 향상할 수 있을 것으로 판단된다.


폰트 크기를 작게 설정하면 디자인이 섬세하고 예뻐 보이며, 전체적으로 넓은 여백이 생겨 여유로운 느낌을 준다. 그러나 서비스 디자인에서 가장 중요한 것은 사용자들이 편안하게 사용하고 글을 쉽게 읽을 수 있도록 하는 것이다. 그러므로, 디자인을 설계할 때는 항상 심미성과 사용성의 균형을 고려하는 것의 중요성을 염두에 두어야 한다.




간단한 저장

위시버킷의 핵심 기능 중 하나인 다른 플랫폼에서의 상품 저장은 매우 간편하며, 다른 플랫폼에 나타나는 바텀 시트에서도 기존 위시버킷의 디자인 일관성이 잘 드러나, 사용자에게 편리함을 제공한다. 


다른 플랫폼에서 저장한 상품들은 위시버킷의 '나의 위시템' 섹션에 정확하게 저장되며, 각 상품의 상세 페이지는 저장된 플랫폼 정보와 함께 관련 상품들을 보여준다. 이를 통해 쇼핑의 편의성과 간편함이 증가하고, 다른 상품을 검색하는 데 드는 시간과 노력이 줄어들어 사용자의 쇼핑 경험을 개선하고 있다.


사용자가 관여도가 높은 상품을 찾는 경우, 위시버킷 서비스의 활용은 더 효과적이라 판단한다. 높은 관여도는 보통 구매 결정 과정의 복잡성을 증가시키는데, 위시버킷을 사용하면 원하는 상품을 위시리스트에 저장하고, 관련 상품들을 쉽게 비교할 수 있으며, 가격 하락 시 푸시 알림을 받아 최적의 가격에 구매할 기회를 얻는다.


이러한 기능은 사용자가 시장 동향을 모니터링하고, 가격 변동에 신속하게 대응할 수 있게 하여, 보다 정보에 기반한 구매 결정을 내릴 수 있도록 지원한다. 또한, 위시버킷의 이러한 기능은 사용자에게 시간과 노력을 절약해 주며, 구매 과정을 더욱 효율적이고 만족스럽게 만들어 준다.






출처: 구글 플레이스토어 위시버킷 스크린샷

위시버킷은 현대 쇼핑 환경에서 사용자들이 직면하는 다양한 문제를 해결하는 서비스로 자리매김하고 있다. 이 플랫폼은 사용자의 쇼핑 경험을 간소화하고, 최적의 구매 결정을 내릴 수 있도록 지원함으로써 쇼핑의 효율성과 만족도를 크게 향상한다. 위시버킷의 직관적이고 일관성 있는 UI/UX 디자인, 다양한 플랫폼 간 통합 기능, 맞춤형 상품 추천 및 가격 알림 기능은 사용자들에게 빠르고 편리한 쇼핑 경험을 제공한다.


앞으로도 위시버킷은 지속적으로 사용자 경험의 개선을 통해 온라인 쇼핑의 패러다임을 변화시킬 것으로 기대된다. 이러한 발전의 일환으로, 최근 위시버킷은 챗 GPT 기능을 도입했다. 이 새로운 기능은 인공지능 기반의 대화형 쇼핑 어시스턴트를 제공함으로써 사용자가 보다 맞춤화된 쇼핑 경험을 할 수 있도록 한다. 챗 GPT는 사용자의 질문에 실시간으로 응답하고, 개인화된 제품 추천 및 쇼핑 관련 조언을 제공하여 쇼핑 과정을 더욱 효율적이고 즐거운 경험으로 만든다. 위시버킷의 이러한 기술적 진보는 사용자들에게 혁신적인 서비스를 지속적으로 제공하려는 그들의 약속과 목표가 앞으로 또 어떤 식으로 서비스에 적용될지 기대가 된다.

매거진의 이전글 오디오클립 디자인 분석
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari