Куда на самом деле смотрит пользователь на готовом сайте?

Мы постоянно дорабатываем сайт COSY SUNDAY, и мне стало интересно посмотреть на него со стороны. Я прогнала его через EyeQuant, чтобы проверить, куда падает внимание и совпадает ли это с нашей задумкой.

Инструмент рисует карту внимания: 🔴 красный: взгляд скорее всего остановится здесь 🟡 жёлтый: внимание среднее 🔵 синий: элемент легко пропустить

Плюс четыре показателя: Attention – что притягивает взгляд. Perception – что человек успевает заметить и считать с первого взгляда. Clarity – насколько понятен элемент, когда его уже заметили. Excitingness – вызывает ли элемент интерес и желание кликнуть.

Первый экран работает хорошо: Hero, фото товаров и Personal Stylist задают спокойное premium-ощущение. А вот дальше внимание рассеивается, и важные для e-commerce блоки Shop Men, Dress for Every Occasion и Experience COSY SUNDAY почти теряются.

Превращать luxury-сайт в набор ярких кнопок я не хочу. Задача в том, чтобы расставить визуальный вес: что пользователь должен увидеть, захотеть изучить и куда пойти дальше.

Самое полезное для меня: У некоторых элементов хорошая Clarity, но слабое Attention. Кнопка Shop Men может быть идеально понятной, но взгляд до неё просто не дойдёт. Теперь я сначала спрашиваю себя, увидят ли элемент вообще, и только потом, понятен ли он.

Что я буду исправлять в первую очередь: 1. Блоки, которые ведут к товарам. Shop Women / Shop Men, Dress for Every Occasion. Сначала попробую усилить заголовки, заменить фото, добавить воздуха вокруг CTA, сделать блоки очевиднее как интерактивные и проверить варианты через Compare в EyeQuant.

2. Personal Stylist. Его замечают, но он слабо цепляет (низкий Excitingness). Размер увеличивать не буду. Лучше сделать предложение желаннее: lifestyle-фото с живым моментом и более тёплый текст.

3. Ритм второй половины страницы. После сильного начала заголовки, карточки, фото и кнопки получают одинаковый вес. Хочу выстроить чередование: сильный блок, спокойный, сильный, CTA, спокойный.

Итог: Этот тест не про поиск ошибок. Он показал точки роста и помог взглянуть на знакомый интерфейс иначе. Сайт работает и приносит результат, но иногда полезно остановиться и спросить себя: мы правда управляем вниманием пользователя или какие-то элементы просто случайно оказались заметнее других?

Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru Куда на самом деле смотрит пользователь на готовом сайте? | Сетка — социальная сеть от hh.ru