Уровень Конверсии Веб-сайта: ошибки дизайна и советы по повышению конверсии

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

Согласно данным Strange Loop, компании по оптимизации веб-сайтов, каждая секунда задержки в загрузке страницы снижает конверсию на 7%. Matthew Ogborne с ужасом заметил, что маленькая кнопка «Нравится» Facebook’а добавляет 1,340 секунд ко времени загрузки его страницы. Конечно, он сразу же убрал кнопку. Давайте обсудим некоторые ошибки дизайна и советы по повышению конверсии вашего сайта.

Как повысить ваш уровень конверсии

Как повысить ваш уровень конверсии

Для начала давайте поговорим о дизайне…

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

5-секундный тест – отличный способ для начала. Итак, в течение первых 5 секунд после захода на ваш веб-сайт, посетитель должен иметь возможность определить, о чём ваш веб-сайт. Как вам этого добиться? Вот как…

Поддерживайте правильную визуальную иерархию и переходы пользователей

Очень важно на начальном этапе привлечь внимание посетителей к главным элементам на странице.

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

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

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

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

Убедитесь, что ваша кнопка призыва к действию использует контрастный цвет. Она должна «выскакивать» из остальной страницы. Обычно лучше всего использовать цвет, который ещё не был использован нигде на странице.

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

Поддерживайте правильную визуальную иерархию и переходы пользователей

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

Избегайте использования общих фраз, вроде «Отправить», «Регистрация» и т.п. Вместо этого используйте конкретный текст или что-то, что точно передаёт смысл.

Посмотрите, как Dropbox использует конкретный текст призыва к действию:

Поддерживайте правильную визуальную иерархию и переходы пользователей - 2

Заметьте, как главная кнопка призыва к действию «Download Dropbox» выделена синим цветом, в то время как призыв к действию «watch a video» умышленно отодвинут на второй план с помощью светлого оттенка синего, что заставляет его немного сливаться с белым фоном.

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

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

Michael Aagaard, эксперт по конверсии в своей статье описал, как расположение отзывов может повлиять на решение потенциальных клиентов о покупке. Он протестировал это на своей целевой странице. Вы можете видеть это сравнение на рисунке ниже:

Мы наблюдали схожие результаты у одного из наших клиентов, использовавшего Visual Website Optimizer. Кнопка призыва к действию на странице была поменяна местами с отзывом, что повысило продажи на 35,7%.

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

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

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

Если вы нацелены сделать веб-сайт или целевую страницу с высокой конверсией, вот некоторые убийцы конверсии, которых вы должны избегать в вашем дизайне:

1. Пожалуйста, никаких каруселей!

Они такие «классные». Мои клиенты требуют их. Они помогают привлекать внимание ко всем важным предложениям на сайте.

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

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

Действенные советы с высокой конверсией: Если у вас нет другого выхода, вот что вы можете сделать, чтобы минимизировать риск потери конверсии:

  • Разместить ручной слайдер изображений;
  • Уменьшить количество слайдов до двух или трёх (Исследования доказали, что слишком большое количество вариантов вводит людей в заблуждение и снижает конверсию);
  • Увеличить время показа каждого слайда;
  • Снизить время загрузки;
  • Сделать навигацию более очевидной (маленькие точки или нумерованные блоки обычно плохо заметны);
  • Добавить кнопку «Пауза», если возможно, чтобы дать возможность посетителям просматривать слайды в подходящем для них темпе.

Qualaroo неплохо решили проблему добавления кнопки «Пауза» на их карусель:

Пожалуйста, никаких каруселей!

2. Попытка рассказать обо всём сразу

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

Действенные советы с высокой конверсией: В идеале, вы должны придерживаться одного элемента призыва к действию на странице. Выбросьте всё остальное. Weather Channel попробовал так сделать и повысил свою конверсию на 225%.

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

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

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

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

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

3. Использование стоковых фотографий

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

Действенные советы с высокой конверсией: Используйте настоящие фотографии людей, как сделали Highrise. Они использовали фотографии своих клиентов на целевых страницах и увеличили количество платных регистраций на 102,5%.

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

Использование стоковых фотографий

4. Вы не дали им ни одного повода верить вашему веб-сайту

«Мне понравился ваш сайт, yoursitename.com. Он так прекрасен. Я даже рассказала моим друзьям о нём.» - Рэйчел, США
И это всё, чем вы можете доказать, что у вас великолепный сайт? Ни премий, ни отметок «проверенный сайт», ничего такого? Ну, если это и впрямь так, то как вы можете рассчитывать, что они что-то у вас купят? Вы бы сами совершили покупку на таком сайте? Подумайте об этом!

Действенные советы с высокой конверсией: Не отображайте слабые отзывы, вроде приведённого выше. Любой может написать такое про свой собственный сайт. Добавьте хотя бы полное имя и фото. Откуда людям знать, что отзыв достоверен? Также, если есть возможность, добавьте также название компании.

Отзыв, который вам нужно отобразить должен быть чем-то большим, чем просто описанием того, насколько прекрасен ваш продукт. Дополнительные «очки» вы получите, если ваш отзыв совпадёт с интересами вашей целевой аудитории. Также лучше всего добавить настоящее фото вашего клиента. Посмотрите на отзыв от Weight Loss Triumph:

Marrianne Plunkert, Brevard, NC: Я умерла и попала в рай.Может ли блюдо быть так обильно осыпано сыром и всё равно оставаться диетическим? Я действительно потеряла 2 фунта за 3-х дневный (испытательный) срок, что удивило меня, так как блюда, которые я употребляла, были частью обычного плана в 1600 каллорий, и я не рассчитывала потерять более фунта.Подписка на недельный запас блюд не намного дороже, чем тратят большинство людей на еду за неделю. Моими любимыми блюдами были шашлык из индейки и фаршированные ракушки. Оба блюда такие же вкусные, как из ресторана. Вот какие свежие у них ингридиенты!

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

Вместо того чтобы выбрать какой-нибудь случайный отзыв, отобразите отзыв, который добавит значимости вашему предложению. Отметки «проверенный сайт», которые предлагают Norton, McAfee и другие, также могут помочь увеличить конверсию. Хотя, они недешёвые.

Но если у вас большой траффик, они могут иметь огромное значение. Можете прочитать это исследование, чтобы узнать, как добавление печати «проверенный сайт» от Norton увеличила конверсию сайта на 11%.Также вы можете добавить к вашим социальным доказательствам список ваших клиентов.

Заключение

Независимо от того, что вы пробуете, знайте, что вы не можете быть уверены на 100% в каком-либо изменении на веб-сайте до тех пор, пока не протестируете его. Даже если у вас есть лучшее на свете объяснение тому, что вы делаете, результаты AB-тестирования зачастую могут оказаться неожиданными.

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

РедакцияПеревод статьи «Website Conversion Rate Design Mistakes and High-Converting Tips»