Т-БАНК / T-PAY

Что показывают тепловые карты

Т-БАНК / T-PAY · T1 / T2

Что показывают
тепловые
карты.

Два ролика T-Pay: разбор ключевых сцен и идеи для доработки.

25 + 25
Две группы респондентов
Мужчины и женщины · 18–35 лет
T1-14 · Финал роликаТепловая карта
T1-14: тепловая карта финального кадра
Крупный текст68%площади пятен
на основном тексте
35

тепловых карт и 35 видеофрагментов.
Метрика — доля площади тепловых пятен.

Исследование T-Pay · Тепловые карты T1 / T2 · 50 респондентов.
01 · Главное

Что доработать в первую очередь

Телефон, герои и финальный текст — три темы для следующего теста.

01
Показать саму оплату

На телефон приходится большая часть пятен. Кнопку оплаты стоит оценить отдельно: это не весь экран.

Все проценты в разборе — доля площади тепловых пятен на элементах кадра.
02 · Данные

Что мы проанализировали

35 тепловых карт и 35 коротких видеофрагментов из двух архивов.

Выборка исследования
50

респондентов

25на креатив T1
25на креатив T2

Мужчины и женщины
18–35 лет

15 + 20

Тепловых карт

T1: PNG · T2: JPEG
Исходные экспорты: 1920 × 1080

35

Видеофрагментов

25 кадров/с
По 1,00–1,04 с каждый

984 × 554

Область кадра

В пикселях;
без интерфейса сайта

Размер и расположение тепловых пятен

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

T1 · 15,08 сT2 · 20,12 сДлительность сборок по видеофрагментам
50 участников · по 25 на каждый креатив · мужчины и женщины 18–35 лет.
03 · Как считали

Как получились проценты

Сравниваем обычный кадр с тепловой картой и выделяем цветные пятна.

T1-14 · Пример расчётаСравнение
T1-14: кадр без тепловой карты
T1-14: исходная тепловая карта
Бинарная маска тепловых пятен T1-14↔
КадрКарта

Потяните разделитель или передвиньте ползунок.

Все выделенные пятна учитываются одинаково. Доли рассчитываются по площади маски.
04 · Обзор

T1 — графика. T2 — история с героями.

Средняя доля площади пятен по всем картам каждого ролика. Каждая карта учтена один раз.

T1 · 15 картT2 · 20 карт
Доля площади пятен0%20%40%
Средняя доля площади пятен по всем картам. При отсутствии элемента в кадре его доля равна 0.
05 · T1 / 15 карт

T1: от первого кадра до финала

Выберите миниатюру: крупная карта и расчёт по её элементам обновятся вместе.

T1-01
Тепловая карта
15 тепловых карт T1 · порядок соответствует нумерации файлов.
06 · T1 / Оплата

Телефон крупно. А что с кнопкой?

Кадр T1-7: сравниваем весь телефон и кнопку T-Pay внутри него.

T1-7 · Экран оплатыКнопка внутри телефона
T1-7 · Телефон и кнопка оплаты
Телефон · 89,5%В том числе кнопка · 12,1%
12% на кнопке уже входят в 90% на телефоне. Кнопка — вложенная зона.
07 · T1 / Касса

У кассы: сблизить текст и оплату

T1-8–10: доля телефона почти не меняется, а доля текста меняется заметно.

Тепловая карта
Тепловая карта
T1-8–10 · доля телефона — 36–37% площади пятен; доля текста — 10–37%.
08 · T1 / Приз и условия

Приз и условия стоит показать вместе

В сценах с автомобилем пятна в основном на машине, в финале — на крупном тексте.

Тепловая карта
Тепловая карта
Гипотеза для теста: объяснить условия участия уже в сцене с автомобилем.
09 · T2 / Карты 01–10

T2: сначала знакомимся с героями

Первая часть — семья, покупки и телефон в повседневных ситуациях.

T2-03
Тепловая карта
Сюжет показывает, где пригодится T-Pay. Саму оплату стоит дополнительно показать крупным планом.
10 · T2 / Карты 11–20

T2: оплата и условия акции

Крупные планы оплаты — T2-12, 13 и 16. Сообщение об акции — T2-18–20.

T2-12
Тепловая карта
Телефон и кнопка T-Pay рассматриваются отдельно; кнопка входит в зону телефона.
11 · T2 / Герои и телефон

В домашних сценах выделяются герои

