[디자인 카타] 상품 정보의 위치 어떤 것을 선택할까?

 

1. 주제 선정

 

상품 정보의 위치 어떤 것을 선택할까?

2. 개인 의견

 

[A] 선택

 

왜 해당 UI가 더 좋은지?

• 시선 이동이 자연스러워서 주요 정보를 빠르게 파악할 수 있다.
• 이미지와 텍스트가 분리되어 있어 비교하기 편해 보인다.
• 태그와 텍스트가 별도 영역에 배치되어 정보의 구조가 명확하게 드러나 보인다.
• 무신사나 지그재그, 컬리 등 대표 온라인 쇼핑 플랫폼들이 상품 정보와 이미지를 상하로 구분한 카드를 채택하고 있다.

 

 

나머지 하나는 왜 선택하지 않았는지?

• 정보가 겹치거나 길어질 때 카드별 정보 정렬이 흐트러질 수 있을 것 같다.
• 카드의 배경색이 고정되어 있지 않아 태그가 잘 보이지 않는다.

 

실사례 조사

• 카드 디자인과 관련하여 나중에 디자인할 때 참고하면 좋은 팁과 모범 사례를 담고 있는 아티클을 공유하고 싶어서 첨부했다.

Card UI 디자인 가이드

 

 

 

 

3. 공통의견 및 정리

✊ 팀원 4명  [A] 선택

 

📖A 선택 이유 정리

• 장점
  • 가독성이 높다.
  • 정보 구조가 명확하다.
  • 유저 입장에서 정보 위치 쉽게 예측 가능하다.
  • 사용자에게 익숙한 패턴이다.

• 단점
  • 카드 블록이 두개로 분리되어서 시각적으로 분리되어 보인다.
  • 이미지와 텍스트를 동시에 인식하는 데 걸리는 시간이 길어질 수 있다.

 

 

 

결론

• 가독성이 높고 정보 구조가 명확하며 사용자에게 익숙한 패턴이어서 [A] 카드 UI를 선택했다.