[내일배움캠프 9일차] 디자인 카타

<디자인 카타>

https://designus.io/topic/182

에이블리와 지그재그의 배송 현황 화면 어떤 이유로 보여주는 형태가 다를까요? | 디자이너스

 

🤔내 생각

-A를 선택한 이유

한 눈에 보기가 좋고 정돈된 느낌이 들어 깔끔한 이미지를 준다. 그리고 발송부터 도착까지 한 줄로 표현한 것과, 현재 위치와 상태를 한 그룹으로 같이 보이게 함으로써 바로 파악할 수 있다는 점이 돋보여 선택하였다.

-B를 선택 안 한 이유

사용자가 확인해야 하는 영역이 조금 많게 느껴졌고 깔끔하지 않은 이미지이며 텍스트가 작고 강조되는 부분이 돋보이지 않아 선택하지 않았다.

 

 

 

 

🤔팀원들의 생각

1️⃣

-A를 선택한 이유

우선은 주문 상태를 나타내는 UI 색을 다르게 함으로써 확실히 눈에 확 들어 오고 주문한 상품이 뭔지도 같이 보여줘서 뒤로 가서 다시 확인 할일이 없고 배송기록도 가독성있게 정리를 잘한 것 같아서 선택하게 됨.

 

-B를 선택 안 한 이유

글자로만 빼곡하게 채워넣은 UI가 가독성이 너무 떨어지고 무엇을 주문했는지에 대한 정보가 없어서 화면 이탈률이 심해서 사용자가 앱을 사용하는 동안 조금 불편할 것 같아서 선택 하지 않음.

2️⃣

-A를 선택한 이유

발송부터 도착까지의 과정, 프로그레스 바가 단 하나에 들어있어서 시선을 옮기지 않아도 되고, 바로 아래에 어떤 상품인지 정보를 살짝 노출한 점이 좋았다. 물건을 하나만 시킬 때는 상관 없지만 여러 개를 한번에 주문했을 때에는 내가 지금 어떤 상품의 배송현황을 보고 있는지 까먹을 때가 많았기 때문이다.

 

-B를 선택 안 한 이유

배송현황이 보기 어렵게 나와있는 것은 아니지만, 세로로 정렬된 점과 약한 색상, 어떤 상품인지 정보가 적혀있지 않은 점이 아쉬웠다.

3️⃣

-A를 선택한 이유

저번 아티클에서 사용자의 시선은 F로 흐른다고 했는데 A는 보여지는 화면에서 프로그레스바를 이용해 사용자에게 쉽고 빠르게 정보를 전달 함 내가 주문한 물품이 화면에 노출되서 주문서를 다시 한번 확인하지 않아도 된다는 불편함이 없음.

 

-B를 선택 안 한 이유 

배송에 현황이 위쪽이 아닌 아래쪽에 더 많은 시선이가서 사용자가 내용을 받아들이기 불편함.

 

 

 

 

🤔댓글들