В среднем по T2-7–11: на области голов приходится 43% площади пятен, на телефон — 2%.

Тепловая карта
Тепловая карта
Зона «Головы героев» включает волосы и часть окружающего фона.
12 · T2 / Оплата

Крупный план. Кнопку считаем отдельно.

T2-12, 13 и 16: на телефон приходится больше площади пятен, чем в домашних сценах.

Тепловая карта
Тепловая карта
В T2-12 на кнопку T-Pay приходится около 14% площади тепловых пятен.
13 · T2 / Финал

Финальный призыв выделяется на картах

В T2-18–20 на крупный текст в жёлтой плашке приходится 36–45% площади пятен.

Тепловая карта
Тепловая карта
На крупный текст в финале T2 приходится 36–45% площади пятен. Доли округлены.
14 · Бренд

Бренд — не только логотип в углу

Наличие отдельного логотипа в кадрах T1 и T2 и другие элементы брендинга внутри сцен.

T1 · Графика
5 / 15

кадров с логотипом в углу

Логотип внутри телефона
здесь не учитываем.

T2 · Герои
4 / 20

кадра с логотипом в углу

Силуэт во вступлении
сюда не включаем.

Отдельная категория

Знак Т-Банка слева сверху

В этой категории посчитан отдельный логотип в углу кадра. Надписи T-Pay внутри сцен рассматриваются отдельно.

ЛоготипНадпись T-PayКнопка оплаты
Подсчитаны кадры с отдельным логотипом Т-Банка в углу.
15 · Проверка расчётов

Насколько расчёты зависят от границ

Проверили разные способы выделения пятен и сдвинули границы элементов на 15 пикселей.

Среднее по всем картам
ДиапазонИсходно
0%10%20%30%40%
Диапазоны отражают изменение расчёта при настройке выделения пятен и границ зон.
16 · Доработка

Что попробовать в следующей версии

Три изменения для следующего теста: условия рядом с призом, крупный план оплаты и проверка понимания.

T1 · Приз и условияГипотеза для теста
T1: сцена с автомобилем
Что попробовать

«Плати T-Pay — участвуй в розыгрыше»

Добавить сообщение в сцену с автомобилем. Не откладывать это объяснение до финала.

Рекомендации для следующего теста: связать оплату, приз и условия участия.
17 · Видео

Посмотреть карты в движении

Два видео встроены в документ. Нажмите воспроизведение на нужном ролике.

T1 · Графика15 фрагментов · 15,08 с
Сборка по порядку файловБез звука
T2 · Герои20 фрагментов · 20,12 с
Движение маркеров сохраненоБез звука
Движение маркеров в сценах

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

При переходе на другой слайд воспроизведение автоматически останавливается.
18 · Приложение / T1

T1: расчёты по каждой карте

Исходная таблица презентации. Все 15 карт доступны на двух страницах.

T1 · 15 карт
Нажмите заголовок для сортировки, строку — для просмотра карты.
Доли площади пятен, %. Табличные значения сохранены в исходном округлении.
19 · Приложение / T2

T2: расчёты по каждой карте

Исходная таблица презентации. Все 20 карт доступны на двух страницах.

T2 · 20 карт
Нажмите заголовок для сортировки, строку — для просмотра карты.
Доли площади пятен, %. Зона «Головы» включает волосы и часть окружающего фона.
20 · Приложение / Разметка

Как проверить расчёты

Пример T2-12: телефон, мелкий текст и маркировка выделены в отдельные зоны.

T2-12 · Разметка элементовИз исходной PPTX
T2-12 · Исходная разметка зон: телефон, мелкий текст, маркировка

Изображение можно открыть крупнее. Границы сохранены из презентации.

Навигация

Все слайды
Карта из презентации

Увеличенное изображение

Тепловая карта. Проценты показывают долю площади пятен.
Обзор карт
Материалы исследования

Источник данных

TBank_Eyetracking_T1_T2_Respondents_And_Landing_Base.pptx

Изображения, видео и числовые показатели перенесены из презентации Т-Банка / T-Pay. Номер ниже соответствует слайду исходного PPTX.

Метрика исследования

Проценты показывают долю площади тепловых пятен на элементе кадра. Кнопка оплаты — вложенная зона телефона.

Числа и округление сохранены из исходных таблиц и слайдов. Диапазоны показывают изменение расчёта при настройке разметки.