Eye-tracking (айтрекинг) — количественный метод изучения восприятия визуальной информации на экране пользователями с помощью отслеживания движения их глаз. Метод позволяет визуализировать и анализировать, куда именно направлен взгляд пользователя, как долго он задерживается на различных элементах интерфейса и какие области привлекают наибольшее внимание.

История айтрекинга как научного метода насчитывает более 100 лет. Первые исследования движения глаз были проведены в конце XIX века, когда французский офтальмолог Луи Эмиль Жаваль заметил, что при чтении глаза двигаются не плавно, а совершают короткие резкие движения (саккады) с короткими остановками (фиксациями). В 1901 году американский ученый Раймонд Додж создал первый неинвазивный метод регистрации движений глаз с использованием фотографии и света, отраженного от роговицы.

Значительный прогресс в технологиях айтрекинга произошел в 1950-х годах, когда Альфред Ярбус провел новаторские исследования, показавшие, как задачи и вопросы влияют на то, куда человек смотрит при рассматривании изображения. В 1970-х и 1980-х годах происходит переход к компьютеризированным методам айтрекинга, а в 1990-х появляются первые коммерческие айтрекеры.

В контексте UX-исследований, айтрекинг начал активно применяться в начале 2000-х годов. Якоб Нильсен, один из пионеров юзабилити, сделал значительный вклад в популяризацию этого метода для оценки пользовательских интерфейсов. В своей книге 2010 года “Eyetracking Web Usability”, написанной в соавторстве с Кэрой Перниче, он обобщил результаты многочисленных исследований и установил практические рекомендации для дизайнеров на основе данных айтрекинга.

Описание метода

Айтрекинг-исследование предполагает использование специального оборудования (айтрекера), которое регистрирует и записывает движения глаз пользователя при взаимодействии с интерфейсом. Современные айтрекеры работают по принципу отслеживания отражения инфракрасного света от роговицы и зрачка, что позволяет с высокой точностью определять направление взгляда.

Типология метода

Тип данных: количественный
Модерация: модерируемый
Продолжительность: 30–60 минут на одного участника
Формат проведения: лабораторное тестирование с использованием специализированного оборудования (айтрекера), преимущественно очно, возможно проведение удалённо при использовании веб-камер (сниженная точность)

Цели и задачи метода

Основные цели использования айтрекинга в UX-исследованиях:

Выявление паттернов визуального восприятия интерфейса пользователями
Определение элементов, которые привлекают наибольшее внимание
Обнаружение элементов, которые пользователи не замечают или игнорируют
Оценка эффективности визуальной иерархии интерфейса
Измерение когнитивной нагрузки при взаимодействии с интерфейсом

Айтрекинг помогает ответить на следующие исследовательские вопросы:

Заметны ли ключевые элементы интерфейса (CTA, навигация, важная информация)?
Какова последовательность восприятия элементов на странице?
Какие элементы дизайна отвлекают пользователей от основных задач?
Насколько эффективно размещение важного контента?
Соответствует ли фактический паттерн просмотра ожидаемому?
Как различаются паттерны просмотра между разными сегментами пользователей?

Eye-tracking исследования (айтрекинг)

Применение в процессе Human-Centered Design

Стадия 1. Понимание и определение контекста использования

Вспомогательное применение

Изучение того, как пользователи воспринимают существующие интерфейсы и продукты конкурентов
Выявление паттернов визуального восприятия в контексте реальных сценариев использования
Понимание того, какие элементы привлекают наибольшее внимание в существующих решениях
Исследование того, как различные пользовательские сегменты визуально воспринимают информацию
Определение потенциальных проблемных областей в существующих интерфейсах

На первой стадии HCD айтрекинг помогает сформировать более глубокое понимание визуального поведения пользователей, дополняя другие исследовательские методы объективными данными о визуальном внимании.

Стадия 2. Определение требований пользователей

Вспомогательное применение

Проверка гипотез о визуальном восприятии информации целевой аудиторией
Уточнение приоритетов в информационной архитектуре на основе данных о визуальном внимании
Выявление особенностей восприятия специфического контента или элементов интерфейса
Обоснование требований к визуальной иерархии и размещению ключевых элементов
Определение оптимальных паттернов представления информации для различных пользовательских задач

Айтрекинг на стадии определения требований дополняет вербальные методы сбора требований, позволяя выявить невербализуемые аспекты взаимодействия пользователя с интерфейсом.

Стадия 3. Создание проектных решений

Основное применение

Оценка эффективности визуальной иерархии в прототипах интерфейса
Сравнение различных вариантов дизайна по параметрам визуального восприятия
Проверка заметности ключевых элементов интерфейса (CTA, навигация, важная информация)
Выявление отвлекающих элементов, которые нарушают желаемый паттерн просмотра
Оптимизация размещения контента на основе реальных данных о визуальном внимании

На этапе создания проектных решений айтрекинг позволяет принимать обоснованные решения о дизайне, основываясь на объективных данных о том, как пользователи воспринимают различные элементы интерфейса.

Стадия 4. Оценка проектных решений

Основное применение

Валидация эффективности визуальной коммуникации в финальных версиях интерфейса
Выявление потенциальных проблем с заметностью важных элементов
Сравнение фактических паттернов просмотра с ожидаемыми
Количественная оценка эффективности внесенных изменений в дизайн
Выявление областей для дальнейшей оптимизации на основе данных о визуальном внимании

На заключительной стадии HCD айтрекинг предоставляет объективные данные для оценки эффективности проектных решений и документирования результатов для будущих итераций.

