Россия+7 (495) 960-65-87

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

Россия+7 (495) 960-65-87
Шрифт:
0 8920

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

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

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

Люк Хэй, 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 Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
    Askar Seitov
    1
    комментарий
    0
    читателей
    Полный профиль
    Askar Seitov - помогите! не могу понять почему по инструкции в вашей статье добавляю вычистяемые поля просто копирую ваш код, но датастудио выдает ошибку на этот код: Синтаксическая ошибка: Недопустимый входной символ. Убедитесь, что в формуле нет кавычек-лапок.. как это исправить? я все варианты кавычек уже попробовал
    #SEOnews14: мы празднуем – вы получаете подарки!
    Rizat Sundetov
    1
    комментарий
    0
    читателей
    Полный профиль
    Rizat Sundetov - 14
    Сайт на WordPress: за и против
    Мира Смурков
    1
    комментарий
    0
    читателей
    Полный профиль
    Мира Смурков - Людмила, я согласен с большинством комментаторов. Вы хоть один полноценный магазин сделали на этих движках? Woocommerce это система с супер возможностями. И к ней есть дополнительные модули, с функционалом, который вряд ли появиться на Битрикс. А самому это программировать - сотни тысяч рублей на разработку. А приведя в пример сложности с robots.txt и Sitemap вы ставите под вопрос вашу компетенцию в понимании Интернет-бизнеса и веб-разработки в целом. Во-первых это такие мелочи, а во-вторых это все делается на вордпресса за 2 минуты, и опять же с возможностями многократно превышающими Битрикс.
    Война с дубликатами. Как нужно и как не нужно канонизировать URL
    Дмитрий
    1
    комментарий
    0
    читателей
    Полный профиль
    Дмитрий - Здравствуйте, на сайте возможно несколькими путями дойти до почти одинаковой страницы, те отличаться будет только незначительная часть H1, а контент будет одинаковым, дело в применимости автозапчастей к разным автомобилям. Что из этого будет каноничной ссылкой и какие есть пути для решения подобных ситуаций? 1 - bpauto.ru/catalog/audi/audi-a6/a6-iv-c7-sedan-2011-2014/kuzov-naruzhnaya-chast/dveri-i-komplektuyushchie/dver-perednyaya-levaya/ 2 - bpauto.ru/catalog/audi/audi-a6/a6-iv-c7-rest-sedan-2014-n-v-/kuzov-naruzhnaya-chast/dveri-i-komplektuyushchie/dver-perednyaya-levaya/
    Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
    1qa
    1
    комментарий
    0
    читателей
    Полный профиль
    1qa - 87 Performance 95 Accessibility 79 Best Practices 95 SEO аудит точнее будет
    Как выбрать подрядчика для продвижения сайта: 7 уровней воронки поиска
    aashutosh
    1
    комментарий
    0
    читателей
    Полный профиль
    aashutosh - data science training institute in noida- Webtrackker Technology (8802820025) providing Data Science Training in Noida. Get ✓ 40 Hours Learning training✓ 70 Hrs Projects ✓ 24 X 7 Support ✓ Job Assistance. WEBTRACKKER TECHNOLOGY (P) LTD. C - 67, sector- 63, Noida, India. E-47 Sector 3, Noida, India. +91 - 8802820025 0120-433-0760 +91 - 8810252423 012 - 04204716 EMAIL:info@webtrackker.com webtrackker.com/Best-Data-Science-Training-Institute-in-Noida.php
    Как построить качественный ссылочный профиль на основе конкурентов
    Ирина
    5
    комментариев
    0
    читателей
    Полный профиль
    Ирина - Давно сотрудничаю с megaindex.com и считаю данный сервис одним из лучших в сео сегменте рунета да и не только рунета. Пользуюсь их инструментами для аналитики своих работ и выявлению своих и чужих ошибок. Да и ссылочный профиль, как и говорится в данной статье сделать гораздо проще и правильней при помощи как раз мегаиндекса. Добавлю еще что инструмент для поиска конкурентов у мегаиндекса очень удобный и простой в применении.
    Как я пытался купить CRM-систему, но мне ее поленились продать
    Ай Ти Веб
    6
    комментариев
    0
    читателей
    Полный профиль
    Ай Ти Веб - Берите CRM Битрикс24, будете отбиваться от звонков с предложениями - партнерская сеть ОГРОМНАЯ
    6 причин, почему нет позиций и трафика
    Артур Латыпов
    0
    комментариев
    0
    читателей
    Полный профиль
    Артур Латыпов - Леонид, да 3 пункта повторяется, согласен. Но сильно актуальны и сейчас, смотрим на сайты, приходящие на SEO, которые ранее продвигались, практически на всех можно что из 6 пунктов найти, исправить и ситуация улучшиться оперативно.
    Google назвал три главных SEO-фактора
    Павел Андрейчук
    44
    комментария
    0
    читателей
    Полный профиль
    Павел Андрейчук - Я бы не стал утверждать что это так. У меня есть ресурс где ссылок.. ну я не знаю, полтинник может быть, вручную проставленные года за 2 и позиции хорошие по могим запросам именно в гугле, в то время как в Яндексе позиции ниже. Хотя конечно с ссылками позиции были бы лучше, наверное, но владелец увы не выделяет бюджет на ссылки.
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    373
    Комментариев
    352
    Комментариев
    262
    Комментариев
    249
    Комментариев
    171
    Комментариев
    156
    Комментариев
    137
    Комментариев
    121
    Комментариев
    105
    Комментариев
    97
    Комментариев
    97
    Комментариев
    96
    Комментариев
    80
    Комментариев
    77
    Комментариев
    69
    Комментариев
    67
    Комментариев
    60
    Комментариев
    59
    Комментариев
    57
    Комментариев
    55

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