시각적 안내 요소 (Visual Anchors)
시선이 난파되지 않도록 도와주는 인지적 등대
사용자 시선을 특정 지점으로 유도할 수도 있고 현재 위치를 파악하도록 돕기도 한다
정의
사용자가 서비스를 시각적으로 탐색할 때 '닻' 역할을 해 인지 자원을 효율적으로 배분하게 만들어주는 요소
상관관계
안내 요소 선명도 ↔ 사용자 정보 탐색 속도 ↔ 인지 부하의 감소
안내 요소 선명도 ↔ 사용자 정보 탐색 속도 ↔ 인지 부하의 감소
원리와 근거
•
시각적 두드러짐(Visual Saliency) :
주변 요소와 대비되는 색상, 크기, 방향을 가진 요소가 뇌의 시각 피질에서 가장 먼저 처리된다는 원리
주변 요소와 대비되는 색상, 크기, 방향을 가진 요소가 뇌의 시각 피질에서 가장 먼저 처리된다는 원리
•
안구 추적 연구 : 닐슨 노먼 그룹의 연구에 따르면, 사용자는 텍스트를 읽기 전 시각적 안내 요소(불릿, 굵은 글씨, 이미지)를 먼저 훑으며 정보의 가치를 판단한다
활용
시각적 안내 요소를 활용해 시선 흐름을 설계해야 한다
•
스캐닝 유도 :
사용자는 모든 정보를 읽지 않는다는 것을 이해하고 시각적 안내 요소를 전략적으로 배치해 우리가 의도한 핵심을 놓치지 않도록 해야한다
사용자는 모든 정보를 읽지 않는다는 것을 이해하고 시각적 안내 요소를 전략적으로 배치해 우리가 의도한 핵심을 놓치지 않도록 해야한다
•
인지적 길 찾기 :
복잡한 기능이 많은 서비스일수록 명확한 시각적 기준점을 배치해 사용자의 피로감을 줄인다
복잡한 기능이 많은 서비스일수록 명확한 시각적 기준점을 배치해 사용자의 피로감을 줄인다
시각적 안내 요소는 사용자의 인지 효율을 극대화하는 강력한 도구이다
하지만 너무 많은 것을 강조하려다 화면 전체가 혼란스럽게 느껴지지 않도록 주의해야한다