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