웹사이트 페이지를 과학적으로 디자인하세요: 시선 추적 연구에서 필요한 23가지 교훈 - Christina Laun
웹 디자인 분야에서 시선 추적에 대한 연구는 매우 인기가 있지만, 이러한 연구 결과를 구체적이고 실행 가능한 운영 설계로 변환하는 방법은 여전히 문제입니다. 어려움. 다음은 웹 사이트 디자인 개선을 위한 몇 가지 제안을 제공할 수 있는 Eye-Tracking 연구 결과의 몇 가지 팁입니다.
1. 이미지보다 텍스트가 더 매력적입니다.
생각과는 달리 웹 사이트를 탐색할 때 눈에 띄는 것은 이미지가 아닙니다. 사용자의 눈. 실수로 귀하의 사이트를 클릭한 대부분의 사용자는 이미지가 아닌 정보를 찾고 있습니다. 따라서 웹사이트 디자인에서 가장 중요한 정보 섹션을 강조하는 것이 디자인의 첫 번째 원칙입니다.
2. 첫 번째 눈의 움직임은 웹 페이지의 왼쪽 상단에 집중됩니다.
사용자가 웹 페이지를 탐색하는 습관은 결국 왼쪽 상단이 주요 작업 센터이며 가장 중요한 컴퓨터의 디자인에 채택됩니다. 응용 프로그램. 웹사이트를 구축하고 웹사이트 디자인을 고려할 때 이 형식을 유지하도록 노력해야 합니다. 아시다시피, 개인의 특성을 유지하고 성공적인 웹사이트를 구축하려면 사용자의 습관을 존중해야 합니다.
3. 사용자는 웹 페이지를 탐색할 때 먼저 웹 페이지의 왼쪽 상단과 상단 부분을 본 다음 오른쪽에 있는 내용을 읽고 탐색합니다
. 사용자의 일반적인 탐색 방법은 "F" 모양을 나타냅니다. 독자 참여를 보장하려면 웹사이트 콘텐츠의 중요한 요소가 이러한 핵심 영역에 집중되어 있는지 확인하세요. 여기에 헤드라인, 부제, 인기 주제, 중요한 기사를 배치하여 독자의 관심을 끌 수 있습니다.
4. 독자는 배너 광고를 무시합니다.
연구에 따르면 독자는 웹사이트를 몇 분의 1초 동안만 유지하더라도 대부분의 배너 광고를 무시합니다. 광고를 통해 돈을 벌고 싶다면 광고 공간을 혁신하고 웹사이트 광고 형태를 합리적으로 구성해야 한다.
5.멋진 글꼴과 서식이 간과되는
이유는 무엇입니까
?사용자는 이것이 필요한 정보가 아니라 광고라고 생각하기 때문입니다. 실제로 연구에 따르면 사용자는 시각적 신호로 인해 무시하라는 지시를 받기 때문에 다양한 색상으로 가득 찬 멋진 글꼴 형식에서 필요한 정보를 찾는 데 어려움을 겪는 것으로 나타났습니다. 홈페이지를 깨끗하게 유지하고, 화려한 외관 때문에 중요한 정보를 간과하지 마세요.
6. 숫자 대신 숫자를 사용하십시오.
숫자 목록 대신 숫자를 사용하면 독자가 웹사이트에서 실제 정보를 더 쉽게 찾을 수 있습니다. 귀하의 사이트를 처음으로 보게 될 독자들에게 글을 쓰고 있다는 사실을 알고 그들이 필요한 정보를 쉽게 찾고 계속 관심을 갖도록 하십시오.
7. 글꼴 크기는 탐색 동작에 영향을 미칩니다.
사람들이 귀하의 웹 페이지에 대해 생각하는 방식을 바꾸고 싶으십니까? 웹페이지의 글꼴 크기를 변경합니다. 큰 글꼴은 탐색을 촉진하는 반면, 작은 글꼴은 집중적인 읽기를 향상시킵니다. 귀하의 필요에 따라 두 가지의 비율을 합리적으로 구성하십시오.
8. 흥미로운 콘텐츠를 접하면 사용자는 자막을 한 번만 더 보게 됩니다.
자막의 관련성과 흥미를 보장하기 위해 고정된 형식을 지나치게 고수하지 마십시오. 또한 자막에 키워드를 포함하여 검색 엔진을 효과적으로 활용하고 독자를 확보할 수도 있습니다.
9. 대부분의 사람들은 웹의 작은 부분만 탐색합니다.
사용자가 탐색하는 동안 정보를 제공하여 가능한 한 빨리 타겟팅할 수 있다면 이를 유리하게 활용할 수 있습니다. 웹페이지 정보를 더 쉽게 찾고 읽을 수 있도록 특정 섹션을 강조 표시하거나 항목 목록을 만듭니다.
10.빠른 검색을 강조하는 대부분의 비접속 사용자를 위해
긴 문단보다 짧은 문단이 표현력이 좋습니다.
상황에 따라 달라지지 않는 한 전자상거래 웹사이트의 제품 소개와 같이 짧은 단락과 문장으로 구성된 정보를 유지하세요.
11. 시각적 잠금을 기반으로 한 열 형식은 다중 열 형식보다 표현력이 좋습니다
. 너무 많은 정보가 웹사이트 방문자를 압도하지 않도록 하세요. 대부분의 경우 단순성이 더 강력합니다. 다중 열 콘텐츠는 사용자가 쉽게 간과하므로 이러한 방해 요소를 제거해야 합니다.
12. 웹페이지 상단과 왼쪽에 있는 광고가 더 눈길을 끕니다.
웹사이트에 광고를 삽입해야 하는 경우 시각적 관심을 최대한 끌 수 있도록 웹페이지 왼쪽 상단에 광고를 통합해 보세요. 물론 사용자가 이러한 광고를 발견했다고 해서 해당 광고를 클릭한다는 의미는 아닙니다. 따라서 광고의 관심을 높이기 위해 원래 웹사이트 디자인을 희생하지 마십시오.
13. 최고의 콘텐츠 옆에 광고를 배치하면 관심도가 높아질 수 있습니다.
광고의 가시성과 클릭률을 높이려면 가장 흥미로운 콘텐츠 옆에 광고를 배치하고 웹페이지 디자인에 통합할 수 있습니다. . 이러한 방식으로 사용자는 자신에게 필요한 것을 찾을 수 있고 광고 효과를 높일 수 있습니다.
14. 다양한 테스트에서 사람들은 텍스트 광고를 가장 주의 깊게 읽는 것으로 나타났습니다.
위에서 언급한 바와 같이 일반 인터넷 사용자는 광고임이 즉시 명백한 콘텐츠를 보는 데 많은 시간을 소비하지 않습니다. 이것이 바로 텍스트 광고의 성과가 좋은 이유입니다. 내용을 방해하는 대신 페이지의 나머지 부분과 조화를 이루어 독자의 시각적 자극을 줄이고 이러한 형태의 광고를 더 성공적으로 읽을 수 있게 만듭니다.
15. 더 큰 이미지가 더 많은 관심을 끕니다.
웹페이지에 이미지를 사용하려면 클수록 좋습니다. 사람들은 세부 사항을 명확하게 보고 정보를 얻을 수 있는 이미지를 볼 가능성이 더 높습니다. 사용하는 이미지가 기사의 내용과 관련이 있는지 확인하세요. 그렇지 않으면 간과될 가능성이 더 높습니다. 대부분의 독자는 연결 속도가 빠르므로 사이트에서 더 큰 이미지를 자유롭게 사용해 보세요.
16. 깨끗하고 선명한 클로즈업 이미지는 시각적인 관심을 더 많이 끌 수 있습니다.
추상적이고 예술적인 이미지는 웹 사이트를 흥미롭게 만들 수 있지만 독자의 관심을 많이 끌지는 못합니다. 이러한 이미지를 사용해야 하는 경우 이미지가 명확하고 읽기 쉬운지 확인하세요. 실제 "사람"과 관련된 이미지가 소위 모델의 이미지보다 "더 좋다"는 점에 유의하는 것이 중요합니다.
17. 제목은 관심을 끈다.
웹 페이지를 탐색할 때 독자가 가장 먼저 찾을 수 있는 것은 제목이다. 독자가 웹사이트를 통해 원활하게 검색할 수 있도록 웹페이지의 모든 관련 링크가 명확하고 효과적인지 확인하세요.
18. 사용자는 버튼과 메뉴를 보는 데 많은 시간을 소비
하므로 세심한 디자인을 유지하는 데 더 많은 시간을 투자해야 합니다. 결국, 그것들은 독자의 시선을 사로잡을 뿐만 아니라 웹사이트 디자인의 중요한 구성요소입니다.
19. 양식 형식은내용과 단락을 세분화하여
독자의 주의 집중 시간을 연장할 수 있습니다
. 많은 수의 양식을 사용하여 기사를 표현하면 독자의 탐색 속도를 보장할 수 있습니다.기사의 중요한 내용을 강조하기 위해 숫자와 기타 기호를 사용하면 웹사이트를 더 쉽게 탐색할 수 있고 사용자가 필요한 정보를 더 빨리 찾을 수 있습니다.
20. 큰 텍스트 블록을 표시하지 마세요.
연구에 따르면 일반 웹 브라우저는 텍스트가 아무리 중요하거나 잘 작성되어 있어도 큰 텍스트 블록을 읽는 데 시간이 걸리지 않습니다. 따라서 이러한 큰 텍스트는 더 작은 단락으로 나누어야 합니다. 중요한 장소를 강조 표시하고 클릭 가능한 버튼을 배치하면 사용자의 주의를 끌 수도 있습니다.
21. 형식은 주의를 끌 수 있습니다.
텍스트에 굵은 글씨, 대문자, 컬러 글꼴, 밑줄을 사용하면 사용자가 텍스트에 표현된 주요 정보를 얻는 데 도움이 될 수 있습니다. 너무 많이 사용하면 페이지를 읽기 어렵게 만들고 독자를 놀라게 할 수 있으므로 사용할 때는 주의해야 합니다.
22. 공백을 잘 활용하세요
웹 페이지의 모든 부분을 채우고 싶은 유혹이 있지만 실제로는 사이트의 일부 공간을 비워 두는 것이 더 좋습니다. 웹사이트에 정보가 너무 많으면 사용자에게 부담을 줄 수 있으며 제공된 콘텐츠의 상당 부분을 잊어버릴 수 있습니다. 따라서 웹 페이지를 단순하게 유지하고 독자가 쉴 수 있는 시각적 공간을 남겨두십시오.
23. 웹 페이지 상단에 배치하면 탐색 도구가 더 잘 작동합니다
. 이상적으로는 독자가 웹 사이트를 열 때 초기 페이지를 탐색하는 것만으로는 만족하지 않고 다른 페이지도 탐색하고 탐색하기를 원합니다. 흥미로운 내용. 웹 페이지 상단에 내비게이터를 배치하면 이 도구를 사용하여 사용자가 원하는 콘텐츠를 쉽게 찾을 수 있습니다.