×
Россия +7 (495) 139-20-33

Действительно ли ваш call-to-action призывает к действию?

Россия +7 (495) 139-20-33
Шрифт:
0 9973

На выбор дизайна кнопок призыва к действию может повлиять множество факторов. Но это именно та функция, которая только выиграет от обширного тестирования и настройки.

Эффективный призыв к действию не должен оставлять у читателя никаких сомнений в том, что делать дальше. Он точно должен добавить элемент в корзину, оформить покупку и т. д.

Для достижения этой цели нужно привлечь внимание пользователя, и айтрекинг отлично подходит для измерения эффективности различных вариантов призыва к действию.

Люк Хэй, Research and UX Director в No Pork Pies, предлагает несколько полезных тестов кнопок призыва к действию.

Тесты

Люк использовал айтрекинг-тесты, чтобы посмотреть, какое влияние различный дизайн и размещение кнопок призыва к действию оказывают на пользователей.

Исследование охватило 62 участников. Его суть состояла в определении области сосредоточения наибольшего внимания на каждой странице с помощью айтрекинга.

В ходе эксперимента сравнивалась реакция пользователей на изначальный вариант страницы и страницу с немного измененным дизайном.

Изменение расположения кнопки призыва к действию

В первом тесте Люк взял страницу с сайта PC World и изменил расположение главной кнопки призыва к действию.

Изначально кнопка располагалась в правом верхнем углу. Задача теста — определить, повлияет ли как-то на поведение пользователей перемещение кнопки ближе к подробной информации о продукте.

eyetracking1-screen-blog-full.jpg

Результаты

По словам Люка:

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

Eyetracking1---Results.jpg

Модели, смотрящие на кнопку призыва к действию

Предыдущие исследования показали, что люди часто следуют за взглядом человека на фото.

Будет ли это работать, если модель на фотографии будет смотреть на кнопку призыва к действию?

Eyetracking2-screen.jpg

Результаты

Кнопка «Добавить в корзину» в этому случае действительно получила больше внимания, хотя это не так ярко выражено, как можно было ожидать.

Одной из причин может быть то, что лицо на фотографии было показано не крупным планом, и, следовательно, глаза не так выделялись. Однако полученный результат показывает, что незначительные изменения могут привести в серьезным различиям в результатах.

Eyetracking2-Results.jpg

Использование стрелок, указывающих на призыв к действию

Использование стрелок в своих проектах может быть хорошим способом влияния на пользователей, так, Люк проверил эту теорию на сайте Crazy Egg, сравнив дизайн страницы со стрелкой и дизайн без нее.

Eyetracking3--screen.jpg

Результаты

Полученные результаты свидетельствуют о том, что наличие стрелки существенно меняет дело. Версия сайта со стрелкой получила большую активность в районе таблицы ценообразования, в то время как на странице без стрелки все внимание пользователей сосредотачивалось выше.

Кроме того, опция выделенная черным и красным, привлекла наибольшее внимание.

Eyetracking3-Results.jpg

Плоская кнопка призыва к действию против скевоморфной

В своем последнем тесте Люк посмотрел на разницу воздействия плоской и объемной кнопки призыва к действию.

Привлечет ли версия, похожая на настоящую кнопку, больше внимания? Или люди уже слишком привыкли к плоским объектам?

Eyetracking4-Screen.jpg

Результаты

Люк:

Не было практически никакой разницы между двумя конструкциями. Этот тест довольно неубедителен, возможно, это связано с тем, что в каждом случае для привлечения внимания было слишком мало контента. Чтобы получить более полное представление о влиянии плоской конструкции, мы должны будем запустить несколько тестов на разных дизайнах с плоскими и скевоморфными кнопками.

Этот тест — еще один серьезный соперник для А/В-тестирования. Хотя показатель конверсии имеет мало отношения к тому, где пользователи находятся на странице, и больше связан с тем, насколько успешно они идентифицировали призыв к действию.

Eyetracking4-Results.jpg

Итоги

В большинстве случаев тесты подтвердили гипотезы и показали, что небольшие изменения дизайна действительно могут серьезно повлиять на взаимодействие пользователя со страницей.

Хотя есть несколько оговорок. Во-первых, эти тесты сами по себе не обязательно говорят нам о том, какой вариант дизайна является лучшим.

Эти данные могут интерпретироваться по-разному: ведь то, что ваши пользователи сосредоточились на кнопке призыва к действию, вовсе не означает, что они совершат покупку.

Но проведенные исследования точно дают полезную информацию о том, что привлекает пользователя в каждом варианте дизайна.

