Тепловая карта

Картинка, на которой цветом показано, куда люди чаще смотрят или нажимают: красное — часто, синее — редко. Так видно, что на странице замечают, а что пропускают. Помогает найти главное: если важная кнопка в «синей» зоне, её просто не видят.

Как это выглядит: страница с тепловой картой: 🔥 заголовок и фото — сюда смотрят все 🔵 кнопка внизу — почти никто — кнопку переносят туда, где взгляд уже есть

Не путать: Тепловая карта — не «карта температуры» и не точный ответ на вопрос «почему». Она показывает, где, но не объясняет, зачем: может быть, кнопку не видят, а может — не понимают. И клики не то же самое, что взгляд: по кликам видно, куда попали, а по движению глаз — куда смотрели. Для второго нужна отдельная запись с камерой.

Откуда слово: От английского heat — «жара, тепло» и map — «карта». Приём пришёл из науки: на карте погоды цветом показывали температуру — красным тёплые области, синим холодные. В аналитике интерфейсов смысл перенесли буквально: «горячие» места — те, где чаще бывают люди.

Где это проходят: урок 11.1 «Пять вопросов к любому экрану» · Интерфейсы и сайты с нуля

Связанные слова

Ещё слова раздела «Интерфейсы и браузер»

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.

Что ещё есть на сайте

Учиться: Уроки · Программирование с нуля · Интерфейсы и сайты с нуля · Компьютер без страха · Если уже случилось · Какой компьютер нужен · Без кода: ставить задачу · Конструктор описания задачи

С чего начать: Гайды: с чего начать · Тест «с какого урока начать» · Профессии и языки

Потренироваться: Практикум: задачи из жизни · Игры-тренажёры · Симулятор: от задания до сдачи · Мастерская экрана · Колесо фортуны

Словари и юмор: Словарь программиста · Словарь руководителя · Корявые задачи

Сайт, оплата и помощь: Родителям · Инструкция пользователя · Сообщество · Подписка · Помощь и поддержка · Отзывы учеников · Профиль и пароль