Landing Page: 5 Деталей, Влияющих На Конверсию

main2321-600x212

Как вы относитесь к А/В тестированию? Странный вопрос, да?

Проверяете ли вы результаты каждое утро и вечер, волнуясь, когда вы видите, что конверсия меняется?

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

Конечно, это очень серьёзно. Но не беспокойтесь, скучно не будет!

В этой статье описаны 5 маленьких деталей, которые могут сыграть немалую роль и повлиять на конверсию.

Давайте посмотрим.

 

1. Направление взгляда

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

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

png;base64c4376391c7ab3507

png;base64cc0c0208608a7c8d

Заметьте, что на первом изображении модель смотрит прямо перед собой, и айтрекинг показывает (желтый, зеленый и красный), что пользователи сфокусированы на её глазах.

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

Но почему?

Глаза имеют огромное значение для людей. Это почти всегда (женская грудь является исключением) первое, на что мы смотрим.

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

Интересно, правда?

 

 2. Инкапсуляция, контраст и пробелы

У вас есть очень мало времени, чтобы заставить посетителя остаться на вашем лэндинге. Этого можно достичь с помощью красивой и броской картинки (возможно, улыбающейся персоны, смотрящей в сторону вашего УТП) и убедительного заголовка.

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

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

Screen Shot 2014-03-03 at 3.21.35 PM

Изображение выше является одним из четырех преимуществ (мини-УТП) на посадочной странице Wispond. Здесь есть 4 детали, которые делают её оптимизированной частью посадочной страницы.

  • Захватывающие внимание маркированные списки: на белом фоне страницы продукта, фирменный голубой цвет Whispond выделяется и привлекает внимание. Релевантная иконка, которая отлично передаёт месседж, также играет свою роль.
  • Простой и короткий заголовок, отражающий выгоду пользователя.
  • Пустое белое пространство между обозначенным преимуществом и четырьмя последующими пунктами помогает выделить само преимущество.
  • Маркированный список преимуществ: хотя эти четыре пункта легко пропустить, тем, кто хочет больше информации не придётся тратить много времени на штудирование текста.

3. Простота и оптимизация

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

Все вы, наверняка, заходили на такие лэндинги, которые кажутся не завершёнными, и такие, которые выглядят слишком заполненными (Kissmetrics, как вы это делаете?).

Screen Shot 2014-03-03 at 4.04.59 PM

Изображение наверху – это 95% полной посадочной страницы Kissmetrics (здесь нет только кнопок «Характеристики», «Цены» и «Блог», расположенных внизу слева.

Вот поэтому очень важно тестировать страницы, так как все маркетологи говорят по-разному. Хотелось бы сказать, что что стоит делать не более 327 слов на лэндинге, ваш список преимуществ должен состоять не более чем из четырёх пунктов, а картинка должна соответствовать разрешению 640х493px.

Но это не возможно, так как всё очень индивидуально.

Однако, стоит обратить внимание на это:

  • Устраните отвлекающие внимание элементы: Ваша посадочная страница должна иметь единый посыл и отвечать на один главный вопрос.
  • Поставьте CTA наверху: По факту, нужно чтобы все приоритетные элементы были наверху (главная картинка, УТП, и обозначенная ценность для клиента).
  • Меньше – больше: Лучше для начала придерживаться минимализма, а затем уже добавлять что-то, чем наоборот.
  • Цвет имеет значение: Большинство B2B компаний приходят к успеху с синим, белым и серым. Вполне вероятно, что это подойдёт и вам. Вместо того, чтобы долго возиться с цветом фона, возьмите обычную цветовую схему и протестируйте изображение, CTA, заголовки .

 

4. Отзывы клиентов

Screen Shot 2014-03-03 at 4.23.59 PM

Больше никто не покупает футболку онлайн, если она не была просмотрена более чем 100 людьми и не имеет оценку по крайне мере 4,2 звезды. Ваши посетители никогда не будут полностью доверять вам (но у вас есть те, кто лично заинтересованы в вашем продукте). А как же ваши предыдущие клиенты? Теперь они просто люди, как и новые посетители сайта!

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

Вот три детали, с помощью которых можно проверить свои отзывы:

  1. Фото: Изображение клиента делает отзыв более правдоподобными и заслуживающими доверия.
  2. Дайте больше подробностей: «За 6 месяцев я увеличил показатели конверсии целевых страниц на 242%» является более ценным и правдоподобным чем: “AcmeLandingPages – классные и мои самые любимые”. Если вы собираетесь пойти по пути конкретики в отзыве, стоит найти социологическое исследование с реалистичными результатами (а не со значениями, которые вряд ли когда-нибудь повторятся)
  3. Попробуйте что-то нелогичное: Неудивительно, что наиболее правдоподобные отзывы клиентов это те, которые расхваливают вас по всем параметрам. Вы можете добиться большего успеха с отзывом, который не так положителен.

Попробуйте что-нибудь вроде этого:

«Сначала я был настроен скептически, но был приятно удивлен, когда мы начали видеть увеличение посещаемости сайта на 75% в течение первой недели»!

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

«Хотя результаты и не появятся в одночасье, с помощью удивительной службы поддержки клиентов, AcmeSaaS, мы смогли сгладить углы. И, в конце четвертой итерации, мы вдруг увидели, что количество кликов на рекламу выросло на 240%. Спасибо Люси из отдела работы с клиентами»!

 

 5. Точность и конкретика

Если вы думаете, что мы уже дошли конкретики и деталей, то мы даже не начинали.

Иногда это буквально малюсенькие перемены (например, поместить кнопку CTA в правом верхнем углу, вместо верхнего левого или изменить цвет кнопки от светло-зеленого до темно-зеленого цвета)

Посмотрите на этот кейс:

 

Screen Shot 2014-03-03 at 2.08.25 PM

 

То, что вы видете, это скриншот из аккаунта Wishpond’s Optimizely. Это было тестирование посадочной страницы конструктора лэндингов.

Гипотеза: При подсветке поля ввода «ваш e-mail» будет увеличиться конверсия.

Рассуждения: Каждая дополнительная ступень на пути между посетитлем лэндинга к конверсии должна быть убрана. Подсветка поля «ваш e-mail» не мешает.

Результат: Подсветка окна ввода данных увеличивает конверсию на странице на 56,4%, с 99,2% вероятностью.

Страница конвертировалась на 27,1%, сейчас конвертируется на 42,4%. В зависимости от того, как далеко вы хотите зайти с этим, не стесняйтесь вычислить увеличение доходов в результате этого небольшого изменения:

Если лэндинг видят 5000 посетителей в месяц, а их средний ежемесячный платеж составляет 75 $ или около того, каким будет доход от конверсии от увеличения конверсии с 27,1% до 42,4%?

 

 

 

Вывод

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

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

 

Перевод и адаптация материала «Landing Pages: 5 Details that Make the Conversion Difference»

Автор: James Scherer