TIL) 가상의 커머스 앱 UI 설계 과정과 3.18 회고록

가상의 커머스 앱 만들어야 하는 화면 3가지 와이어 프레임 짜기

1. 홈 화면
2. 상품 목록(리스트) 화면
3. 상품 상세화면 + 장바구니 바로가기 다이얼로그

 

3/18 회고

Fact
사용자 시나리오를 읽고 3개 화면의 시안을 잡았다.
와이어프레임으로 구조를 짜고 쿠팡,컬리,SSG배송을 참고했다.

Feeling
손이 많이 가는 앱이 사용성이 확실히 좋다는 것을 느꼈다.

Finding
각 커머스별로 플랫폼이 가진 장점을 UX를 고려한 UI로 잘 풀어낸 것을 볼 수 있었다.
쿠팡의 경우 맞춤형으로 추천하며 할인율을 강조한 카드가 눈에 띄었고,
컬리는 깔끔하고 군더더기 없이 상품을 볼 수 있는 것이 장점이였다.

Future action
같은 상품을 판매하는 커머스더라도 각자가 플랫폼이 가진 장점을
고객에게 어떻게 더 눈에 띄게 만드는가를 많이 고민했음을 볼 수 있었다. 

UI요소를 설계하며 사용자가 접하는 다양한 순간에 맞춰 베리언츠를 제작하는 것이
생각보다 더 꼼꼼하고 세심하게 관찰하며 작업해야한다는 것을 느꼈다.🥲