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

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

Россия +7 (495) 139-20-33
Шрифт:
0 10838
Подпишитесь на нас в Telegram

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

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

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

Люк Хэй, 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-методами для получения более полной картины.


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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
Простые SEO-работы, которые могут увеличить прибыль компании. Часть 1
roma.lisov
1
комментарий
0
читателей
Полный профиль
roma.lisov - Воспользовался советом по проверке и настройке картинок на сайте – реально дельный совет. Вот вроде и просто, казалось бы, а мне в голову раньше не пришло. А такие нюансы, конечно, нужно знать)
Как мы увеличили поисковый трафик на 30% с помощью ChatGPT
Светлана Светлана
23
комментария
0
читателей
Полный профиль
Светлана Светлана - Я сама работаю в маркетинге и недавно решила еще дополнительно пройти курсы по интернет маркетингу astobr.com/services/povyshenie-kvalifikatsii/menedzhment-upravlenie/internet-marketing/ , как по мне эти знания которые я получила, очень помогают мне в работе
Простые SEO-работы, которые могут увеличить прибыль компании. Часть 2
dayitrix
1
комментарий
0
читателей
Полный профиль
dayitrix - Ну да, для начала важно хотя бы необходимый минимум работ провести, настроить все как положено. А уже потом в более далекие дебри SEO-оптимизации лезть. А то многие ни с того начинают и потом удивляются, почему результата нет.
Яндекс встроил нейросети в свой Браузер
RasDva
12
комментариев
0
читателей
Полный профиль
RasDva - О дааааа)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

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