시각적 계층 (Visual Hierarchy) 효과
아~ 딱 봐도 얘가 제일 중요하구나?
뭐부터 읽어야 할지 알려주는 무언의 가이드라인
모든 요소가 다 강조되어 있으면 아무것도 강조되지 않은 것과 다를바 없기에 강약 조절을 통해 시선의 흐름을 만들어야 한다
정의
인간의 지각 시스템이 복잡한 시각적 요소들 사이에 계급을 부여하는 과정이다
인간의 뇌는 상대적으로 더 두드러지는 요소를 먼저 인식하고 이를 중요한 정보로 분류하는 인지적 특성이 있다
➊
시각적 대비 부여
➋
인지적 우선순위 형성
➌
의도된 시선 흐름 유도
➍
정보 습득 효율성 증대
예시
•
신문 1면의 압도적인 크기의 헤드라인 → 중간 크기의 부제목 → 작은 본문을 읽게 되는 것
활용
사용자 인지 에너지를 아껴 비즈니스 목표로 가는길을 효율적으로 만들 수 있다
•
스캐닝(Scanning) 효율 극대화 : 사용자는 텍스트를 읽지 않고 훑어본다 시각적 계층이 명확하면 0.1초 만에 서비스의 정체성을 전달할 수 있다
•
전환율(CVR) 최적화 : 구매하기, 가입하기 등의 버튼을 CTA 버튼으로 분류해 사용하면 사용자의 최종 액션을 직관적으로 유도할 수 있다
시각적 계층 효과는 화면을 예쁜 UI로 디자인하려는 기법이 아니라 사용자의 뇌가 정보를 처리하는 순서를 설계해주는 전략이다
정보의 중요도를 가려내 사용자가 최소한의 인지 부하로 목적지에 도달할 수 있도록 생각의 순서를 디자인하라