패션, 온라인주문등눈동자로모든것을제어할수있는아이트래킹기술 눈동자가이제스크린조작인터페이스가되는아이트래킹, 아이스크롤링기술이발전하며, 눈동자를인색해책또는인터넷기사를읽고있다가자동으로다음페이지로이동할수있게됨. 소비자들의무의식적으로움직이는구매행동을통해다양한마케팅분야에서활용될수있으며, 글을읽는안구움직임을추적하여난독증검사에도활용되고있음. 또한, 피자헛은태블릿메뉴판을보는고객의안구움직임을추적해주문을받는 아이트래킹 (Eye Tracking) 시스템을지난 10 월구축해테스트중으로세계첫잠재의식메뉴판으로불리고있음 1. 눈동자를추적하는 ' 아이트래킹 ' 눈동자의움직임을포착해서시선이머무는위치를알아내는기술인 아이트래킹 은최근디자인, 마케팅등다양한분야에서활용되고있음 아이트래킹 (Eye Tracking) 이란사람의눈동자가어떻게움직이는지관찰하는기술로, 시각적인자극이주어질때사람이어떻게반응하는지보기위해 아이트래커 라는장비를사용함 (BLOTER.NET, 2014.7.14) 일반적으로모니터를볼때사람은알파벳 F 자모양으로시선을옮기게되며, 왼쪽위에가장시선이오래머묾그림 31. 아이트래킹을활용한사용자의시선움직임분석모습 출처 : chapterthree BLOG(2014. 2. 10, http://chapterthree.com/blog/how-write-web) 60
왼쪽위에서오른쪽으로화면을가로지른뒤다시왼쪽아래로눈을옮기며, 가운데정보에는한두번시선이머물지만맨위처럼주의깊게보지는않음 이러한분석은아이트래킹장비앞에사용자가앉아웹사이트를이용하면기기가근적외선을쏴사용자의시선을확인할수있으며, 사용자의시선이동에따라광고등을배치하는방법을활용하고있음 다양한연구결과에따르면, 대다수이용자는구성측면에서큰변화가없는웹페이지를반복적으로방문할경우광고를인지하지않는광고맹목 (Ad-Blindness) 이발생하게됨 다양한아이트래킹연구를통해나온사용자의만족도극대화를위한 4가지필수 UX 규칙은다음과같음 (webdesignerdepot, 2013. 11. 18) 방문자시선을끄는것은사진이아닌매력적인헤드라인이다 - 많은뉴스사이트들이방문자들의지대한관심을붙잡기위한목적으로왜그렇게자주선정적이거나충격적인헤드라인을사용하는이유임 F 형태패턴으로사이트를디자인하라 몇년전, Nielsen Norman Group에의해발표된연구에의하면모든사이트방문자들이웹페이지를읽을때일반적으로소위 F 형태의패턴으로읽는다는것이밝혀짐 광고에시간을낭비하지마라 - 대부분사람은화면에펼쳐진광고를귀찮다고여기며, 방문자들대부분은광고를무시하고페이지의유용한내용에집중하는것으로나타남 화려한단어나형식을피하라 - 방문자들이효과적으로정보를얻기바란다면, 역시최소한의표현으로최대의효과를올리는 미니멀리즘 이정답임 2. 다양한분야에서활용되고있는 ' 아이트래킹 ' 최근피자헛과스웨던아이트래커 (Eye Tracker) 전문업체 토비 (Tobii) 테크놀로지 는아이트래킹기기를개발해피자메뉴판에적용시킴 (TIME, 2014. 12. 2) 잠재의식피자메뉴판 이라는이름을붙인이기기는주문자의눈동자 ( 망막 ) 움직임을추적해고객의시선이어떤토핑에오래머물렀는지에기초하여선호할만한메뉴를추천하는서비스임 물론사용자가최종적으로확인하는단계가필수적으로포함되어야하고, 아이트래킹이아니라직접터치하여선택할수있는방법도가능한형태로약 6개월에걸쳐개발되었음 61
그림 32. 피자헛의아이트래킹메뉴판실행절차 (1) 피자토핑에대한고객시선분석 (2) 분석결과에의한토핑선택 (3) 해당토핑이들어있는피자추천 (4) 주문완료 출처 : TIME(2014. 12. 2, http://time.com/3613220/pizza-huts-subconscious-menu/) 게이밍기어전문업체인스틸시리즈와아이트래킹 (Eye Tracking) 기술전문기업토비 (Tobii) 가협력해개발한게이머용시선추적장치센트리 (The Sentry) 는 CES 2015 에앞서 199.99 달러에출시됨 (Bodnara, 2015. 1. 5) Tobi와공동개발을발표한지약 1년만에공식출시를시작한스틸시리즈센트리는게임중에게이머의시선을감지해움직임을기록하고이를분석해게임실력을향상시켜줄수있는도구임 게이머의시선집중도를수치화한 FPM(Fixations per Minute) 이라는단위를이용하며, 게임중게이머의시선을분석해게임실력을높일수있음그림 33. 스틸시리즈와토비가공동개발한센트리 출처 : Bodnara(2015. 1. 5, http://www.bodnara.co.kr/bbs/article.html?num=117007) 62
또한, 2015 년 1월 7일부터라스베가스에서개최된 CES 2015 에서도아이트래킹기술이접목된다양한기술들이소개됨 다임러 AG(Daimler AG) 의이사회장이자메르세데스벤츠카즈 (Mercedes-Benz Cars) 의수석디터제체 (Dieter Zetsche) 는기조연설무대에올라미래의자동차에대해연설하며, 미래컨셉트카의목표는자유롭게흐르듯이주행하는기기로실내의특징제스처및아이트랙킹 (eye tracking) 제어를통한공간, 시간, 사생활보호에있다고밝힘 ( 뉴스와이어, 2015. 1. 7) 아이트래킹소프트웨어개발키트 (SDK) 안드로이드버전이공개되며, 안구의움직임으로페이지를넘기는기술이시연되었으며, CES 2015 혁신상을수상함 아이트래킹기술은패션산업등다양한사업에도활용되며, 마케팅및안전등다양한활용을위한연구가지속적으로연구중에있음 소비자들이옷을고를때어느부분을집중해서보는지확인하고있으며, 이탈리아브랜드베네통은옷과매장디자인시아이트래킹결과를반영하고있음 (MBC, 2014. 10. 14) 자동차제조사들은자동차주행중라디오등을켤때정면에서의시선이탈등에대한연구를통해시선이탈시간을최대한줄일수있도록차량내부설계를연구하고반영하고있음 이외에도글을잘읽거나이해하지못하고단어를정확하게떠올리지못하는읽기 독서장애를포함한학습장애인난독증을치료하기위한검사로활용하여글을읽는안구의움직임을추적하여치료에활용되고있음 ( 한국경제, 2014. 11. 14) 참고문헌 뉴스와이어 (2015. 1. 7). 2015 국제가전제품박람회오늘개막, 쇼의핵심은혁신. Available at http:// www.newswire.co.kr/newsread.php?no=779502 BLOTER.NET(2014.7.14). 디자인을과학으로바꾸는 UX기술들. Available at http://www.bloter.net/ar chives/199326 Bodnara(2015. 1. 5). 게이머용시선추적시스템, 스틸시리즈센트리 199.99달러에출시. Available a t http://www.bodnara.co.kr/bbs/article.html?num=117007 MBC(2014. 10. 14). 눈동자추적하는 ' 아이트래킹 ' 마케팅등다방면활용. Available at http://imne ws.imbc.com/replay/2014/nwtoday/article/3541044_13495.html 한국경제 (2014. 11. 14). 꼴찌- 성적하위권우리아이, 난독증 치료로성적 자신감. Available at ht tp://wstarnews.hankyung.com/apps/news?popup=0&nid=03&c1=03&c2=03&c3=00&nkey=201411121533 461&mode=sub_view chapterthree BLOG(2014. 2. 10). How to Write for the Web. Retrieved from http://chapterthree.com/blo 63
g/how-write-web TIME(2014. 12. 2). Pizza Hut s Subconscious Menu Aims to Guess What You Want Before You Know Yo u Want It. Retrieved from http://time.com/3613220/pizza-huts-subconscious-menu/ webdesignerdepot(2013. 11. 18). 4 essential UX rules taught by eye-tracking research. Retrieved from http://www.webdesignerdepot.com/2013/11/4-essential-ux-rules-taught-by-eye-tracking-research/ 용어정리 광고맹목 (Ad-Blindness) 미니멀리즘 (Minimalism) 방문자가웹페이지를방문했을때웹페이지에들어간광고를인식하지못한상태를말하며, 웹페이지에들어간광고를의식적으로혹은무의식적으로알지못하는것을말함. 방문자가광고가자신과관계없기때문에, 퍼블리셔가웹페이지를평범하게디자인하였기때문에, 혹은방문자가웹페이지의얼개 (layout) 와친숙하기때문에이런현상이발생할수있음 영어에서 ' 최소한도의, 최소의, 극미의 ' 라는뜻의 ' 미니멀 (minimal)' 과 ' 주의 ' 라는뜻의 ' 이즘 (ism)' 을결합한미니멀리즘이라는용어는 1960 년대부터쓰이기시작하였으며, 기본적으로예술적인기교나각색을최소화하고사물의근본즉본질만을표현했을때, 현실과작품과의괴리가최소화되어진정한리얼리티가달성된다는믿음에근거하고있음 64