🚩 오늘 달성한 목표
- 디자인 카타
- 개인 과제 (UI 구조 분석 - Item)
- 개인 과제 (UI 스타일 분석)
진행중.. - TIL 작성
🚩 디자인 카타
🛒 할인율 노출, 어떤 형태로 진행하시겠어요?
[선정한 선택지]
B (이미지로 할인율 노출)
[선정한 이유]
- 할인율에 색상을 더해 얼마나 큰 할인율을 가지고 있는지 직접적으로 나타내면서 시각적으로 눈에 띄도록 디자인 되었다고 생각했다.
- 하단 이미지에 ‘NEW’ 라는 텍스트도 보인 걸로 봐서, 해당 카테고리의 특징(이벤트, 새로 나온 상품, 할인율 등)을 표시할 수 있는 디자인이라고 느꼈다.
- 의미별로 색상 단계를 확실하게 나누고 이미지 우상단에 걸쳐 이미지를 가리지 않게 위치하면 좋을 듯.
[선정하지 않은 이유]
- 시각적으로는 전체적인 레이아웃이 안정적으로 느껴질 수 있으나, 할인율은 강조해야 하는 정보이기 때문에 B에 비해 강조하는 느낌이 약하지 않나 싶었다.
- 카테고리별 할인율이 서로 다른데 어떤 게 가장 할인율이 높은지 한 눈에 비교해볼 수 없다.
우리조 의견 통합
‘A 타입’의 장점과 단점
- 장점 정리
- 상품에 이미지를 온전하게 볼 수 있어서 가독성이 좋다.
- 텍스트로 배치가 되면서 이미지 - 제목 - 할인율 순으로
흐름이 생겨 읽기가 편함
- 색의 통일이 이루어져 보기 편하다.
(전체적인 레이아웃이 일관되게 느껴짐)- 단점 정리
- 공간 활용이 어려울 수 있다.
(페이지가 약간 더 늘어날 수 있다!)
- 중요한 정보(할인율)가 제일 아래에 위치해 있다.
‘B 타입’의 장점과 단점
- 장점 정리
- 할인 프로모션을 강조할 수 있는 시각적 주목도는 강함.
- 얼마나 큰 할인율을 가지고 있는지 색상으로 나타내면서
사용자들이 한눈에 할인율을 비교할 수 있도록 도울 수 있다.
(색상 기준이 명확하다는 전제 하에..)- 단점 정리
- 상품 이미지 복잡성으로 인해 가독성이 떨어짐.
- 색상 대비 비율이 모호해 저시력자인 사용자에게는 정보 전달이 어려움.
🚩 클론 디자인 과제 (진행중)
하루종일 UI 분석만 하다가 끝이 났다..
문제는 아직 시작도 안했다는 점이다..
하하하하하하하...
🚩 + PLUS +
더 말랑한 세상을 위하여!