eye tracking - bogdanov
DESCRIPTION
INTECCOTRANSCRIPT
![Page 1: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/1.jpg)
Eye-tracking: Использование в
разработке сайтов
ООО «Ай-тракер»www.eye-tracker.ru
![Page 2: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/2.jpg)
Что измеряет eye-tracker?
Взгляд движется не непрерывно, а рывками.
Точки, где взгляд «замирает» называются фиксациями.
Быстрые перемещения взгляда между фиксациями называются саккадами.
Eye-tracker записывает время, координаты и длительность фиксаций.
![Page 3: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/3.jpg)
Отображение данных: карта взглядов
Карта взглядов показывает фиксации респондентов, сохраняя информацию о длительности и последовательности фиксаций.
Основной недостаток карты взглядов – быстрое «замусоривание».
Карту взглядов можно использовать для коротких промежутков времени и для небольшого количества респондентов.
![Page 4: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/4.jpg)
Отображение данных: тепловая карта
Тепловая карта позволяет суммировать большое количество данных.
На тепловой карте теряется информация о длительности и последовательности отдельных фиксаций.
Тепловые карты могут строиться по количеству фиксаций или по их длительности.
![Page 5: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/5.jpg)
Тепловые карты по количеству и относительной длительности фиксаций.
![Page 6: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/6.jpg)
Eye-tracking в тестировании сайтов
Решаемые задачи• Что замечают, а на что
не обращают внимания• В каком порядке
изучают материалы• Какие тексты/части
текстов читают• Где ищут
информацию/ссылки• Как решают задачи
Особенности технологии• Возможность
тестирования на этапе разработки
• Объективных данных• Уникальность данных• Выявление скрытых
недостатков• Возможность
посмотреть на сайт чужими глазами
![Page 7: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/7.jpg)
Eye-tracking VS экспертное мнение
Eye-tracking• Объективные данные• Тестирование на
сторонних респондентах
• Выявление реальных проблем
• Наглядность результатов
Эксперт• Субъективное мнение• Использование
собственного опыта
• Излишнее внимание к мелочам
• Необходимость доверия
![Page 8: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/8.jpg)
Тестирование макета страницы
![Page 9: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/9.jpg)
Сравнение макетов страницы
![Page 10: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/10.jpg)
Поиск интересующего раздела
![Page 11: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/11.jpg)
Оценка влияния изменений
![Page 12: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/12.jpg)
Тестирование интерфейсов
![Page 13: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/13.jpg)
Тестирование интерфейсов
![Page 14: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/14.jpg)
Поиск ссылки на демо-сайт: UMI-CMSкомпьютерщики vs менеджеры
![Page 15: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/15.jpg)
Поиск ссылки на демо-сайт: UMI-CMSкомпьютерщики vs менеджеры
![Page 16: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/16.jpg)
Невидимые элементы
![Page 17: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/17.jpg)
Использование eye-tracker’а позволяет:
• Объективно сравнить варианты дизайна
![Page 18: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/18.jpg)
Использование eye-tracker’а позволяет:
• Объективно сравнить варианты дизайна• Выявить скрытые недостатки дизайна
![Page 19: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/19.jpg)
Использование eye-tracker’а позволяет:
• Объективно сравнить варианты дизайна• Выявить скрытые недостатки дизайна• Адаптировать дизайн для разной
аудитории
![Page 20: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/20.jpg)
Использование eye-tracker’а позволяет:
• Объективно сравнить варианты дизайна• Выявить скрытые недостатки дизайна• Адаптировать дизайн для разной
аудитории• Увеличить конверсию сайта
![Page 21: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/21.jpg)
Использование eye-tracker’а позволяет:
• Объективно сравнить варианты дизайна• Выявить скрытые недостатки дизайна• Адаптировать дизайн для разной
аудитории• Увеличить конверсию сайта• Упростить общение с заказчиком
![Page 22: Eye Tracking - Bogdanov](https://reader033.vdocuments.net/reader033/viewer/2022052311/5564c1e1d8b42a7e178b51bc/html5/thumbnails/22.jpg)
ООО «Ай-тракер»www.eye-tracker.ru
Лаборатория независимого eye-tracking и юзабилити тестирования