Айтрекинг-исследования требуют специализированного оборудования и экспертизы, но предоставляют уникальные данные, недоступные через другие методы исследования. При проведении айтрекинг-исследований важно комбинировать их с методами, которые объясняют причины наблюдаемого визуального поведения (например, интервью или метод мышления вслух). Для максимальной эффективности рекомендуется использовать различные типы визуализации данных (тепловые карты, гейзпаты, области интереса) и анализировать как количественные метрики (время до первой фиксации, длительность фиксаций), так и качественные аспекты визуального поведения. При ограниченных ресурсах можно использовать более доступные альтернативы, такие как айтрекинг на основе веб-камеры, сохраняя при этом понимание ограничений точности таких методов.

Преимущества и ограничения

Бизнес-выгоды

Оптимизация размещения ключевых элементов интерфейса для повышения конверсии
Объективные данные о внимании пользователей без влияния их субъективных отчетов
Выявление невидимых элементов интерфейса и оптимизация информационной архитектуры

Уникальные особенности

Точное измерение визуального внимания с миллисекундной точностью
Выявление подсознательных паттернов восприятия, недоступных через вербальные методы
Наглядная визуализация данных в виде тепловых карт и траекторий взгляда

Оптимальные условия применения

Оптимизация лендингов, рекламных материалов и ключевых страниц
Тестирование визуальной иерархии и размещения call-to-action элементов
Исследование восприятия сложных интерфейсов с большим количеством информации
Сравнение эффективности различных дизайнерских решений

Ограничения

Высокая стоимость оборудования и специализированного программного обеспечения
Искусственные лабораторные условия могут не отражать реальное использование
Фокус только на визуальном восприятии без понимания когнитивных процессов
Ограниченная применимость для мобильных устройств и сенсорных интерфейсов

Вариации метода

Айтрекинг-исследования имеют несколько основных вариаций:

Стационарный (удаленный) айтрекинг — оборудование располагается отдельно от пользователя, обычно под монитором или на специальной подставке. Обеспечивает высокую точность, но ограничивает свободу движений участника.
Мобильный айтрекинг — устройство в форме очков, которое участник надевает на голову. Позволяет изучать взаимодействие в естественных условиях, например, в магазине или при использовании физических продуктов.
Веб-камера айтрекинг — использует стандартную веб-камеру устройства для отслеживания движений глаз. Менее точный, но более доступный и масштабируемый метод, позволяющий проводить удаленные исследования.
Групповой айтрекинг — одновременное отслеживание взглядов нескольких участников, например, во время презентации. Используется реже в UX-исследованиях, больше в маркетинговых и психологических исследованиях.

Выбор вариации зависит от целей исследования:

Для тестирования веб-интерфейсов оптимален стационарный айтрекинг
Для изучения мобильных приложений в реальных условиях подходит мобильный айтрекинг
Для масштабных исследований с ограниченным бюджетом можно использовать веб-камера айтрекинг

Структура проведения

Калибровка оборудования — настройка айтрекера для конкретного участника
Выполнение задач — участник взаимодействует с интерфейсом, выполняя заданные сценарии
Запись данных — система фиксирует движения глаз, создавая массив данных о фиксациях, саккадах и паттернах просмотра
Визуализация и анализ — полученные данные преобразуются в тепловые карты, гейзпаты (пути взгляда) и другие визуализации

Связь с другими методами

Предшествующие методы

Пятисекундный тест — выявляет первое впечатление для глубокого изучения
Тест первого клика — выявляет проблемы с навигацией для изучения внимания
Экспертная оценка удобства — выявляет потенциальные проблемы для проверки
User Flow — определяет ключевые экраны для тестирования

Дополняющие методы

Модерируемое юзабилити-тестирование — дополняет объективные данные о взгляде субъективным опытом
Инструментарий оценки желательности Microsoft — связывает восприятие с визуальным вниманием
Замер метрик — добавляет количественную оценку удобства

Последующие методы

A/B-тестирование (Сплит-тестирование) — проверяет решения, основанные на данных о внимании
Оценка текста — уточняет проблемы с текстовым контентом
Экспертная оценка удобства — применяет эвристики к выявленным проблемам внимания

Заключение

Айтрекинг-исследования представляют собой мощный инструмент для понимания визуального восприятия пользователями цифровых интерфейсов. Этот метод позволяет получить объективные данные о том, что привлекает внимание пользователей, в какой последовательности они просматривают элементы и какие части интерфейса остаются незамеченными.

Несмотря на определенные ограничения, связанные с дороговизной оборудования и лабораторными условиями, айтрекинг остается одним из немногих методов, способных проникнуть за пределы сознательных отчетов пользователей и выявить автоматические, неосознаваемые паттерны визуального поведения.

В современных UX-исследованиях айтрекинг продолжает развиваться в сторону большей доступности и интеграции с другими методами. Развитие технологий веб-камера айтрекинга и искусственного интеллекта для анализа данных движения глаз позволяет сделать этот метод более масштабируемым и доступным для широкого круга исследователей.

Перспективным направлением является интеграция айтрекинга с технологиями виртуальной и дополненной реальности, что открывает новые возможности для исследования трехмерных интерфейсов и пространственного взаимодействия. Также развивается применение айтрекинга для людей с ограниченными возможностями как способа взаимодействия с интерфейсами, что подчеркивает важность этой технологии не только для исследований, но и для обеспечения доступности цифровых продуктов.

Подписывайтесь на наш Телеграмм-канал — анонсы мероприятий, кейсы и статьи, расписание нашей Школы, и многое другое.