4 мин

I.1.2. Кликабельность — это психология, а не удача

Суть за 30 секунд

Путь от показа до клика — не случайность, а цепочка: внимание → фиксация → оценка → действие. Главное фото работает как магнит независимо от размера, а вот чтобы покупатель заметил текст (скидку, свойство), его нужно делать физически крупным. Логотип не притягивает новое внимание — он лишь переносит взгляд на другие элементы.

Путь «показ → взгляд → клик»

Карточка в выдаче проходит три фильтра:

Предвнимание (pre-attention) — 200–300 мс: цвет, форма, контраст захватывают взгляд непроизвольно. Если элемент радикально отличается цветом или формой, он «выскакивает» сам (pop-out). Если плашек много и они схожи — мозг переходит в режим последовательного сканирования (Treisman, 1980).
Оценка — доли секунды: быстрое эстетическое суждение (I.1.1) и первоначальная оценка надёжности. В исследовании Fogg et al. (2003, 2684 участника) категория «design look» фигурировала в 46,1% комментариев при объяснении оценки credibility сайта.
Действие — клик, если первые два фильтра пройдены.

Законы захвата внимания

Классическое исследование Pieters & Wedel (2004, Journal of Marketing) установило фундаментальные законы для рекламы, переносимые на карточки:

Элемент	Захват внимания	Удержание
Фото/изображение	Не зависит от размера — магнит в любом размере	Пропорционально размеру
Текст	Пропорционален физической площади	Пропорционально площади
Логотип/бренд	Слабый самостоятельный захват	Эффективный ретранслятор — переносит внимание на другие элементы

Вывод для карточки: главное фото притянет взгляд всегда — а вот чтобы покупатель заметил скидку или ключевое свойство, текст нужно делать крупным. Увеличивать логотип в ущерб продукту бессмысленно.

Как сканируют выдачу

Паттерны просмотра зависят от устройства и качества дизайна:

F-паттерн (Nielsen, 2006) — характерен для плохого дизайна: когда текст не структурирован, мозг лениво цепляет только начала строк.
Layer-cake («слоёный пирог») — структурированное сканирование при хорошем дизайне.
Мобильная лента — центральный вертикальный скролл с точечными саккадами; F-паттерн здесь не работает.

Покупатель не читает вашу карточку — он её сканирует. Если текст выглядит как сплошная стена, мозг проскользнёт по нему и уйдёт к конкуренту с понятными списками.

Как на самом деле

❌«Чтобы люди читали, нужно ставить всё главное в форме буквы F».

✅F-паттерн — признак ПЛОХОГО дизайна и истощения внимания. По Нильсену, люди читают так, когда текст не структурирован.

❌«Чем больше логотип, тем больше внимания привлечёт товар».

✅Логотип не притягивает новое внимание, он лишь работает как «мост», переводя взгляд на другие элементы (Pieters & Wedel, 2004).

❌«Eye-tracking доказывает, что элемент X повышает продажи на Y%».

✅Eye-tracking измеряет внимание/взгляд. Для причинного эффекта на CTR или продажи нужен A/B-тест.

Читайте также: I.1.1·I.1.3·II.5.1·VI.1.1·VIII.3.2