시각적 계층 구조는 명확하게 나타나야 합니다
UX 디자인 원칙
시각적 계층 구조는 명확하게 나타나야 합니다
화면 설계에 시각적 계층 구조가 잘 반영되어 있으면 사용자가 찾고자 하는 정보를 빠르게 찾을 수 있습니다.
시각적 계층 구조를 강조하기 위한 대표적 방법은 볼드, 글자 크기, 대비되는 색상 등을 적용하는 것입니다.
예전 CGV는 'CGV 당일관객, 누적 관객, 전일 관객'이 동일한 폰트와 크기, 같은 색상이 일괄적으로 적용되어 있습니다.
이로 인해, 누적 관객(사용자에게 가장 관심이 높은)이 상대적으로 눈에 잘 띄지 못합니다.
정보 전달은 핵심 위주! 간략하게 제공해야 하나 'CGV 당일관객, 누적 관객, 전일 관객' 등 관객 정보가 나란히 배열되어 있어 사용자의 시선이 분산됩니다.
따라서 '누적 관객'이 상대적으로 중요하므로, 나머지 정보(CGV 당일관객, 전일 관객)는 생략하든지, 혹은 나머지 정보는 시각적으로 덜 강조해야 합니다.
예전 CGV . 'CGV 당일관객, 누적 관객, 전일 관객'이 동일한 폰트와 크기, 같은 색상이 일괄적으로 적용되어 정보 전달력이 떨어져 보입니다반면, 최근 CGV는 시각적 계층 구조가 잘 나타나 있습니다.
WHY?
1. 사용자의 시선을 '관람객수'에 집중시키고 있습니다. 예전에 있었던 '당일 관객, 전일 관객' 생략했기 때문입니다.
2. '관람객수' 볼드체로 강조, 숫자는 볼드체 하지 않았습니다.
3. 성별은 인포그래픽으로, 연령은 그래픽으로 강조하고 있습니다.
최근 CGV. 시각적 계층 구조가 명확하게 잘 나타나 있습니다전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)
https://brunch.co.kr/@ebprux/1332
[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)
(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
https://www.inflearn.com/users/196290
