Ответ
Amazon: как улучшить landing page и повысить конверсию Опции темы
Старый 06.10.2014, 00:57
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

Amazon: как улучшить landing page и повысить конверсию






Как многие из вас, вероятно, знают, Amazon предлагает премиум-подписку под названием «Prime», которая позволяет вам получить быструю, бесплатную доставку покупок, а также другие преимущества, такие как потоковое видео и музыка. Если вы приобретаете много всего на Amazon, то цена $99 за год очень выгодна, поэтому многие люди (я в том числе) приобрели такой аккаунт.

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

Вот что вы увидите, когда щелкните по целевой странице:





Страница, подобная этой, должна доносить пользователям 3 основных порции информации:

1. Актуальность (что это?)
2. Ценностное предложение (почему я должен подумать о приобретении этого?)
3. Призыв к действию (куда идти дальше?)

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

Рассматриваемая нами страница на Amazon имеет все 3 информационные блока, расположенные в заголовке, подзаголовке и кнопке с призывом к действию. Пока все хорошо!

Но пользователи (особенно онлайн-покупатели!) заняты. Они отвлекаются. На их компьютере открыто еще 6 других вкладок. Поэтому, когда они попадают на страницу, мы не можем ожидать (мы не должны), что они будут тратить большое/любое количество их драгоценного времени в поиске информации, которая приведет их к конверсии.

Следовательно страницы, которые немедленно направляют внимание человека на «правильный» раздел сайта, резко повышают свой коэффициент конверсии.

К сожалению, страница Prime аккаунта на Amazon не соответствует данному критерию. Далее приведена Карта зрительного восприятия из EyeQuant этой страницы. Она показывает, на какой контент люди обратят внимание в течение первых 3-х секунд после открытия страницы (точность 85%-95%):





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

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

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

Глядя на Карту областей заинтересованности из EyeQuant, мы видим, что, поменяв местами расположение изображения и само предложение, предлагаемые преимущества стали в 6 раз более выделяющимися. Изображение справа по-прежнему получает достаточно много первичного внимания.





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





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

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

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





Карта внимания показывает, что изображения по-прежнему получают много ценного внимания, которое мы хотели бы направить на наши 3 ключевые элемента (о которых говорилось в начале статьи).





Наличие сильных зрительных образов отвлекает посетителей от контента, поэтому попробуем нивелировать эту проблему.

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

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





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

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

Здесь я перенес фразу «give the gift» и реферальные ссылки, вниз, поставив по центру текст и кнопку, чтобы дать контенту больше пространства для привлечения внимания. Также я изменил цвет заголовка «Over a million songs…» на темно-серый вместо черного. Результаты были довольно значительны.

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





Однако эта страница по-прежнему имеет важный недостаток: согласно EyeQuant люди считают эту страницу «перегруженной» и «загроможденной». Показатель ее визуальной разборчивости составляет 61/100, что в целом ниже, чем подобный показатель для целевой страницы с одним продуктом.

Чтобы сделать дизайн более ясным, давайте уберем некритичный текст в описании музыки в аккаунте Prime,чтобы ликвидировать это ощущение «стены текста».
Это повышает показатель ясности до 72 - увеличение в визуальной ясности на 18%. В плане ясности дизайна страница находится на 20 месте из всех существующих интернет страниц (в сопоставлении с Alexa 5000).

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

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

Нам даже удалось соотнести дизайн с фирменным руководством по стилю компании.

Конечно, мы не знаем наверняка, будет ли проделанная нами работа приносить лучшие результаты. Чтобы понять это, нам нужно провести необходимое A/B тестирование. Но если бы вы делали ставки, было бы мудрым с вашей стороны поставить на результаты, которые мы только что получили.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Analytics: как повысить конверсию в Facebook Nataly Статьи 0 27.09.2014 10:19
Как повысить конверсию сайта с помощью гуманизации Nataly Статьи 0 08.09.2014 00:56
Amazon Kindle продаёт порно-рассказы GLUK Аналитика 12 06.01.2014 02:51
Amazon беспилотники оставят без работы курьеров KLOP Аналитика 15 10.12.2013 00:09
Web Page Maker - программа для создания сайта Incanta Хостинг 1 28.08.2012 00:59

Метки
amazon, eyequant, landing page, конверсия, повысить конверсию, подписка, улучшить landing page, целевая страница


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 18:42. Часовой пояс GMT +3.