Создан для конвертации — лучшие практики дизайна целевой страницы

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

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

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

Подчеркните преимущества

Дизайнеры продуктов, как правило, хотят сосредоточиться на функциях; потребители хотят знать о преимуществах. Они хотят видеть, как эти функции влияют на их опыт. Человек покупает машину не из-за ее 300 л.с.; они покупают его, потому что эти 300 л.с. позволяют им ехать быстро. Вот почему во многих автомобильных объявлениях упоминается их 0-60 раз, а не просто количество лошадиных сил.

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

Используйте соответствующие изображения

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

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

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

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

Протестируйте свои CTA

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

A/B-тестирование — самый простой способ протестировать CTA. Дизайнеры могут иметь две целевые страницы, случайным образом показывающие посетителям в течение установленного времени, каждая из которых идентична, за исключением различий в самом CTA. Оттуда они могут продолжать уточнять и тестировать, пока CTA не получит желаемых результатов.

Дизайнеры должны рассмотреть возможность тестирования таких вещей, как цвет кнопки CTA, язык, окружающий CTA (и на самой кнопке), и размещение CTA на странице. (Другие части целевой страницы также могут быть протестированы A/B для получения лучших результатов.)

Сделайте его мобильным

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

Удобство для мобильных устройств особенно важно для целевых страниц, на которые указывают публикации в социальных сетях, реклама или электронные письма. В 2017 году 75% пользователей электронной почты сообщили, что проверяют свою электронную почту на мобильном устройстве (и с тех пор это число только выросло). И 42% людей во всем мире (не только пользователи Интернета) используют сайты социальных сетей со своих мобильных устройств. Кроме того, в 2018 году 40% продаж в Черную пятницу было совершено со смартфона или планшета.

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

Сделайте так, чтобы это соответствовало источнику ссылки

Когда кто-то нажимает на объявление или ссылку в электронном письме, важно, чтобы они соответствовали целевой странице, на которую они попадут. Это можно сделать несколькими способами, в зависимости от источника ссылки.

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

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

Включите социальное доказательство

Люди хотят знать, что продукт, который они собираются приобрести, осчастливил других покупателей. Социальное доказательство — один из лучших способов обеспечить такую ​​уверенность.

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

Не заставляйте целевые страницы выполнять больше одной работы

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

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

Не запрашивайте больше информации, чем требуется

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

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

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

Это означает, что, например, когда пользователь вводит свой адрес электронной почты, на клавиатуре отображается символ «@» на главном экране; или когда запрашивается номер телефона, клавиатура переключается на цифровой ввод. Эта небольшая деталь значительно улучшает UX на мобильных устройствах.

Не включайте панель навигации

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

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

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

Не засоряйте страницу

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

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

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

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

Не отклоняйтесь от установленных шаблонов

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

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

Не будь универсальным

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

Это может включать видеоконтент, анимацию, слайд-шоу или ряд других элементов дизайна. То, что подходит для одного продукта или услуги, не обязательно будет работать для другого. Дизайнеры должны свободно экспериментировать с нестандартным контентом на своих целевых страницах, но быть готовыми к A/B-тестированию против более традиционных методов, чтобы убедиться, что они не отпугивают посетителей.

Заключение

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

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• Как создать эффективную целевую страницу
• Конвертируйте посетителей с помощью этих вдохновляющих целевых страниц
• Эстетика и восприятие — как подходить к изображениям пользовательского опыта
• Принципы дизайна и их важность
• Эффективные коммуникационные стратегии для дизайнеров