아이트래킹 연구 기반 UX 디자인 4가지 규칙
Source
Evernote/Technote scraps/아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수 규칙 디자인로그(DESIGN LOG).md
Summary
아이트래킹 연구(Eye-tracking research)를 통해 밝혀진 웹사이트 사용자 시선 패턴과 UX 디자인 가이드라인입니다. 핵심은 1) 사진보다 매력적인 헤드라인이 시선을 더 끌며, 이를 좌측 상단에 배치해야 함, 2) 사용자는 페이지를 ‘F’자 형태로 읽으므로 디자인 시 이를 고려해야 함, 3) 사용자는 광고를 무시하는 ‘배너 맹장(Banner blindness)’ 현상이 발생하므로 광고에 과도한 의존을 피해야 함, 4) (원문 단절로 미확인) 등의 규칙을 제시합니다. Nielsen Norman Group 등의 연구를 인용하여 과학적 근거를 바탕으로 한 디자인 원칙을 설명합니다.
Key Points
- 시선 유도: 사진보다 텍스트 헤드라인이 더 빠르게 시선을 사로잡음. 특히 좌측 상단에 배치 시 효과적임 (Fox News 사례).
- 읽기 패턴: 사용자는 웹 페이지를 ‘F’자 형태(F-shaped pattern)로 읽음. 상단 수평 스캔, 중간 수평 스캔, 좌측 수직 스캔 순서임.
- 배너 맹장(Banner blindness): 사용자는 광고 배너를 의식적/무의식적으로 무시하는 경향이 있음. 유용한 콘텐츠에 집중하도록 디자인해야 함.
- 과학적 근거: Nielsen Norman Group, Eyetrack III 연구 등 아이트래킹 데이터를 기반으로 한 UX 최적화 방안 제시.