0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>8 фев 2021</li>
2
<ul><li>8 фев 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>Что такое айтрекинг</h2>
4
</ul><h2>Что такое айтрекинг</h2>
5
<p>Читать мысли разработчики пока не научились. Но можно отследить движения глаз пользователя.</p>
5
<p>Читать мысли разработчики пока не научились. Но можно отследить движения глаз пользователя.</p>
6
<p> vlada_maestro / shutterstock</p>
6
<p> vlada_maestro / shutterstock</p>
7
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
7
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
8
<p>Айтрекинг - это технология отслеживания движения глаз. Её используют для исследований в экспериментальной лингвистике и психологии, для коммуникации людей с ограниченными возможностями, а также в UX-исследованиях - чтобы выявить проблемы пользовательского опыта.</p>
8
<p>Айтрекинг - это технология отслеживания движения глаз. Её используют для исследований в экспериментальной лингвистике и психологии, для коммуникации людей с ограниченными возможностями, а также в UX-исследованиях - чтобы выявить проблемы пользовательского опыта.</p>
9
<p>Это будет не так точно и более субъективно. В процессе чтения, например, человек не замечает, на какие слова он смотрит дольше, а какие пропускает. Да и при изучении веб-страницы многие нюансы невозможно отследить самому. Поэтому используют специальный прибор - айтрекер.</p>
9
<p>Это будет не так точно и более субъективно. В процессе чтения, например, человек не замечает, на какие слова он смотрит дольше, а какие пропускает. Да и при изучении веб-страницы многие нюансы невозможно отследить самому. Поэтому используют специальный прибор - айтрекер.</p>
10
<p>Айтрекер воспринимает глаз в двух состояниях: фиксации и саккады. Дело в том, что глаза никогда не движутся плавно - даже если нам так кажется. Движения скачкообразны, и эти скачки называют саккадами. Между саккадами глаза находятся в состоянии фиксации - это значит, что взгляд никуда не перемещается и человек смотрит в одну точку. Зрительную информацию мы воспринимаем исключительно во время фиксаций - саккады нужны, только чтобы переводить взгляд с одного интересующего нас места на другое.</p>
10
<p>Айтрекер воспринимает глаз в двух состояниях: фиксации и саккады. Дело в том, что глаза никогда не движутся плавно - даже если нам так кажется. Движения скачкообразны, и эти скачки называют саккадами. Между саккадами глаза находятся в состоянии фиксации - это значит, что взгляд никуда не перемещается и человек смотрит в одну точку. Зрительную информацию мы воспринимаем исключительно во время фиксаций - саккады нужны, только чтобы переводить взгляд с одного интересующего нас места на другое.</p>
11
<p>Состояние фиксации отнюдь не значит, что мы видим только то, на чём сфокусированы. Просто этот объект будет более чётким и детализированными, чем окружающие - при их восприятии работает периферическое зрение. Благодаря ему мы можем ориентироваться в пространстве или, скажем, читать сказку вслух с правильной интонацией - видя, чем закончится предложение.</p>
11
<p>Состояние фиксации отнюдь не значит, что мы видим только то, на чём сфокусированы. Просто этот объект будет более чётким и детализированными, чем окружающие - при их восприятии работает периферическое зрение. Благодаря ему мы можем ориентироваться в пространстве или, скажем, читать сказку вслух с правильной интонацией - видя, чем закончится предложение.</p>
12
<p>Всё это делает процесс зрения довольно сложным и требующим точных изменений. Их проводят с помощью айтрекера.</p>
12
<p>Всё это делает процесс зрения довольно сложным и требующим точных изменений. Их проводят с помощью айтрекера.</p>
13
<p>Работа современных айтрекеров основана на встроенной камере, которая бесконтактно следит за движениями глаз. Приборы с этой камерой бывают разными: могут быть в виде очков, могут встраиваться в монитор, надеваться на него или быть стационарными. Последние позволяют зафиксировать положение головы испытуемого и обладают самой высокой точностью.</p>
13
<p>Работа современных айтрекеров основана на встроенной камере, которая бесконтактно следит за движениями глаз. Приборы с этой камерой бывают разными: могут быть в виде очков, могут встраиваться в монитор, надеваться на него или быть стационарными. Последние позволяют зафиксировать положение головы испытуемого и обладают самой высокой точностью.</p>
14
<p>Вот. Слева - фрагмент стационарного айтрекера, который фиксируется на голове. Справа - компактные модели: сверху очки, а снизу прибор, который надевают на экран.</p>
14
<p>Вот. Слева - фрагмент стационарного айтрекера, который фиксируется на голове. Справа - компактные модели: сверху очки, а снизу прибор, который надевают на экран.</p>
15
<p>Перед началом исследования прибор калибруют, чтобы он "поймал" взгляд. Калибровку делают на один глаз, и всё время работы айтрекер будет следить именно за одним глазом: движения второго обычно синхронны, и нет смысла их записывать. В ходе эксперимента испытуемому предлагают прочитать текст, полистать сайт, выполнить какое-нибудь задание - в зависимости от целей исследования.</p>
15
<p>Перед началом исследования прибор калибруют, чтобы он "поймал" взгляд. Калибровку делают на один глаз, и всё время работы айтрекер будет следить именно за одним глазом: движения второго обычно синхронны, и нет смысла их записывать. В ходе эксперимента испытуемому предлагают прочитать текст, полистать сайт, выполнить какое-нибудь задание - в зависимости от целей исследования.</p>
16
<p>По завершении айтрекер выдаёт видеозапись движения глаз, статистику и визуализации: тепловые карты и графики фиксаций взгляда.</p>
16
<p>По завершении айтрекер выдаёт видеозапись движения глаз, статистику и визуализации: тепловые карты и графики фиксаций взгляда.</p>
17
<p>Смотрите: красные зоны показывают самый высокий интерес, а голубой цвет - малое число фиксаций:</p>
17
<p>Смотрите: красные зоны показывают самый высокий интерес, а голубой цвет - малое число фиксаций:</p>
18
<p>Вот, например: линии показывают саккады, а точки - фиксации. Размер точки показывает время фиксации: чем он больше, тем дольше человек смотрел в это место.</p>
18
<p>Вот, например: линии показывают саккады, а точки - фиксации. Размер точки показывает время фиксации: чем он больше, тем дольше человек смотрел в это место.</p>
19
<p>График фиксаций показывает порядок движения глаз - по нему можно проследить, как человек изучал страницу. Обычно его делают для каждого испытуемого индивидуально, иначе выйдет путаница. Тепловые карты показывают области повышенного интереса: места, где было больше всего фиксаций, обозначают в тёплых тонах, а чем меньше фиксаций, тем цвета холоднее. Тепловые карты составляют обычно для группы испытуемых, чтобы проследить общую тенденцию.</p>
19
<p>График фиксаций показывает порядок движения глаз - по нему можно проследить, как человек изучал страницу. Обычно его делают для каждого испытуемого индивидуально, иначе выйдет путаница. Тепловые карты показывают области повышенного интереса: места, где было больше всего фиксаций, обозначают в тёплых тонах, а чем меньше фиксаций, тем цвета холоднее. Тепловые карты составляют обычно для группы испытуемых, чтобы проследить общую тенденцию.</p>
20
<p>Также ведётся видеозапись с айтрекера, она показывает движение глаз по экрану на протяжении всего эксперимента. В статистику собирают любые нужные метрики: например, количество и длительность фиксаций на целевых объектах. А тепловые карты и графики фиксаций нужны, чтобы показать движение глаз в определённый отрезок времени на одной картинке.</p>
20
<p>Также ведётся видеозапись с айтрекера, она показывает движение глаз по экрану на протяжении всего эксперимента. В статистику собирают любые нужные метрики: например, количество и длительность фиксаций на целевых объектах. А тепловые карты и графики фиксаций нужны, чтобы показать движение глаз в определённый отрезок времени на одной картинке.</p>
21
<p>Айтрекинг позволяет выявлять многие сложности взаимодействия с интерфейсом. Вот самые распространённые из них:</p>
21
<p>Айтрекинг позволяет выявлять многие сложности взаимодействия с интерфейсом. Вот самые распространённые из них:</p>
22
<ul><li><strong>Пользователь не может найти нужную кнопку.</strong>Например, испытуемому нужно зарегистрироваться на сайте, который он видит впервые. Айтрекер покажет, где в первую очередь он будет искать ссылку на регистрацию, будет ли фиксировать взгляд в непосредственной близости от нужной кнопки, не замечая её, и через какое время наконец найдёт искомый элемент.</li>
22
<ul><li><strong>Пользователь не может найти нужную кнопку.</strong>Например, испытуемому нужно зарегистрироваться на сайте, который он видит впервые. Айтрекер покажет, где в первую очередь он будет искать ссылку на регистрацию, будет ли фиксировать взгляд в непосредственной близости от нужной кнопки, не замечая её, и через какое время наконец найдёт искомый элемент.</li>
23
<li><strong>Пользователь не замечает некоторых элементов.</strong>Когда испытуемый свободно разглядывает интерфейс, айтрекер показывает, какие области вызывают у него повышенный интерес, а какие элементы вообще остаются без внимания. Возможно, люди не пользуются некоторыми услугами или опциями на сайте, потому что попросту их не замечают.</li>
23
<li><strong>Пользователь не замечает некоторых элементов.</strong>Когда испытуемый свободно разглядывает интерфейс, айтрекер показывает, какие области вызывают у него повышенный интерес, а какие элементы вообще остаются без внимания. Возможно, люди не пользуются некоторыми услугами или опциями на сайте, потому что попросту их не замечают.</li>
24
<li><strong>Пользователь не фокусирует внимание на важном контенте.</strong>Можно проследить, как люди воспринимают рекламу с разным содержанием и в разных местах: смотрят ли они на неё, и если да, то как долго. То же самое касается подсказок и уведомлений в интерфейсе.</li>
24
<li><strong>Пользователь не фокусирует внимание на важном контенте.</strong>Можно проследить, как люди воспринимают рекламу с разным содержанием и в разных местах: смотрят ли они на неё, и если да, то как долго. То же самое касается подсказок и уведомлений в интерфейсе.</li>
25
<li><strong>Пользователь чего-то не понимает.</strong>Долгие и множественные фиксации в одном месте свидетельствуют о том, что пользователь не может разобраться, что перед ним. Возможно, ему трудно читать мелкий текст или он не понимает значения иконки.</li>
25
<li><strong>Пользователь чего-то не понимает.</strong>Долгие и множественные фиксации в одном месте свидетельствуют о том, что пользователь не может разобраться, что перед ним. Возможно, ему трудно читать мелкий текст или он не понимает значения иконки.</li>
26
</ul><p>Айтрекинг не только помогает выявить причины этих проблем, но и даёт разработчикам информацию об особенностях чтения и просмотра контента. Например, можно увидеть, на что больше обращают внимание в карточках товаров или в статьях - на картинки или на текст.</p>
26
</ul><p>Айтрекинг не только помогает выявить причины этих проблем, но и даёт разработчикам информацию об особенностях чтения и просмотра контента. Например, можно увидеть, на что больше обращают внимание в карточках товаров или в статьях - на картинки или на текст.</p>
27
<p>Нет. Айтрекинг - лишь один из возможных методов тестирования юзабилити. И применяется он не повсеместно, а преимущественно в крупных компаниях.</p>
27
<p>Нет. Айтрекинг - лишь один из возможных методов тестирования юзабилити. И применяется он не повсеместно, а преимущественно в крупных компаниях.</p>
28
<p>Прежде всего, это дорого. Бюджетные модели айтрекеров появляются, но их возможности уступают дорогим и сильно ограничивают исследование. Обработка данных тоже обходится дорого, ведь испытуемых нужно как минимум несколько - придётся просмотреть все видеозаписи их работы, сопоставить результаты и сделать выводы. А заниматься этим должен квалифицированный специалист.</p>
28
<p>Прежде всего, это дорого. Бюджетные модели айтрекеров появляются, но их возможности уступают дорогим и сильно ограничивают исследование. Обработка данных тоже обходится дорого, ведь испытуемых нужно как минимум несколько - придётся просмотреть все видеозаписи их работы, сопоставить результаты и сделать выводы. А заниматься этим должен квалифицированный специалист.</p>
29
<p>Плюс к этому бывают проблемы с интерпретацией. Например, если пользователь отвлёкся на свои мысли и зафиксировал взгляд в какой-то точке, айтрекер это тоже запишет - хотя такие фиксации ничего не говорят об удобстве интерфейса. А если человек целенаправленно рассматривал какой-то элемент, не всегда понятно: привлёк он его внимание, потому что красивый и интересный или потому что непонятный.</p>
29
<p>Плюс к этому бывают проблемы с интерпретацией. Например, если пользователь отвлёкся на свои мысли и зафиксировал взгляд в какой-то точке, айтрекер это тоже запишет - хотя такие фиксации ничего не говорят об удобстве интерфейса. А если человек целенаправленно рассматривал какой-то элемент, не всегда понятно: привлёк он его внимание, потому что красивый и интересный или потому что непонятный.</p>
30
<p>Такие исследования не стоит делать без необходимости. Если есть проблемы в интерфейсе, которых сам пользователь не осознаёт, может помочь айтрекер. А чтобы верно интерпретировать полученные данные, нужно обязательно опросить испытуемых и понять: красивый был элемент, непонятный или человек просто погрузился в свои мысли.</p>
30
<p>Такие исследования не стоит делать без необходимости. Если есть проблемы в интерфейсе, которых сам пользователь не осознаёт, может помочь айтрекер. А чтобы верно интерпретировать полученные данные, нужно обязательно опросить испытуемых и понять: красивый был элемент, непонятный или человек просто погрузился в свои мысли.</p>
31
<p>Хотите заниматься улучшением пользовательского опыта?<a>Записывайтесь</a>на наш курс по UX/UI-дизайну!</p>
31
<p>Хотите заниматься улучшением пользовательского опыта?<a>Записывайтесь</a>на наш курс по UX/UI-дизайну!</p>
32
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
32
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>