От кликов к продажам. Как повысить продажи через оптимизацию конверсии.

Вот реальный пример, способный побудить к немедленным действиям. Вы можете увеличить конверсию, если будете упоминать свое предложение не один раз на странице, а один раз в каждой видимой части. Если на странице имеется только одна кнопка «Купить сейчас», да еще расположенная в нижней части страницы, знайте: многие пользователи так никогда и не доберутся до нее. Довольно часто люди созревают к покупке (или иному конверсионному действию) гораздо раньше. Конечно, не стоит иметь 17 идентичных кнопок «Купить сейчас», это довольно навязчиво: можно подумать об альтернативном способе сделать то же самое, но менее очевидно. Вы можете добавить ссылку «Узнать больше» в первую видимую часть, кнопку — в следующую часть, ссылку на изображение товара с подписью под картинкой — в третью. Добавление побуждающих элементов в каждую видимую часть не только способствует увеличению вероятности конверсий, но и позволяет охватывать более широкий круг аудитории.

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

Давайте разберем этот принцип на примере сувенирной лавки. Вы наверняка знаете, что большинство музеев и тематических парков размещают выход в конце сувенирного магазина, заставляя вас пройти через весь салон. Это блестящая идея, объясняющая неплохой процент их доходов. Вы можете проделать этот трюк с видимыми частями страницы: сделайте так, чтобы пользователь посетил каждую часть — откройте выход в конце сувенирного магазина.

Что же это все в итоге означает? Один пример, побуждающий к действиям, мы рассмотрели. Другой пример для коммерческих сайтов — так называемая корзина, перемещающаяся одновременно с прокруткой сайта. Еще вариант — создание дополнительных ссылок внутри контента, позволяющих перейти к страницам с описанием продукта.

Основная идея такова: даже если вы позволяете посетителю уйти с текущей страницы, то только направив его туда, где конверсия еще более вероятна.

Адаптивный дизайн

Что происходит с вашим необыкновенно красивым и дорогим сайтом, когда кто-либо просматривает его на мобильном телефоне или iPad? До недавнего времени никто особо не задумывался, как дизайн выглядит на различных устройствах, так как мобильные технологии появились относительно недавно. Владельцы сайтов заботились лишь о том, как все будет выглядеть на экране компьютера. Но реальность такова: визуальные разделители, видимые части экрана, контент и изображения смешиваются в ужасном беспорядке в зависимости от устройства просмотра (планшет или телефон). У каждого телефона свои размеры экрана, более того — новые модели появляются на рынке почти ежедневно. Такое буйство технологии озадачивает дизайнеров: приходится думать и о том, как размер экрана влияет на восприятие. Постепенно все осознают, что опыт работы с сайтами может сильно отличаться от восприятия и опыта использования альтернативных устройств.

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

Адаптивный дизайн позволяет динамично изменять макет страницы, основываясь на размерах экрана (см. рис. 6.6). Вы сохраняете контроль над тем, где находятся визуальные разделители и что размещено в шапке сайта. Этот контроль чрезвычайно важен в отношении показателя конверсии, и нет разницы, какова на самом деле ваша цель — перемещение пользователей на другую страницу, где продается продукт, или подписка на бесплатную загрузку чего-либо.

Рис. 6.6. Адаптивный дизайн — это технология, позволяющая изменять макет и структуру страницы в зависимости от типа используемого устройства и размера его экрана. Помните: чтобы быть действительно клиентоориентированным, необходимо учитывать потребности каждого пользователя