7 уроков от Eye-Tracking

Далеко не все элементы сайта повышают эффективность и информативность вашего послания пользователю. А некоторые элементы и вовсе могут отвлекать и раздражать. Как же узнать, что на странице лишнее и неэффективное? Действовать методом проб и ошибок – плохой вариант. Чреват он потерей клиентов и прямым убыткам. Тогда какой выход? Применить технологию Eye-tracking.

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

1. Не все то золото, что блестит

Исходный дизайн
Тепловая карта визуального внимания пользователей
Аналитики компании TechWyse, тестируя страницу сайта, выявили следующий существенный недостаток: все внимание пользователей постоянно было поглощено неактивной кнопкой «Без комиссии». Ситуация оказалась парадоксальной, элемент не несущий ключевого смысла, был самим броским на странице. Поэтому нет ничего удивительного в том, что пользователи не вняли призыву позвонить прямо сейчас. Естественно, это сказалось на отдаче сайта.
Новый дизайн, переработанный с учетом внимания пользователей
Тепловая карта нового дизайна
Поэтому, создавая страницу и подбирая ее элементы, всегда помните о главной цели. О том, что вы хотите донести до посетителя. На целевой странице не может быть несколько броских элементов. Точнее, быть то может, но человек это не поймет и не оценит. А все потому что вместо четкого указания, мы предлагаем клиенту самому выбрать какой из нескольких броских элементов важнее. Это очень неэффективно.

2. Используем человеческую лень

Встраивайте видео всегда
Человек так устроен, что он всегда стремится идти по пути наименьшего сопротивления. Прям как электрический ток. Так вот, если перед пользователем стоит выбор просмотр видео или чтение текста, он практически всегда выберет первое. Просто потому, что так легче воспринимать информацию. Этот факт в очередной раз подтвердили специалисты Moz.com. Если при выдаче поисковик выдает результат с видео- контентом, то пользователь предпочтет перейти по этой ссылке.
Вывод: если есть возможность встраивать видеоматериал на страницу, всегда это используйте.

3. Визуальные подсказки

Направление взгляда пермонажа
Представьте себе две фотографии. На первой малыш смотрит прямо на вас, а рядом с фото текст рекламной статьи. На второй его взгляд направлен на рекламную статью крема по уходу за кожей малыша. Как вы думаете какая из фотографий побудет прочитать текст? Безусловно, вторая. Так как, любой человек на подсознательном уровне смотрит в ту сторону которая вызвала интерес его собрата. Даже если он совсем маленький. Тестирование при помощи тепловых карт это подтвердило. По ним очень четко видно, как пользователь вначале смотрит на личико ребенка, а затем плавно переходит на ту часть страницы, которая вызвала интерес малыша.
Правильный заголовок
То же самое справедливо и других визуальных подсказок, в виде стрелок и т.п. Поэтому никогда не следует пренебрегать этим элементом. Главное следить за тем, чтобы подсказки указывали в верном направлении. То есть, выделяли самую важную часть вашего послания.

4. Не забывайте о способе чтения клиента

Читаем слева направо
Практически все народы, за исключением восточных (арабы, китайцы), пишут слева на право. Читают соответственно также. Исследования при помощи Eye-tracking это в очередной раз подтвердили. Поэтому, независимо от содержания вашего сайта всегда самую важную и ценную информацию размещайте в левой стороне страницы. Так как маршрут взгляда напоминает латинскую букву F. Берите пример с таких успешных проектов как Amazon, все самое ценное находится слева.
Практическое применение F-паттерна

5. Прокрутка страницы

По результатам исследования ContentVerve выяснилось, что если опустить призыв или форму заказа ниже первого экрана, то можно существенно увеличить конверсию (в данном случае на целых 304%).
Важность первого экрана преувеличена
Вывод: пользователи не боятся прокрутки. Человека мало просто побудить действовать. Если он не убедился, что, то что ему предложено удовлетворяет его поиски, призыв ни к чему не приведет. И информации на одном экране может не хватить. Поэтому отобразите в тексте все что вы хотите сказать. Дайте исчерпывающую информацию, чтобы у человека осталось как можно меньше сомнений и вопросов. Тогда он с гораздо большей вероятностью отреагирует на ваш призыв.
Прокрутка может увеличить конверсию сайта

6. Как составлять электронные письма

Особенность чтения электронной рассылки
Благодаря исследованию Nielsen Group, проведенному при помощи айтрекинга, стало известно какое количество времени тратит пользователь на чтение одного письма в электронном виде. Немного, чуть менее минуты (51 секунду, если быть точным).
Кроме того, данные полученные при исследовании MarketingSherpa, говорят о том, что:
  • при просмотре электронной почты, адресат большее внимание уделяет заголовку письма;
  • люди не в восторге от креативных заголовков;
  • заголовки должны быть простыми, легкими для понимания и информативными, для того чтобы человек быстро смог уловить суть.
Поэтому, если вы составляете письма и участвуете в рассылке, составляйте короткие послания. Написанные простым языком, четкие для понимания того, чего вы хотите и почему следует вас услышать. Для того, чтобы заинтересовать человека у вас не более минуты и то, только в том случае если ему понравился ваш заголовок.

7. Покажите разницу в цене

Указывайте цены до распродажи
Как и нас с вами, группу экспертов интересовал ряд вопросов:
  • Делая распродажу или скидку, следует ли указывать предыдущую цену на товар?
  • Способна ли разница в стоимости увеличить ценность товара в глазах покупателя?
Старые цены привлекают внимание
Тест был разделен на три этапа: указание только новой цены, расположение старого и нового ценника рядом и опрос покупателей. В первом случае поведение покупателей мало чем отличалось от обычной покупки. Во втором случае, сравнительный анализ цен существенно увеличил интерес покупателей к товару. А когда провели опрос, то выяснилось, что ценность товара в сознании покупателей выросла тогда, когда они имели возможность оценить разницу в стоимости.