Увеличение конверсии сайта при помощи приоритезированного меню в 4 этапа

Увеличение конверсии сайта при помощи приоритезированного меню в 4 этапа

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

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

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

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

Этап 1: Используйте стратегию лендинг пейдж

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

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

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

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

Этап 2: Выделяйте «денежные» страницы

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

Контекстные ссылки

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

Лимитированное меню в хедере

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

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

Этап 3: Уберите лишние акценты

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

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

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

Все неважные страницы не должны быть представлены на первом плане. Они были спроектированы, как страницы второго уровня навигации.

Вы сами решаете, как будут показываться пользователям ссылки второго уровня. Их можно разместить в другом, менее важном месте на странице (к примеру, над футером), или же можно хранить их в скрытом меню, открывающемся по кнопке.
Скрытые меню это горячая тема споров UX специалистов. Многие из них ненавидят эти меню из-за дополнительного барьера, который те создают. Запомните: лендинг пейдж и страниц меню первого уровня должно хватать для повышения конверсии. Страницы второго уровня созданы для тех, кому они нужны.

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

Этап 4: Используйте CTA кнопки

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

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

Собираем все вместе

После выполнения описанных выше шагов вы расставите приоритеты в меню, создав тем самым продуманную иерархию:

Самое важное: CTA кнопки

Средняя важность: Элементы навигации первого уровня

Менее важные: Скрытые или приглушенные элементы навигации второго уровня

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

Заключительные мысли

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

Автор: Wes McDowell

Источник: https://www.sitepoint.com/

Редакция: Команда webformyself.

Практика монетизации блога: от раскрутки до реальных денег

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

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree