Айтрекинг-исследования упаковки: как понять, куда смотрит покупатель
Что означают метрики eye-tracking для дизайнера, а не для аналитика
Отчёт по айтрекингу пугает обилием терминов, но дизайнеру нужны на самом деле три показателя, а остальное — детали для презентации инвесторам.
| Метрика | Что измеряет | Что это значит для упаковки |
|---|---|---|
| Time to First Fixation (TFF) | Через сколько секунд взгляд впервые попал на элемент | Чем меньше — тем заметнее элемент на полке. Разница в 0,66 сек уже даёт 30-40% преимущества перед конкурентом |
| Fixation Duration | Сколько суммарно взгляд задержался на объекте | Показывает, «зацепил» ли элемент внимание или взгляд просто скользнул мимо |
| Heatmap (тепловая карта) | Распределение всех фиксаций по макету | Наглядно показывает, что реально смотрят, а что — просто нарисовано дизайнером «для красоты» |
| Порядок фиксаций (Scanpath) | Последовательность, в которой взгляд перемещается по объектам | Мозг считывает упаковку в фиксированном порядке: сначала логотип, потом изображение, потом текст. Если текст увидели раньше логотипа — макет работает против бренда |
Показательный пример — тест геотекстиля: новая упаковка получила всего 0,43 сек фиксации из 10-секундного окна (4,31%), а упаковка конкурента — 1,15 сек (11,53%). Разница выглядит как доли секунды, но на полке это означает, что товар почти не замечают на фоне соседей.
Слепые зоны и ложные якоря: как их находит камера, а не глаз редактора
Слепая зона — участок макета, куда взгляд не попадает вообще или попадает случайно, без фиксации. Обычно это нижние углы упаковки, мелкий текст рядом с крупным изображением, элементы, повторяющие цвет фона. Найти их на глаз почти невозможно: дизайнер сам знает, где расположил ключевое сообщение, и подсознательно «видит» его, даже когда реальный покупатель — нет.
Ложный якорь — противоположная проблема: элемент, который перетягивает внимание, но не несёт нужной информации. Классика — история Tropicana. Редизайн Tropicana привёл к значительному снижению продаж — по разным оценкам, убыток составил от $27 до $33 млн. Основная проблема заключалась в том, что покупатели перестали узнавать бренд на полке из-за отказа от узнаваемого логотипа со соломинкой в апельсине.
Выявляются оба эффекта одинаково: строится тепловая карта и сравнивается с иерархией сообщений, которую задумал маркетолог. Если «горячее пятно» не совпадает с тем, что должно продавать товар — перед вами либо слепая зона (важное не заметили), либо ложный якорь (неважное забрало внимание).
Лаборатория и настоящая полка — два разных мира
Лабораторный тест с моделированием полки даёт чистые цифры, но не воссоздаёт реальный магазин полностью: там нет усталости после рабочего дня, нет очереди у кассы, нет ребёнка, который тянет за рукав. Поэтому результаты лабораторного eye-tracking стоит читать как верхнюю границу возможностей упаковки, а не как гарантию поведения на полке.
Разница особенно заметна в цифрах категории: покупатель тратит на всю категорию товаров около 15 секунд и замечает менее 40% выставленных продуктов, а рекламные материалы удерживают его внимание меньше двух секунд. В лаборатории же участник обычно смотрит на стимул дольше и внимательнее, чем в реальном магазине — просто потому, что знает, что участвует в исследовании. Вывод простой: лаба хороша для сравнения вариантов дизайна между собой, но абсолютные цифры «в реальном мире будет хуже» нужно закладывать сразу.
Какое оборудование выбрать: сравнение подходов
Дорогие носимые очки — не единственный вариант, и для многих задач они избыточны.
| Тип трекинга | Точность | Стоимость | Когда подходит |
|---|---|---|---|
| Веб-камера (онлайн-платформы) | Средняя, но достаточная для сравнения макетов | Низкая, есть бесплатные пробные версии | Ранние тесты концептов, быстрое А/Б сравнение вариантов упаковки |
| Удалённый стационарный трекер | Высокая | Средняя-высокая | Финальная проверка перед печатью, точные метрики TFF и Fixation Duration |
| Носимые очки-трекеры | Максимальная, движение в реальном пространстве | Высокая | Исследование поведения прямо в магазине, у реальной полки |
Базовое тестирование без дорогого оборудования вполне реально: сервисы на основе веб-камеры (их предлагают несколько зарубежных и российских платформ) дают тепловую карту и TFF за счёт обычной камеры ноутбука респондента. Точность ниже, чем у стационарного трекера, но для отсева трёх слабых вариантов дизайна из пяти этого достаточно — не нужно тратить бюджет на лабораторию, чтобы понять, что логотип не видят вообще.
На каком этапе разработки тестировать
Частая ошибка — тестировать только финальный макет перед печатью, когда исправить что-то серьёзное уже почти невозможно без потери сроков.
- Концепт — проверяются 3-5 черновых вариантов композиции на предмет того, куда падает первый взгляд. Здесь достаточно веб-камерного трекинга, цель — отсеять слабые направления.
- Дизайн — тестируется финализированный макет со всеми элементами: шрифтами, цветом, фото продукта. Здесь уже нужна точность стационарного трекера и полноценная тепловая карта.
- Редизайн — обязательно сравнение старой и новой версии на одной выборке респондентов, а не просто оценка нового макета изолированно. Именно отсутствие такого сравнения погубило Tropicana — редизайн тестировали как самостоятельный продукт, а не против прежней упаковки, которую уже узнавали покупатели.
Почему периферийное зрение решает судьбу товара на полке
Фокусное зрение видит детально, но узко — буквально пару сантиметров в глубину полки. Периферийное зрение работает иначе: оно сканирует широкое поле и решает, куда вообще стоит направить взгляд для детального рассмотрения. Именно периферия отвечает на вопрос «замечу ли я товар среди двадцати соседей», а не фокус.
Отсюда практическое правило: крупные цветовые пятна, контраст силуэта упаковки и общий «блик» на полке работают на уровне периферийного зрения и должны считываться за 500-700 миллисекунд — это и есть бюджет первичного решения о товаре. Дальше у покупателя есть ещё 2-6 секунд, чтобы фокусным зрением рассмотреть детали и принять решение о покупке. Итого весь бюджет упаковки — 3-7 секунд, и большая часть из них тратится на периферийную, а не детальную оценку.
Практический вывод для дизайна: если упаковка «красивая вблизи», но не имеет узнаваемого силуэта или цветового блока, различимого периферией — она проиграет борьбу за внимание ещё до того, как покупатель успеет её рассмотреть.
Как превратить отчёт в конкретные правки макета
Цифры сами по себе ничего не меняют — меняют решения, принятые на их основе. Вот на что стоит смотреть при интерпретации отчёта:
- Если TFF на логотип выше 1 секунды — увеличивайте контраст логотипа с фоном или его размер, конкуренты с TFF около 0,9-1 сек уже забирают внимание быстрее.
- Если Fixation Duration на ключевое сообщение ниже среднего по макету — это слепая зона: элемент либо слишком мелкий, либо стоит рядом с более сильным визуальным «магнитом», который забирает внимание раньше.
- Если тепловая карта показывает «горячее пятно» на декоративном элементе, который не должен продавать товар — это ложный якорь. Решение не «добавить», а убрать или уменьшить конкурирующий элемент, а не пытаться перекричать его ещё более крупным логотипом.
- Если scanpath показывает, что текст или иллюстрация считываются раньше логотипа — перестройте композицию так, чтобы взгляд физически не мог миновать бренд-блок первым: это вопрос расположения, а не размера
Что означают метрики eye-tracking для дизайнера, а не для аналитика
Отчёт по айтрекингу пугает обилием терминов, но дизайнеру нужны на самом деле три показателя, а остальное — детали для презентации инвесторам.
| Метрика | Что измеряет | Что это значит для упаковки |
|---|---|---|
| Time to First Fixation (TFF) | Через сколько секунд взгляд впервые попал на элемент | Чем меньше — тем заметнее элемент на полке. Разница в 0,66 сек уже даёт 30-40% преимущества перед конкурентом |
| Fixation Duration | Сколько суммарно взгляд задержался на объекте | Показывает, «зацепил» ли элемент внимание или взгляд просто скользнул мимо |
| Heatmap (тепловая карта) | Распределение всех фиксаций по макету | Наглядно показывает, что реально смотрят, а что — просто нарисовано дизайнером «для красоты» |
| Порядок фиксаций (Scanpath) | Последовательность, в которой взгляд перемещается по объектам | Мозг считывает упаковку в фиксированном порядке: сначала логотип, потом изображение, потом текст. Если текст увидели раньше логотипа — макет работает против бренда |
Показательный пример — тест геотекстиля: новая упаковка получила всего 0,43 сек фиксации из 10-секундного окна (4,31%), а упаковка конкурента — 1,15 сек (11,53%). Разница выглядит как доли секунды, но на полке это означает, что товар почти не замечают на фоне соседей.
Слепые зоны и ложные якоря: как их находит камера, а не глаз редактора
Слепая зона — участок макета, куда взгляд не попадает вообще или попадает случайно, без фиксации. Обычно это нижние углы упаковки, мелкий текст рядом с крупным изображением, элементы, повторяющие цвет фона. Найти их на глаз почти невозможно: дизайнер сам знает, где расположил ключевое сообщение, и подсознательно «видит» его, даже когда реальный покупатель — нет.
Ложный якорь — противоположная проблема: элемент, который перетягивает внимание, но не несёт нужной информации. Классика — история Tropicana. Редизайн Tropicana привёл к значительному снижению продаж — по разным оценкам, убыток составил от $27 до $33 млн. Основная проблема заключалась в том, что покупатели перестали узнавать бренд на полке из-за отказа от узнаваемого логотипа со соломинкой в апельсине.
Выявляются оба эффекта одинаково: строится тепловая карта и сравнивается с иерархией сообщений, которую задумал маркетолог. Если «горячее пятно» не совпадает с тем, что должно продавать товар — перед вами либо слепая зона (важное не заметили), либо ложный якорь (неважное забрало внимание).
Лаборатория и настоящая полка — два разных мира
Лабораторный тест с моделированием полки даёт чистые цифры, но не воссоздаёт реальный магазин полностью: там нет усталости после рабочего дня, нет очереди у кассы, нет ребёнка, который тянет за рукав. Поэтому результаты лабораторного eye-tracking стоит читать как верхнюю границу возможностей упаковки, а не как гарантию поведения на полке.
Разница особенно заметна в цифрах категории: покупатель тратит на всю категорию товаров около 15 секунд и замечает менее 40% выставленных продуктов, а рекламные материалы удерживают его внимание меньше двух секунд. В лаборатории же участник обычно смотрит на стимул дольше и внимательнее, чем в реальном магазине — просто потому, что знает, что участвует в исследовании. Вывод простой: лаба хороша для сравнения вариантов дизайна между собой, но абсолютные цифры «в реальном мире будет хуже» нужно закладывать сразу.
Какое оборудование выбрать: сравнение подходов
Дорогие носимые очки — не единственный вариант, и для многих задач они избыточны.
| Тип трекинга | Точность | Стоимость | Когда подходит |
|---|---|---|---|
| Веб-камера (онлайн-платформы) | Средняя, но достаточная для сравнения макетов | Низкая, есть бесплатные пробные версии | Ранние тесты концептов, быстрое А/Б сравнение вариантов упаковки |
| Удалённый стационарный трекер | Высокая | Средняя-высокая | Финальная проверка перед печатью, точные метрики TFF и Fixation Duration |
| Носимые очки-трекеры | Максимальная, движение в реальном пространстве | Высокая | Исследование поведения прямо в магазине, у реальной полки |
Базовое тестирование без дорогого оборудования вполне реально: сервисы на основе веб-камеры (их предлагают несколько зарубежных и российских платформ) дают тепловую карту и TFF за счёт обычной камеры ноутбука респондента. Точность ниже, чем у стационарного трекера, но для отсева трёх слабых вариантов дизайна из пяти этого достаточно — не нужно тратить бюджет на лабораторию, чтобы понять, что логотип не видят вообще.
На каком этапе разработки тестировать
Частая ошибка — тестировать только финальный макет перед печатью, когда исправить что-то серьёзное уже почти невозможно без потери сроков.
- Концепт — проверяются 3-5 черновых вариантов композиции на предмет того, куда падает первый взгляд. Здесь достаточно веб-камерного трекинга, цель — отсеять слабые направления.
- Дизайн — тестируется финализированный макет со всеми элементами: шрифтами, цветом, фото продукта. Здесь уже нужна точность стационарного трекера и полноценная тепловая карта.
- Редизайн — обязательно сравнение старой и новой версии на одной выборке респондентов, а не просто оценка нового макета изолированно. Именно отсутствие такого сравнения погубило Tropicana — редизайн тестировали как самостоятельный продукт, а не против прежней упаковки, которую уже узнавали покупатели.
Почему периферийное зрение решает судьбу товара на полке
Фокусное зрение видит детально, но узко — буквально пару сантиметров в глубину полки. Периферийное зрение работает иначе: оно сканирует широкое поле и решает, куда вообще стоит направить взгляд для детального рассмотрения. Именно периферия отвечает на вопрос «замечу ли я товар среди двадцати соседей», а не фокус.
Отсюда практическое правило: крупные цветовые пятна, контраст силуэта упаковки и общий «блик» на полке работают на уровне периферийного зрения и должны считываться за 500-700 миллисекунд — это и есть бюджет первичного решения о товаре. Дальше у покупателя есть ещё 2-6 секунд, чтобы фокусным зрением рассмотреть детали и принять решение о покупке. Итого весь бюджет упаковки — 3-7 секунд, и большая часть из них тратится на периферийную, а не детальную оценку.
Практический вывод для дизайна: если упаковка «красивая вблизи», но не имеет узнаваемого силуэта или цветового блока, различимого периферией — она проиграет борьбу за внимание ещё до того, как покупатель успеет её рассмотреть.
Как превратить отчёт в конкретные правки макета
Цифры сами по себе ничего не меняют — меняют решения, принятые на их основе. Вот на что стоит смотреть при интерпретации отчёта:
- Если TFF на логотип выше 1 секунды — увеличивайте контраст логотипа с фоном или его размер, конкуренты с TFF около 0,9-1 сек уже забирают внимание быстрее.
- Если Fixation Duration на ключевое сообщение ниже среднего по макету — это слепая зона: элемент либо слишком мелкий, либо стоит рядом с более сильным визуальным «магнитом», который забирает внимание раньше.
- Если тепловая карта показывает «горячее пятно» на декоративном элементе, который не должен продавать товар — это ложный якорь. Решение не «добавить», а убрать или уменьшить конкурирующий элемент, а не пытаться перекричать его ещё более крупным логотипом.
- Если scanpath показывает, что текст или иллюстрация считываются раньше логотипа — перестройте композицию так, чтобы взгляд физически не мог миновать бренд-блок первым: это вопрос расположения, а не размера
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
