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
배너 무시 현상 (Banner Blindness)
보고 싶은 것만 보겠어요.
사용자가 광고처럼 보이는 배너 형태를 무의식적으로 무시해버리는 현상
정의
사용자가 웹사이트를 탐색할 때, 광고로 인지되는 시각적 요소를 선택적으로 외면하는 인지적 편향
뇌가 불필요한 정보를 걸러내고 목표하는 정보에만 집중하려는 효율적인 정보 처리 과정
배너 무시의 심리적 단계
•
시각적 필터링 :
페이지 로딩 직후, 뇌가 광고의 전형적인 위치/형태/색상을 감지
•
유형 분류 :
해당 요소를 내가 찾는 정보와 무관한 '광고'라고 빠르게 분류
•
시선 회피 :
실제 정보가 포함된 영역으로 시선을 즉시 이동시키며, 배너 영역은 시각적 사각지대가 됨
•
습관적 무시 :
반복적인 학습을 통해 비슷한 위치나 형태의 요소는 아예 시선을 주지않음
유래
1998년, 벤 웨이웨이(Benway)와 레인(Lane)의 공동연구를 통해 처음 명명되었다
•
발생 :
초기 웹 환경에서 화려한 배너 광고들이 쏟아짐에도 불구하고 사용자들이 이를 전혀 보지 못하는 점을 발견해 연구가 시작됐다
•
실험 :
피실험자들에게 웹사이트에서 특정 정보를 찾게 하고 시선 추적(eye-tracking)장비를 통해 어디를 보는지 관찰
•
결과 :
정보가 배너 안에 명확히 기재돼있음에도 불구하고, 사용자들이 그 영역을 완전히 스킵하는 것을 발견했다. 화려한 디자인이 주의를 끌지 못하고 오히려 '무시할 대상'으로 인식됨을 입증했다
활용
•
광고와 차별화된 디자인 :
중요한 정보는 광고처럼 보이는 화려한 색상과 큰 이미지를 피하고, 본문 콘텐츠와 유사한 톤앤매너를 유지해보자
•
사용자 시선 경로에(F-pattern) 배치 :
사용자 시선이 자연스럽게 머무는 본문 흐름 사이에 정보를 배치해 시각적 필터를 통과하게 해야한다
•
비전형적 위치 활용 :
전형적인 위치가 아니라 예상치 못한 곳에 정보를 배치함으로써 사용자 주의를 환기시킴
중요한 공지나 기능을 배너 형태로 만들었다가 사용자가 보지 못하고 지나치는 설계 오류를 방지해야한다
우리 뇌는 생존과 목적 달성을 위해 노이즈를 차단하기 때문에 단순히 시각적으로 튀는 디자인을 하는 것이 아닌, 사용자가 찾고 있는 정보와 맥락을 고려한 디자인을 해야한다
Made with Slashpage