UIUX부트캠프, 5주 차 공부 기록 (당근마켓 클론디자인)

5주 차 과제
1. a/b/c에 대해 최대한 많은 페이지 수집 후 클론 디자인 (짧게 이유 서술)
a) 커머스 상세 화면 페이지
b) 커머스 장바구니 페이지
c) 커머스 주문/결제 페이지
2. 당근 마켓 모작, 클론 디자인(10page)

 

지난주에 이어 이번 주도 클론디자인! 4주 차 과제의 연장선이라 할만 하겠다 싶었데, 흠................... 양이 달랐다. 당근 마켓 앱 페이지를 모작해야 하는데, 양이 10page라니...! 부트캠프에서 따라 하라고 준 이미지 길이가 다 달라서 사실 체감 양은 그 이상이었다. 혼자 독학했다면 절대 하지 않았을 범위와 양...... '과제'라서 하게 된다. 하면서 느낀 점은 '이렇게 들여다볼 시간이 분명 필요하겠구나.'였다. 수많은 앱을 이용하면서 어렵지 않게 원하는 상품을 장바구니에 담은 후 결제해왔다. 아주 간혹 가다 불편함을 느낀 앱이 있기도 했지만 대체로 비슷한 구조와 아이콘으로 정형화되어 있어 사용자로서 쉽게 원하는 제품을 구매할 수 있었다. 그래서 큰 차이가 없는 줄 알았다.

 

커머스 페이지 상세화면 수집 및 컴포넌트 별 분류

 

그런데 컴포넌트 별로 하나하나 떼어서 분석해보니........ 호오. UI 디자인은 '디테일'이 정말 중요하구나 싶었다. 10개 이상의 커머스 페이지를 수집한 후 상단 GNB부터 하단 내비게이션까지 하나하나 떼서 보니, 비슷한 듯 보였지만 모두 다 달랐다. UX 디자이너가 되려면 정말 많은 관찰이 필요하겠구나 체감했던 한 주. 다음 주부터는 조별 과제 시작이다. 바로 내일부터! 방금 전 과제 설명 살짝 봤는데, 제대로 이해를 못 하겠음...... 문해력이 낮은 건가. 과제 자체를 온전히 이해하는 것부터가 과제다. 또륵! 부디 좋은 사람들과 재밌게 공부했으면 좋겠다. 다시 파이팅.

 

모작하면서 가장 어려웠던 부분은 아이콘 제작