웹 사이트에서 사용자의 시선을 유도하는 방법

사진에는 ​​사진이 보는 사람의 눈을 이끌어야한다는 일반적인 원칙이 있습니다. 이것은 종종 사진을 가로 지르는 선으로 이루어집니다. 관찰자가 사진을 스캔하는 방식을 인식하는 것은 종종 구도를 구성하는 데 도움이되며 시청자의 눈이 사진을 스캔하는 방식으로 사진의 의미를 변경하기도합니다.

웹 디자인에서 사용자가 페이지의 올바른 부분을 찾지 않아도 원하는 방향으로 사이트를 보는 데 도움이 될 수있는 것은 무엇입니까?

예를 들어, 사용자에게 로고를 표시 한 다음 사이트에 대한 간단한 설명과 기사를 볼 수 있습니다. 이러한 항목을 아래에 아래에있는 세로 열에 넣고 페이지에서 다른 모든 요소를 ​​제거하는 것 외에도 사용자의 시선을 한 눈에서 다음 눈으로 어떻게 안내 하시겠습니까?

크기, 색상 및 정렬 간의 균형이 중요합니다. 경험을 통해 당신은 언제 어떤 트릭을 사용하여 관심을 끌 수 있는지 알게 될 것입니다. 다행스럽게도 웹 사이트에서이 관심을 추적 할 수 있으며이 문제에 대한 많은 과학적 연구가 있습니다. 예를 들어 Jakob Nielsen 웹 사이트 에 좋은 데이터가 있습니다 .

안구 추적에 대해 나는 예산 문제와 현실을 위해 아무도 안구 추적 장치에 대한 비용을 지불하거나 심지어 그것을 사용하지 않을 것이라고 말하고 싶습니다. (프로젝트의 어느 단계에서나 사무실에서 상사에게 몇 시간의 유용성 테스트를하도록 설득하는 것은 이미 어렵습니다 ...) 개인적으로 웹 디자인 구성을 판단하기 위해 실제 사람들과의 유용성 테스트를 선호합니다. 이 경우에도 내 가족의 친구를 데리고 스크린 앞에서 질문을하거나 그들의 행동을 보도록하십시오.

눈 추적 기능은 사용자가보고있는 것이 무엇인지 이해하지 못합니다. 그들이 좌절하는 경우 주저하거나 그래픽 구성에 감탄.

이 당신을 도울 수있는 좋은 책은 스티브 크루그의 로켓 수술 손쉬운

코멘트에서 koiyu가 언급했듯이 눈 추적 은 당신이 따라야 할 것입니다. 경로를 따라 주요 사용자를 의도하여 디자인을 만들 수 있지만 목표를 달성했는지 실제로 알 수있는 유일한 방법은 시선 추적 연구를하는 것입니다.

즉, 디자인의 특정 영역에 관심을 끄는 방법 이라는 질문에 내 대답이 도움이 될 수 있습니다 . 똑같은 질문은 아니지만 가깝습니다.

더 많은 시력 추적 리소스 :

• 눈 추적 : 풍부한 앱 유용성을 테스트하는 가장 좋은 방법
• 웹 양식 디자인 지침 : 시선 추적 연구
• 시선 추적 연구 결과 12 가지 웹 사이트 전술
• 웹 캠으로 자신의 눈 추적기를 설정하는 방법에 대한 StackOverflow 질문

눈 추적 서비스 :

• 시선 호크
• 간단한 사용성
• 사용자 중심
• UserVision

빠른 팁 : 대상 객체를 보거나 가리키는 대상 (예 : 제품, 구독 버튼)의 이미지를 포함하십시오. 다음은 광고의 예이지만 웹 페이지에서 동일한 전술을 보았습니다.

(출처 : http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/ )

웹 사이트에서 사용자의 시선을 유도하는 두 가지 간단한 방법을 생각할 수 있습니다.

1. 페이지 요소에 명확한 번호 를 사용하십시오 . 많은 사이트 홈페이지에서 이것을 보거나 금융 웹 사이트 에서이 PDF 파일 을 참조 할 수 있습니다 (실제로 좋은 예는 아니지만).
2. 화살표 를 사용 하여 사용자의주의를 유도하십시오. 이것은 플로우 차트와 같은 것일 수 있습니다. 나는 지금 온라인 예제를 생각할 수 없다.