В случае если коэффициент преобразования вашего лендинга не радует, то, вероятнее, ему мешают так именуемые конверсионные трения (от англ. friction — трение). В соответствии с Marketing Experiments, это «психотерапевтическое сопротивление конкретному элементу при покупке либо регистрации», другими словами все, что злит потенциальных клиентов, и ведет к понижению конверсии.
Понятие конверсионного трения до сих пор горячо обсуждается, и маркетологи не дают ему единого определения. К примеру, Крис Говард (Chris Goward) уверен в том, что «термин “friction” с позиций оптимизации лишь сбивает с толку. Сложно сказать, что именно оно обозначает.
На мой взор, к трениям относят такие неприятности, как элементы, вызывающие тревогу, нечеткий посыл и отвлекающие от целевого действия факторы. Повысив уровень качества контента, сосредоточив внимание визитёров на конкретном действии и увеличив их доверие, возможно добиться больших удач».
Маркетолог Оли Гарднер (Oli Gardner) уверен в том, что «”friction” — это убийца конверсии, по причине того, что мешает пользователям завершить воздействие из-за непонятного месседжа, недочёта информации либо нехорошего оформления».
В целом, сущность ясна: в случае если ваш лендинг отталкивает визитёров, заставляет их сомневаться в ваших намерениях и у них исчезает желание с ним взаимодействовать, будьте уверены — вы имеете дело с конверсионным трением.
- 6 хладнокровных убийц конверсии лендинг пейдж
4 типа конверсионных трений
- Информация, которую вы предоставляете, недостаточна, непонятна либо приводит к сомнению.
- излишняя замысловатость и Сложность интерфейса.
- Время, требуемое для загрузки страницы либо совершения действия, через чур громадно.
- Визуальные элементы, такие как размер шрифта, место размещения видео, оформление фона, цвет кнопок также смогут мешать конверсии.
В ваших силах сократить влияние таких факторов, но сперва нужно распознать, что конкретно их вызывает. Выстроив догадку, вы имеете возможность проверить ее сплит-тестированием, и способом тепловых карт, дабы определить, вправду ли пользователи ведут себя на вашем лендинге так, как вы предполагали.
Начните с 5-секундного теста
Если вы желаете совершить стремительный и качественный анализ лендинга на наличие трений, рекомендуем начать с 5-секундного теста. Его итог посоветует, существует ли неприятность в принципе и как она важна.
«Тест 5-ти секунд» — это демонстрация страницы незнакомому с ней человеку с целью узнать, способен ли он за маленький временной отрезок осознать, что конкретно вы предлагаете. При провала имеется предлог задуматься: возможно, восприятию вашего лендинга мешают ненужные трения и о высокой конверсии возможно забыть.
В данном посте вы определите, как освободиться от препятствий и сделать опыт пользователей таким приятным, дабы они желали возвращаться к вам опять и опять. Просматривайте, находите и ликвидируйте 39 самый распространенных видов конверсионных трений.
- Главные способы тестирования Landing Pages
1. дополнительные элементы и Лишняя навигация
Тип трения: сложность
Ненужная навигация либо каждые избыточные элементы вашего лендинга смогут стать негативным причиной для пользователей, отвлекая их от целевого действия — приобретения, подписки либо регистрации.
В совершенстве, ваш лендинг обязан приводить к одному из 3 финалов:
1. Конверсия
2. Передача контактных данных
3. Предстоящий поиск информации, но сохранение интереса
Удаление навигационного меню проясняет цели конверсии и оказывает помощь визитёрам сфокусироваться на текущей задаче.
Пример: Опыт MECLAB для онлайн-ритейлера
Отказ от верхнего и бокового навигационного меню разрешил компании расширить количество прошедших регистрацию пользователей на 10%. Вы имеете возможность добиться еще более высоких результатов, в случае если поместите не очень значимые элементы в футер либо по большому счету на другую страницу.
- Из-за чего навигация неудобна для визитёров вашего сайта?
2. Количество действий за раз
Тип трения: визуальное
Фундаментальный принцип оптимизации конверсии — это один CTA-элемент на страницу. Не следует давать визитёрам выбор, поскольку это перегружает внимание и ведет к большему количеству отказов.
Пример: Netflix
Заголовок: «Смотрите ТВ и фильмы в любое время, в любом месте. От $7,99 в месяц». Призыв к действию: «Ваш первый бесплатный месяц».
3. Прайс для нескольких тарифов
Тип трения: информация
Бедное оформление прайс-страницы может стать обстоятельством важного сокращения продаж. Имеется пара способов, как оказать помощь пользователям лучше осознать ваше предложение и укрепить UX.
Сделайте сравнительную таблицу, дабы показать отличие между тарифами.
Пример 1: socialgo
Пример 2: groupspaces
Поведайте о возможностях, дешёвых всем.
Пример: groupspaces
«Все группы приобретают: базу данных на каждого участника, групповой мейл-лист, менеджер событий, групповой сайт и т. д.»
Выделите важнейшие нюансы вашего продукта либо сервиса, предугадав самые частые вопросы визитёров: «Какой тариф подходит как раз мне? какое количество он стоит? Могу я отказаться, в случае если мне не понравится? Имеется ли бесплатная версия?»
Пример: basecamp
«Вы имеете возможность поменять тариф либо отказаться от одолжений в любое время.
В любой пакет входит: неограниченное количество пользователей, SSL-протокол защиты данных (как в онлайн-банкинге) и ежедневные бэкапы для предотвращения утрат. Начните сейчас с 45-дневной бесплатной версией. Никаких обязательств, пластиковая карта не нужно.»
- ТОП-8 психотерапевтических приемов оптимизации прайс-страницы
4. «Перечень желаемого»
Тип трения: информация
Если вы не занимаетесь продажей товаров широкого потребления (к примеру, книг либо электроники), маловероятно, что перечень желаемого облегчит конверсию и увеличит ваши продажи. Скорее напротив, он позволяет «возвратиться к этому позднее», чего в большинстве случаев так и не происходит.
Убрав эту функцию, вы фокусируете внимание клиентов на приобретении тут и по сей день, без откладывания ответа на позже.
5. Copy/paste либо «Введите ваш пароль еще раз» в лид-форме
Тип трения: сложность
Кое-какие лид-формы содержат поле для повторного введения пароля с целью проверки правильности написания. В соответствии с Smashing Magazine, «это порождает больше неточностей, поскольку пользователи не видят, что они печатают. и не смогут проверить, какой как раз пароль они ввели в каждое поле».
Значительно лучшим ответом тут может стать единоразовый ввод пароля с возможностью его просмотра (unmask):
6. Кнопка «Добавить в корзину»
Тип трения: визуальное
Кнопка «Добавить в корзину» обязана господствовать на вашей целевой странице, поскольку ее задача — направлять визитёров к действию. Позаботьтесь о том, дабы она была большой.
Пример 1: Betabrand
Пример 2: Kogan
- Как дизайн CTA-кнопки может расширить конверсию?
7. Значок корзины
Тип трения: визуальное
самоё привычное размещение значка корзины на странице — верхний правый угол, и оптимальнее , если вы разместите его именно там. Не пробуйте быть через чур уникальными. Основное назначение этого элемента: напомнить пользователям, что они выбрали продукт и он ожидает оплаты.
Пример 1: Корзина Amazon в верхнем правом углу
Пример 2: Flipkart
8. Кнопка «Перейти к оплате» (checkout)
Тип трения: визуальное
Визитёры не должны испытывать сложностей для того, чтобы оплатить приобретения, в то время, когда они к этому готовы.
Как и при с корзиной, люди привыкли видеть ссылку на страницу оплаты в верхнем правом углу. В большинстве случаев эта кнопка находится справа от значка корзины и присутствует на каждой странице сайта.
Пример: кнопка «Оплатить на данный момент» онлайн-магазина Kogan.
Единственная совет — более броский цвет.
9. Скорость загрузкиконверсии
Тип трения: время
Скорость загрузки страницы имеет громадное значение для оптимизации конверсии. Изучение, совершённое на базе сайта Amazon, продемонстрировало, что задержка отклика кроме того на 0,1 секунду стало причиной сокращению продаж на 1% (Kohavi and Longbotham 2007). Кроме этого несколько исследователей Aberdeen Research Group распознала, что повышение скорости загрузки на 1 секунду, в среднем, ведет к понижению конверсии на 7%.
Это связано с тем, что медленные страницы воспринимаются пользователями как вызывающие большие сомнения и ненадежные. Дабы уменьшить трение, старайтесь придерживаться рекомендованного времени ожидания — не более 3 секунд.
- Низкая скорость загрузки страниц сайта = низкая конверсия
10. Размер текстовых блоков
Тип трения: визуальное
Изучения читабельности в сети продемонстрировали, что оптимальнеелюдьми воспринимается текст, не превышающий 50-60 знаков на строчок (либо около 500-600 в ширину) и не более 3 строчков на параграф. Визитёры просматривают и знают такие блоки намного стремительнее, соответственно, скорее совершают конверсионное воздействие.
11. Релевантный контент
Тип трения: визуальное
Так как люди по большей части просматривают слева направо, имеется суть помещать самый релевантный контент слева, а менее ответственный — справа либо под «линией сгиба». Как видно из данной тепловой карты, большое число визитёров обращает внимание на верхнюю левую часть страницы, именно там и долен размешаться ваш основной месседж.
Золотой треугольник Гугл
- Большая часть людей не будут просматривать то, что написано на вашей посадочной странице
12. Конкурентное преимущество
Тип трения: информация
Клиенты, уже привычные с брендом, легко воображают себе оффер вашей компании. Но что делать с новыми визитёрами? Помогите им сориентироваться, разместив четкую и понятную данные о том, что именно вы предлагаете и какую пользу они возьмут от сотрудничества.
Пример: surgelabs.com добились повышения конверсии на 55% по окончании замены фразы «дешёвый, простой в применении контакт-менеджер» на «быстрыйлегкий метод организовать ваши контакты».
13. Логотип-ссылка
Тип трения: визуальная
Одним из стандартов юзабилити есть возврат на основную страницу по логотипу, размещенному в левом верхнем углу страницы. Это облегчает навигацию, исходя из этого предусмотрите такую опцию, дабы не разрешить пользователям потеряться и уйти с вашего сайта.
14. Продуктовая кастомизация
Тип трения: информация
Самой громадной трудностью при заказе онлайн есть невозможность потрогать либо померить товар. Клиенты довольно часто вынуждены функционировать наугад, надеясь только на внешний вид и описание продукции. Исходя из этого ваша задача — максимально обеспечить их визуальной информацией.
Так, вместо несложных боксов с цветами, включите в вашу галерею изображения продукта всех дешёвых расцветок.
- Анатомия совершенной целевой страницы
15. Немедленное удовлетворение
Тип трения: информация
У ваших клиентов, в большинстве случаев, нет времени, исходя из этого будет прекрасно, если вы сгладите воздействие негативного фактора, подарив им немедленное удовлетворение. К примеру, в дополнение к онлайн-шопингу вы имеете возможность предложить опцию самовывоза (in-store pickup), дабы сократить расходы и время ожидания на доставку.
Пример: Walmart
«Заказ онлайн. Бесплатный самовывоз в тот же сутки в ближайшем Walmart»
16. Демонстрация продукции
Тип трения: визуальная
В то время, когда люди видят продукцию в действии, им легче представить, что она из себя воображает. Выделите удобство пользования вашим сервисом либо товаром, покажите его возможности и внешний вид, обрисуйте пользы, каковые купят ваши клиенты, а рядом не забудьте добавить кнопку «Приобрести».
Пример: amazon.com
17. История заказов
Тип трения: информация
Сделайте возможность просматривать историю заказов дешёвой лишь для зарегистрированных пользователей. Во-первых, излишняя информация отвлекает простых визитёров от изучения вашего сайта, а во-вторых, такое ограничение стимулирует их к регистрации.
Пример: amazon.com
Выпадающее меню на сайте amazon.com с опцией «Ваши заказы» (Your Orders)
- По пути в корзину, либо 9 советов оптимизации конверсионного пути
18. Продажи для людей
Тип трения: информация
Будьте «человеком», а не «компанией», в то время, когда общаетесь с вашими клиентами. Сделайте клиента центральной фигурой вашего бренда, рассказываете с ним на одном языке и через понятные ему образы.
Примеры:
«Мы обещаем: 100% удовлетворения потребностей, надёжный шоппинг, стремительная доставка»
19. Детальное описание
Тип трения: визуальная
Время от времени люди не желают брать, по причине того, что им необходимо больше информации. Попытайтесь дать более развернутое описание оффера, с перечислением всех черт, изображениями в разных ракурсах, отзывами клиентов, и сравните полученный лендинг с его более краткой версией — какой действеннее?
Пример: morgan glasses
20. Отзывы клиентов
Тип трения: визуальное
Вы имеете возможность показывать либо не показывать отзывы клиентов на вашей посадочной странице, но если вы решите их убрать, убедитесь, что они дешёвы пользователям по ссылке.
Пример: artificialplantsandtrees
Это должна быть ссылка
21. Сложное навигационное меню
Тип трения: сложность
Навигационные меню на некоторых ресурсах содержат так много разделов, что визитёры теряются в их количестве. Упростите навигацию, разбив категории на группы, а не выводите все товарные позиции одним перечнем.
Пример: неизвестно (забрано с Kissmetrics)
Через чур много пунктов меню
Разместите в меню лишь самые важные страницы, а все остальные — выпадающим перечнем либо по ссылкам с главного раздела.
Пример 1: thesmithbrothers
Меню содержит лишь один раздел с продукцией (Wellness Products)
Пример 2: sweatvac
Вся продукция поделена в меню на три группы — головные уборы, футболки, принадлежности.
22. Размер шрифта
Тип трения: визуальное
Самый мелкий размер шрифта, что вы имеете возможность применять на лендинге, не должен быть менее 12px. А лучше — не меньше 14px. Все другое заставляет визитёров излишне напрягать зрение.
Кроме того если вы на данный момент без неприятностей просматриваете этот текст, то, не осознавая этого, предпочли бы более большой шрифт.
Пример: ClickLaboratory
CRO-тест для Numara Software
ClickLaboratory запустила тест, дабы проверить влияние шрифта на уровень конверсии. Кроме размера самих букв, был кроме этого увеличен промежуток между строчками. Эти простые трансформации стали причиной понижению отказов (bounce rate) на 10%, закрытий страницы (exit rate) на 19%, а конверсия лид-форм увеличилась до 133%.
Хорошо, правда?
Пример 2: whoacceptsamex
Контрольная версия, размер шрифта 14px
Тестовая версия, размер шрифта 18px
Итог А/Б-тестирования продемонстрировал: повышение размера шрифта стало причиной росту кликов на 32,68%.
- Как выбрать верный шрифт для лендинга?
23. Слайдер на основной странице
Тип трения: визуальное
Если вы используете слайдер на основной странице, убедитесь, что его скорость оптимальна для пользователей. Через чур стремительная смена слайдов может фрустрировать визитёров, поскольку они не успевают рассмотреть данные.
Вопрос об применении слайдеров по большому счету достаточно спорный. Люди, в большинстве случаев, предпочитают пропускать их просмотр. Помимо этого, слайдеры отвлекают от главного месседжа.
В любом случае, перед тем как размещать слайдер на своем лендинге, оптимизируйте его под предпочтения клиентов, совершив соответствующее тестирование.
24. Одно изображение для различных товаров
Тип трения: визуальное
Применение одного изображения для различной продукции рождает путаницу. Визитёры в большинстве случаев «просматривают» картину стремительнее, чем текст, и заметив ту же фотографию, вероятнее решат, что уже видели эту позицию. Каждую идею либо товар направляться сопровождать неповторимым зрительным образом.
25. Вертикальная навигация
Тип трения: информация
Кое-какие пользователи не обожают скролл. Они предпочитают сходу видеть, о чем ваша страница. Отмена вертикальной навигации освобождает место выше «линии сгиба» для презентации главного месседжа, и делает сайт более несложным и интуитивным.
- Интуитивный веб-дизайн: как сделать лендинг пейдж удобным для пользователя
26. Непоследовательный дизайн
Тип трения: визуальное
Смена оформления лендинга заставляет усомниться в его надежности, и ставит под вопрос неспециализированную достоверность информации. Если вы довольно часто меняете дизайн, то создаете чуть заметное, но достаточное для ухудшения UX трение.
Придерживайтесь единой концепции в дизайне для последовательного пользовательского опыта. Кроме этого убедитесь, что дизайн сходится на всех мобильных устройствах, в веб, email и онлайн-чате.
Пример: jetblue
Основная страница компании Jetblue
Email от Jetblue
Мобильный сайт Jetblue
- 5 обстоятельств, по которым не нужно поменять нехороший дизайн сайта
27. Дизайн checkout и редирект
Тип трения: визуальное
Доказано: 67% людей, поместивших товар в корзину, меняют ответ на этапе оплаты приобретения (согласно данным baymard.com).
Одним из способов побудить пользователей завершить процесс — это оформление страницы checkout, схожее с главным сайтом (подробнее в прошлом пункте).
Скопируйте главной дизайн, убрав из него сайдбар и навигационное меню.
Помимо этого, избегайте перенаправления (redirect) страницы оплаты на новый URL. Адрес наподобие https://checkout.onlinestore.com/carts/3459089/b84ef00837934d73216f54db638e0502 рождает сомнения у визитёров.
28. Нерелевантные CTA
Тип трения: визуальное
Как уже упоминалось, фундаментальный принцип конверсии сайта — это одно воздействие на страницу. Сделайте основную кнопку единственным логичным шагом на странице, убрав все дополнительные, нерелевантные либо повторяющиеся CTA.
29. Строка поиска
Тип трения: визуальное
Еще один очевидный источник конверсионного трения на странице — невозможность отыскать искомую вещь.
Дабы оказать помощь визитёрам в поиске нужного контента либо продукта, сделайте вашу строчок поиска (search bar) более заметной. Выделите ее цветом, хорошим от фона, но совпадающим с неспециализированной цветовой схемой. Прекрасно, если она будет кидаться в глаза.
Пример: theiconic
Бережно выполненная строка поиска в центре навигационного меню
- Секреты юзабилити вебмагазина: поиск по сайту
30. Интуитивные заголовки
Тип трения: информация
В случае если люди не смогут осознать месседж вашего сайта, они уходят. Систематично. Исходя из этого не требуется оригинальничать с заголовками навигационного меню.
Вы вот имеете возможность осознать, о чем эта страница?
Кое-какие разделы меню представлены в виде сокращений: QTRLY — quarterly (поквартально), SHLVS — shelves (полки), а также в виде изображения-печати с надписью «short works» (маленькие рассказы).
Определите, что пользователи привыкли видеть на вторых веб-сайтах — как в вашей области, так и в целом. Возможно, имеется какое-то слово либо фраза, которое видится чаще всего, соответственно, вам также стоит присмотреться к такому варианту.
К примеру, многие визитёры ожидают заметить пункты наподобие: «О чем это» либо «Как это трудится». При таких условиях, лучше применять привычное выражение, чем непонятное «КРБТ» (сокращение от «как это трудится»).
- Юзабилити: раскрывающиеся меню в контексте сложных целевых страниц
31. Безлюдное пространство (немного space)
Тип трения: визуальное
Безлюдное пространство — это прекрасно. Но через чур много безлюдного пространства — не хорошо. Громадные промежутки между активной зоной и основным контентом смогут привести к фрикции, которая вынудит пользователей принимать ваш призыв к действию как несвязанный и раздельно стоящий элемент, не имеющий отношения к остальному сайту.
32. Информация о стоимостях
Тип трения: время
Через чур рано сказать о стоимостях на основной странице. Люди должны сперва изучить ваш сайт, осознать оффер и заметить собственную пользу. Лишь по окончании того, как они сами захотят определить о стоимости вашей продукции, возможно предложить им ознакомиться с прайсом.
33. Наличие прайса
Тип трения: информация
Время от времени, дабы не пугать людей содержанием прайса, вы имеете возможность захотеть его скрыть. Но, в случае если пользователи не видят информации о тарифах, они теряют доверие. Не следует всецело убирать прайс со страницы: его из навигационного меню в футер.
Прайс Kissmetrics в футере
- Сплит-тест: обоснование цены на товарном лендинге
34. Действия назад и вперед при оплате
Тип трения: сложность
В корзине приобретений этапы оплаты в верхней части страницы должны трудиться и как навигационные ссылки. Клиенты ожидают, что при нажатии они смогут возвратиться на прошлый ход и отредактировать введенные эти, исходя из этого предусмотрите эту возможность.
Эти блоки должны быть ссылками.
35. Завершение оплаты
Тип трения: сложность
Если не желаете, дабы пользователи бросали корзину, сделайте процесс оплаты стремительным и несложным.
На странице просмотра корзины добавьте кнопку «Перейти к оплате» как над перечнем товаров, так и под ним. Это окажет помощь клиентам осознать, каков их следующий ход, без необходимости скролить страницу.
Пример: lollywollydoodle
Контрольная версия корзины
Тестовая версия с кнопками «Обновить» и «Перейти к оплате»
36. Враждебный кросс-селл
Тип трения: информация
Если вы используете способ перекрестных продаж (cross-sell) в вашей корзине, тогда хотя бы поместите дополнительные товары внизу страницы и под основной кнопкой, а само предложение сделайте максимально релевантным содержанию корзины.
Секцию кросс-селла необходимо перенести вниз корзины. Размер предлагаемых горшков не соответствует диаметру растения.
37. Лид-форма
Тип трения: сложность
Заполнение форм уже само по себе трение. Исходя из этого, чем больше полей в вашей лид-форме, тем меньше ее хочется заполнять. какое количество информации вам необходимо о человеке, дабы действенно реализовывать?
Удалите лишние поля, дабы уменьшить задачу визитёрам.
Текущая форма
Новая форма
Сокращение полей лид-формы на сайте Б. Обамы стало причиной росту пожертвований на 5%.
Форма уменьшилась до одного поля и нескольких кнопок с размером взноса
- Желаете повысить конверсию? Приведите лид-форму в порядок!
38. Элементы доверия
Тип трения: информация
Не забудьте разместить элементы доверия на странице оплаты.
Вот тут им самое место
39. Подписка на обновления
Тип трения: информация
Визитёры должны иметь эргономичный метод подписаться на ваш блог и обновления без перехода на отдельную страницу, поскольку любая новая загрузка увеличивает трение.
Лайтбокс с подпиской в два этапа (two-step optin box), что появляется, в то время, когда пользователь нажимает на ссылку, либо встроенная email-форма на основной странице вашего сайта уменьшает ненужные шаги.
- Как перевоплотить визитёров блога в подписчиков?
Вместо заключения
Этот перечень, не обращая внимания на собственный большой количество, охватывает не все вероятные случаи. Самое серьёзное — не забывать, что любой элемент вашего сайта может создавать «трение», и в случае если это так, то он приведет к понижению конверсии.
Исходя из этого нужно всегда проверять и тестировать разные параметры лендинга: его информационную составляющую, уровень качества интерфейса, внешнее оформление и время загрузки.
Начните с 5-секундного теста, пройдитесь по перечню, что мы вам внесли предложение, и вы уже увидите улучшение. А об остальных убийцах конверсии и возможных препятствиях просматривайте в других статьях отечественного блога.
Высоких вам конверсий!
По данным blog.crazyegg.comimage source Jani M
Случайные статьи:
Zeitgeist: Addendum (2008)
Подборка похожих статей:
-
Побочный эффект воронки без конверсионного трения
Сейчас тема оптимизации коэффициента конверсии (conversion rate optimization, CRO) звучит все чаще, но не всегда она предстает в лучшем свете….
-
3 Способа уменьшить влияние предубеждений на важные решения
Неосознанные предубеждения — это мысли и поступки в отношении вторых людей, каковые человек неимеетвозможности сознательно осуществлять контроль. Такие…
-
Как повысить конверсию, или 5 способов преодолеть эффект трения
В ходе оптимизации конверсии маркетологи сталкиваются с ее ожесточённым убийцей — трением (Friction, препятствие конверсии), вызывающим…
-
10 Проверенных способов завоевать доверие посетителей целевой страницы
Источник изображения Здравствуйте, дорогие читатели отечественного блога! Мы сохраняем надежду, что вы на своем опыте смогли убедиться в том, что целевые…