시각적 계층 (Visual Hierarchy) 효과

아~ 딱 봐도 얘가 제일 중요하구나?

뭐부터 읽어야 할지 알려주는 무언의 가이드라인

모든 요소가 다 강조되어 있으면 아무것도 강조되지 않은 것과 다를바 없기에 강약 조절을 통해 시선의 흐름을 만들어야 한다

정의

인간의 지각 시스템이 복잡한 시각적 요소들 사이에 계급을 부여하는 과정이다

인간의 뇌는 상대적으로 더 두드러지는 요소를 먼저 인식하고 이를 중요한 정보로 분류하는 인지적 특성이 있다

➊

시각적 대비 부여

➋

인지적 우선순위 형성

➌

의도된 시선 흐름 유도

➍

정보 습득 효율성 증대

•

신문 1면의 압도적인 크기의 헤드라인 → 중간 크기의 부제목 → 작은 본문을 읽게 되는 것

사용자 인지 에너지를 아껴 비즈니스 목표로 가는길을 효율적으로 만들 수 있다

•

스캐닝(Scanning) 효율 극대화 : 사용자는 텍스트를 읽지 않고 훑어본다 시각적 계층이 명확하면 0.1초 만에 서비스의 정체성을 전달할 수 있다

•

전환율(CVR) 최적화 : 구매하기, 가입하기 등의 버튼을 CTA 버튼으로 분류해 사용하면 사용자의 최종 액션을 직관적으로 유도할 수 있다

시각적 계층 효과는 화면을 예쁜 UI로 디자인하려는 기법이 아니라 사용자의 뇌가 정보를 처리하는 순서를 설계해주는 전략이다

정보의 중요도를 가려내 사용자가 최소한의 인지 부하로 목적지에 도달할 수 있도록 생각의 순서를 디자인하라