Тепловая карта
Картинка, на которой цветом показано, куда люди чаще смотрят или нажимают: красное — часто, синее — редко. Так видно, что на странице замечают, а что пропускают. Помогает найти главное: если важная кнопка в «синей» зоне, её просто не видят.
Как это выглядит: страница с тепловой картой: 🔥 заголовок и фото — сюда смотрят все 🔵 кнопка внизу — почти никто — кнопку переносят туда, где взгляд уже есть
Не путать: Тепловая карта — не «карта температуры» и не точный ответ на вопрос «почему». Она показывает, где, но не объясняет, зачем: может быть, кнопку не видят, а может — не понимают. И клики не то же самое, что взгляд: по кликам видно, куда попали, а по движению глаз — куда смотрели. Для второго нужна отдельная запись с камерой.
Откуда слово: От английского heat — «жара, тепло» и map — «карта». Приём пришёл из науки: на карте погоды цветом показывали температуру — красным тёплые области, синим холодные. В аналитике интерфейсов смысл перенесли буквально: «горячие» места — те, где чаще бывают люди.
Где это проходят: урок 11.1 «Пять вопросов к любому экрану» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Насыщенность
- Сетка
- Отступ
- Аффорданс
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Длина строки
- Шкала размеров
- Брейкпоинт
- Юзабилити
- Скринридер
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- Плотность интерфейса
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.