5/2 카타_장바구니 비었을 때

김혜빈·2025년 5월 1일

실전_카타&아티클

목록 보기
23/48

디자인카타

장바구니가 비었을 때 어떻게 보여주는 것이 좋을까요?

나의 선택 : A

Why?

🔻A는 아이콘, 텍스트, 버튼의 세로길이가 미세한 차이가 있지만
비율이 맞아 안정적이고 깔끔한 느낌을 준다
위에서부터 아래로 갈수록 점점 가로길이도 넓어지며 피라미드 형태로 보임

📎지그재그 앱의 장바구니가 비었을 때 화면이다
상품 보러가기라는 버튼이 있고 그 버튼을 눌러보면

▶️바로 홈으로 이동할 수 있어 빠른 탐색이 가능하다

📎앱 바의 뒤로가기 버튼을 눌러보면

▶️마이페이지로 이동을 시켜줘 홈으로 가기까지 사용자의 행동이 필요해진다
이러한 결과로 상품을 탐색할 수 있는 버튼이 배치되어 있는 A의
레이아웃이 좋아보인다👍🏻

B를 선택하지 않은 이유?

🔻B는 상대적으로 아이콘의 크기가 4배정도 크다
화려한 색깔이 들어가 장바구니 아이콘에 시선이 많이 가는데 지금 사용자가 겪고 있는 상황은 장바구니가 비어있는 상황인데 비어있는 아이콘도 아니고 그냥 장바구니의 아이콘을 너무 크게 배치해논게 연관성이 없어보인다

팀원의견

  • A를 선택 / 장바구니에 담아놨다가 일정 기간 이상 구매하지 않은 상품들을 보여주는게 좋다고 생각한다
  • B처럼 장바구니의 아이콘이 너무 큰 것이 사용자에게 부담감을 줄 것 같음 귀여운 그래픽을 사용하여 비어보이지 않게 많이 하고 있다는 기사도 봄
  • 상품을 구매할 수 있도록 유도되어 있는 A가 적합하다고 생각함
  • 구매를 유도하는 버튼이라 좋았음 / 쿠팡,올리브영,배민도 이런식으로 구매유도버튼이 있었음/장바구니를 새로운 물건으로 채워보라는 트리커 텍스트가 있어 좋았음/관련 아티클 첨부
    https://brunch.co.kr/@cliche-cliche/214

profile
세상을 열고 나아갈 사람

1개의 댓글

comment-user-thumbnail
2025년 5월 2일

저두 열심히하시는 혜빈님이 좋아요. ♥

답글 달기