<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Юзабилист &#187; eye tracking</title>
	<atom:link href="http://usabilist.com.ua/tag/eye-tracking/feed/" rel="self" type="application/rss+xml" />
	<link>http://usabilist.com.ua</link>
	<description>Мы делаем интернет удобнее</description>
	<lastBuildDate>Tue, 31 Aug 2010 14:50:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title> Eye-traсking</title>
		<link>http://usabilist.com.ua/2009/05/eye-traking-i-zolotoj-treugolnik/</link>
		<comments>http://usabilist.com.ua/2009/05/eye-traking-i-zolotoj-treugolnik/#comments</comments>
		<pubDate>Fri, 08 May 2009 15:41:50 +0000</pubDate>
		<dc:creator>puzik</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Анализ сайтов]]></category>
		<category><![CDATA[Психология пользователей]]></category>
		<category><![CDATA[eye tracking]]></category>
		<category><![CDATA[проектирование интерфейсов]]></category>
		<category><![CDATA[юзабилити анализ]]></category>

		<guid isPermaLink="false">http://usabilist.com.ua/?p=822</guid>
		<description><![CDATA[<p>Eye-tracking&#160;&#8212; отслеживание точки взора (взгляда), или изменение положения глаз по отношению к голове.</p>
<h3><strong> Зачем это нужно?</strong></h3>
<p>На самом деле Eye-traсking называют методику по которой можно четко сказать куда пользователь смотрит и как долго. Можно полностью проследить за взглядом, нарисовать путь по которому следуют взгляд человека.<br />
Эта методика позволяет определить какой элемент интерфейса привлекает&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Eye-tracking&nbsp;&mdash; отслеживание точки взора (взгляда), или изменение положения глаз по отношению к голове.</p>
<h3><strong> Зачем это нужно?</strong></h3>
<p>На самом деле Eye-traсking называют методику по которой можно четко сказать куда пользователь смотрит и как долго. Можно полностью проследить за взглядом, нарисовать путь по которому следуют взгляд человека.<br />
Эта методика позволяет определить какой элемент интерфейса привлекает зрение, насколько другие элементы отвлекают от выполнения задач, насколько быстро пользователь знакомится с контентом.</p>
<h3><strong>Чем измеряют взгляд?</strong></h3>
<p><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/tobii.jpg"><img class="size-full wp-image-830 alignleft" style="margin: 5px 5px 0px 0px;" title="tobii" src="http://usabilist.com.ua/wp-content/uploads/2009/05/tobii.jpg" alt="tobii" width="149" height="162" /></a><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/tobii2.jpg"><img class="size-full wp-image-831 alignleft" style="margin-left: 0px; margin-right: 5px;" title="tobii2" src="http://usabilist.com.ua/wp-content/uploads/2009/05/tobii2.jpg" alt="tobii2" width="65" height="172" /></a>Есть целый клас приборов способных следить за взглядом человека.</p>
<p>Например прибор Tobii  X120 Eye Tracker (показан на рисунке), устанавливается непосредственно перед испытуемым (но чтоб не мешать взгляду, например под монитором).</p>
<p>Такой прибор посылает инфракрасные лучи в глаз и ловит отраженный луч, на основе чего строится карта взгляда.<span id="more-822"></span></p>
<h3>Результаты исследования.</h3>
<p>На картинке показана карта взгляда одного человека. Кружки на картинке обозначают <strong>фиксацию взгляда человека</strong>, чем больше кружок  тем дольше человек смотрит на элемент дизайна, линии между кружками&nbsp;&mdash; путь взгляда.</p>
<p style="text-align: center;"><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/bhgp.jpg"><img class="size-full wp-image-825 aligncenter" title="bhgp" src="http://usabilist.com.ua/wp-content/uploads/2009/05/bhgp.jpg" alt="bhgp" width="461" height="368" /></a></p>
<p>На основе исследования нескольких респондентов можно построить <strong>тепловую карту</strong> (<strong>heatmap</strong>). Где красные области -  области, куда попадает взгляд всех респондентов, желтая и оранжевая&nbsp;&mdash; почти все, зеленая, синяя- единичные взгляды, не засвеченные области&nbsp;&mdash; взгляд совсем не касался этих элементов.</p>
<div id="attachment_828" class="wp-caption aligncenter" style="width: 582px"><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/heatmap_explained.png"></a><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/heatmap.jpg"><img class="aligncenter size-full wp-image-835" title="heatmap" src="http://usabilist.com.ua/wp-content/uploads/2009/05/heatmap.jpg" alt="heatmap" width="572" height="324" /></a><br />
<p class="wp-caption-text">Heatmap&nbsp;&mdash; пример компании Eyetools</p></div>
<p style="text-align: center;"> </p>
<h3><strong>Как это работает?  Примеры:<br />
</strong></h3>
<p>1 Eye&nbsp;&mdash; tracking исследование разного представления размещения подписей к полям формы.</p>
<p style="text-align: center;"><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/form_track.jpg"><img class="aligncenter size-full wp-image-827" title="form_track" src="http://usabilist.com.ua/wp-content/uploads/2009/05/form_track.jpg" alt="form_track" width="465" height="193" /></a></p>
<p>Согласно картинке,  размещение надписей над полем ввода требует меньше времени для изучения пользователем (меньшее количество кружков), то есть такую форму пользователь заполнит быстрее.</p>
<p>2  Eye&nbsp;&mdash; tracking исследование рекламы .</p>
<p><a href="http://usabilist.com.ua/wp-content/uploads/2009/05/sunsilkeyetracking.jpg"><img class="aligncenter size-full wp-image-829" title="advertising_eyetracking" src="http://usabilist.com.ua/wp-content/uploads/2009/05/sunsilkeyetracking.jpg" alt="advertising_eyetracking" width="407" height="558" /></a></p>
<p>Из рисунка видно что  лицо человека привлекает  внимание респондентов, и если девушка на рекламе смотрит на рекламируемый продукт,  то продукт привлечет взгляд большего количества людей , что повышает эффективность рекламы.</p>
<h3><strong>Использование такой методики раскрывает большие горизонты в познании того как проектировать и тестировать интерфейсы.</strong></h3>
<blockquote>
<ul><strong>Читайте также: </strong> </p>
<li><a href="http://usabilist.com.ua/2009/04/glupye-polzovateli/">«Глупые» пользователи</a></li>
<li><a href="http://usabilist.com.ua/2009/04/proektirovat-sajt-dlya-novichkov-ili-dlya-prodvinutyx/">Проектировать сайт для новичков или для продвинутых?</a></li>
<li><a href="http://usabilist.com.ua/2008/11/zachem-usabilisti/">Зачем нужны юзабилисты?</a></li>
<li><a href="http://usabilist.com.ua/2009/04/ne-slushajte-polzovatelej-pravilo-yuzabiliti/">Не слушайте пользователей (правило юзабилити)</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://usabilist.com.ua/2009/05/eye-traking-i-zolotoj-treugolnik/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
