haleys-archive
🧠 101가지 UIUX 심리학
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 Figma
기능별 플러그인 모음
피그마 한글 폰트 프리뷰 | Korean Font Preview
디자인 리소스
Sign In
Home
Haley's archive | UIUX 디자인 스터디
Design News
Figma Insight
Beyond View
🧠 101가지 UIUX 심리학
📚 UIUX 디자인에 도움 될 심리학 공부
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 Figma
기능별 플러그인 모음
피그마 한글 폰트 프리뷰 | Korean Font Preview
디자인 리소스
Subscribe
시각적 안내 요소 (Visual Anchors)
시선이 난파되지 않도록 도와주는 인지적 등대
사용자 시선을 특정 지점으로 유도할 수도 있고 현재 위치를 파악하도록 돕기도 한다
정의
사용자가 서비스를 시각적으로 탐색할 때 '닻' 역할을 해 인지 자원을 효율적으로 배분하게 만들어주는 요소
상관관계
안내 요소 선명도 ↔ 사용자 정보 탐색 속도 ↔ 인지 부하의 감소
원리와 근거
•
시각적 두드러짐(Visual Saliency) :
주변 요소와 대비되는 색상, 크기, 방향을 가진 요소가 뇌의 시각 피질에서 가장 먼저 처리된다는 원리
•
안구 추적 연구 :
닐슨 노먼 그룹의 연구에 따르면, 사용자는 텍스트를 읽기 전 시각적 안내 요소(불릿, 굵은 글씨, 이미지)를 먼저 훑으며 정보의 가치를 판단한다
활용
시각적 안내 요소를 활용해 시선 흐름을 설계해야 한다
•
스캐닝 유도 :
사용자는 모든 정보를 읽지 않는다는 것을 이해하고 시각적 안내 요소를 전략적으로 배치해 우리가 의도한 핵심을 놓치지 않도록 해야한다
•
인지적 길 찾기 :
복잡한 기능이 많은 서비스일수록 명확한 시각적 기준점을 배치해 사용자의 피로감을 줄인다
시각적 안내 요소는 사용자의 인지 효율을 극대화하는 강력한 도구이다
하지만 너무 많은 것을 강조하려다 화면 전체가 혼란스럽게 느껴지지 않도록 주의해야한다
Made with Slashpage