А во-вторых, айтрекинг непременно должен быть использован с другими UX-методами для получения более полной картины.


(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Ссылочный апдейт Google: что изменится для SEO-специалистов в рунете
Тимур
6
комментариев
0
читателей
Полный профиль
Тимур - Понял, спасибо за информацию.
Как продвинуть сайт по коммерческим запросам в ТОП-10 с помощью ресурса Reddit
Roman Saev
7
комментариев
0
читателей
Полный профиль
Roman Saev - Мне удалось за последнее время неплохо продвинуть свой сайт и трафик набрать. Использовал реддит площадку, а так же сервис zenlink.ru для создания ссылочной массы. Как итог, удалось привлечь целевых посетителей и значительно поднять конверсию моего ресурса.
3 основные ошибки, которые допускают владельцы сайтов при продвижении
Виктор Гаврюков
31
комментарий
1
читатель
Полный профиль
Виктор Гаврюков - Не обращай внимания_) Если у тебя хороший ресурс, то ты будешь первоисточником, и все кто своровал, автоматически начнут на тебя ссылаться, точнее, так гугл будет считать_)
Зарабатываем с помощью текстов: как создать уникальный контент и монетизировать сайт
Максим Зубарев
1
комментарий
0
читателей
Полный профиль
Максим Зубарев - Просто каждый должен заниматься своим делом и о нем и писать ))) сапа хороша в ссылках, вот о линкбилдинге их материалы заходят хорошо. Сапа не пишет статьи ))) Поэтому ничего удивительного
Тильда для SEO-продвижения и бизнеса: плюсы и минусы конструктора сайтов
Сергей Садовничий
2
комментария
0
читателей
Полный профиль
Сергей Садовничий - Есть страницы где 79 для мобайла / 97 для десктопа без вообще каких либо заморочек. Есть страницы на Тильда у которых показатели для мобайла 60 - и эти страницы находятся в ТОП 1-3 по всем интересующим ключам. С показателями по скорости 60 Google Search Console заявляет, что страница оптимизирована для мобильных устройств и является удобной для пользователей. Рекомендую в первую очередь делать акцент на контенте, качестве внутренней оптимизации, наличии коммерческих факторов (если это не инфо страница) и над ссылочным а уж потом пытаться подтягивать показатели по PageSpeed Insights. Но как правило страницы выходят в ТОП и необходимости добиться PageSpeed Insights за 80 нет!
Сравнительная статистика уровня жизни SEO-специалистов в семи странах, включая Россию
Рустам
1
комментарий
0
читателей
Полный профиль
Рустам - Средняя температура по больнице, подсчет даже близко не отображает действительность, особенно учитывая разность цен и уровня зп в разных частях больших стран (США, Канада, Россия)
Скучное, но эффективное SEO: 3 кита успешной поисковой оптимизации
Bquadro
2
комментария
0
читателей
Полный профиль
Bquadro - Не совсем так) Совет про техническую оптимизацию и структуру сайта равноценен как для коммерческого сайта, так и для информационного. Эти два правила универсальны и влияют на ранжирование в поиске вне зависимости от типа ресурса.
Как оптимизировать картинки для SEO-продвижения: чек-лист
Алексей Махметхажиев
6
комментариев
0
читателей
Полный профиль
Алексей Махметхажиев - Надо упомянуть про ленивую загрузку lazy load, что её можно сделать с вредом для картинок и их индексации и можно сделать всё правильно. Есть отложка вредная.)
Рост ботных переходов на сайт: как интерпретировать и что делать
Mike
6
комментариев
0
читателей
Полный профиль
Mike - как это проверить? что товары выводится именно на основе спроса, а не по заданным алгоритмам?
Как доработка структуры вывела сайт в ТОП-10 Google и увеличила трафик в 2 раза. Кейс Связной Трэвел
Дмитрий
3
комментария
0
читателей
Полный профиль
Дмитрий - Вероятнее всего было обновление Google и позиции были снижены в связи с низкой скоростью загрузки страниц (так как доработке ведутся не только по SEO, но и в целом по функционалу сайта, появляются новые скрипты). В этот период в Google Search Console увеличилось количество страниц с низкой скоростью загрузки. Мы выявили несколько проблем, которые снижают скорость загрузки страниц и выдали рекомендации по их устранению. Пока данные рекомендации находятся в работе. Также был проведен анализ EAT факторов и проверка сайта на соответствие требованиям Google к YMYL сайта, выданы рекомендации по доработке данных факторов (ждем внедрения наших рекомендаций, поделимся потом результатами).
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
385
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
114
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
94
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
62
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!