디지털 시대에서 사용자의 시선은 웹사이트의 성공을 결정짓는 가장 중요한 지표입니다. 단순한 시각적 접근을 넘어, 사용자의 무의식적 행동 패턴을 이해하고 예측하는 능력은 현대 디자인의 핵심 경쟁력입니다.
시선 추적 기술은 인간의 인지 과정을 탐구하는 혁신적인 창구입니다. AI와 첨단 분석 도구의 발전으로, 우리는 사용자의 시각적 여정을 더욱 정교하고 깊이 있게 이해할 수 있게 되었습니다.
웹사이트 시선 추적의 중요성
웹사이트의 디자인과 사용자 경험(UX)은 매우 밀접한 관계가 있습니다. 사용자들이 웹사이트를 방문했을 때, 그들의 시선이 어디에 머무는지를 이해하는 것은 매우 중요합니다. 이는 웹사이트의 성과를 높이고, 사용자들이 원하는 정보를 쉽게 찾을 수 있도록 도와줍니다. 과거에는 직접 테스트를 통해 사용자 시선을 추적하며 웹사이트의 성능을 측정했습니다. 이는 대기업들만 가능한 방식이었지만, 요즘은 AI를 통해서도 이러한 시선 추적을 예측할 수 있어 쉽고 빠르게 웹사이트의 디자인 성과를 추정할 수 있습니다.
과거의 시선 추적 방법
과거에는 시선 추적을 위해 전문 장비와 소프트웨어를 사용해야 했습니다. 이 과정은 시간과 비용이 많이 들었고, 대규모 테스트를 진행하기 어려웠습니다. 예를 들어, 사용자의 눈동자 움직임을 추적하기 위해 카메라와 센서를 설치하고, 이를 통해 수집된 데이터를 분석하는 방식이었습니다. 이러한 방법은 정확한 데이터를 제공했지만, 많은 자원과 노력이 필요했습니다.
AI 기반 시선 추적 기술의 발전
최근 몇 년간 AI 기술이 발전하면서 시선 추적의 방식도 변화하고 있습니다. AI는 사용자의 행동 패턴을 학습하고, 이를 기반으로 시선이 어디에 머무를지를 예측할 수 있습니다. 예를 들어, AI는 사용자가 웹사이트의 특정 요소에 얼마나 집중하는지를 분석하여, 해당 요소의 위치나 디자인을 최적화할 수 있는 정보를 제공합니다. 이러한 기술은 특히 마케팅과 광고 분야에서 큰 효과를 보고 있습니다.
시선 추적의 실제 사례
실제 사례를 통해 시선 추적의 효과를 살펴보겠습니다.
이 이미지는 Intuit 웹사이트의 히트맵을 보여줍니다. 사용자의 시선이 "Overcome Your Financial Challenges"라는 텍스트에 27% 집중되고, 그 외의 섹션은 각각 10%와 3%의 집중도를 보입니다. 이러한 데이터는 웹사이트의 디자인을 개선하는 데 중요한 역할을 합니다.
현재 다양한 시선 추적 도구가 시장에 나와 있습니다. 예를 들어, Clueify와 같은 AI 기반 도구는 사용자가 웹사이트에서 어떤 요소에 집중하는지를 쉽게 확인할 수 있도록 도와줍니다.
시선 추적을 통한 UX/UI 개선
시선 추적 데이터를 활용하면 UX/UI를 개선하는 데 큰 도움이 됩니다. 사용자가 어떤 요소에 집중하는지를 파악함으로써, 웹사이트의 레이아웃이나 디자인을 최적화할 수 있습니다. 예를 들어,
이 이미지는 노르웨이 항공사의 웹사이트 리디자인을 위한 히트맵 분석 도구를 보여줍니다. 사용자의 관심이 집중된 부분을 시각적으로 나타내어, 어떤 요소가 효과적인지를 쉽게 알 수 있습니다.
IDHERE Studio의 데이터 기반 디자인
그렇다면 IDHERE Studio에서는 이러한 시선추적과 심리학적 디자인을 어떻게 적용할까요?
IDHERE Studio에서는 모든 디자인에 대해 디자인을 진행하며 지속적으로 AI 기반 트래킹을 진행하고 최종 결과물에 대해 AI 기반 시선 추적 보고서를 작성합니다. 이를 통해 우리가 의도한 대로 사람들이 반응항고 후킹이 되는지를 예측할 수 있습니다.
아래는 IDHERE Studio에서 개발한 VACA (Visual Art Communication Agency)의 웹사이트 및 시선추적 맵입니다.
이처럼 웹사이트 디자인 및 개발단계에서 AI 툴을 활용해 미리 사람들의 시선이 어디에 머무를지 테스트할 수 있고, 이를 기반으로 더욱 전환율이 높은 사이트로 디자인을 개선할 수 있습니다.
_
_
참고자료
[1] 컴플렉시온 - AI 기반 시선 추적 솔루션 (https://complexion.co.kr/ai-tracking-core)
[2] 요즘IT - AI로 시선 추적 데이터 손쉽게 확인하는 'Clueify' - 요즘IT (https://yozm.wishket.com/magazine/detail/2896/)
[3] NVIDIA Blog Korea - 딥 러닝 기반 아이트래킹 기술, 스마트폰 사용자의 시선을 ... (https://blogs.nvidia.co.kr/blog/deeplearning_eyetracking/)
[4] kosac.re.kr - 스마트글래스의 AI 기반 '소나'로 사람의 시선과 표정 추적 - 동향 ... (https://www.kosac.re.kr/brd/board/459/L/menu/248?brdType=R&thisPage=1&bbIdx=39859&brdCodeValue=&searchField=&searchText=)