Любой сайт преследует определенные цели, будь то продажа товара или услуги, звонок, сбор данных или любое другое действие посетителя. В начале всех наших проектов мы всегда ставим цели, которые должен достигать сайт.
Когда посетитель успешно прошел путь от первого посещения до выполнения желаемого действия, которое предполагает цель сайта, цель достигнута. Отношение достигнутых целей к общему числу посещений называется конверсией. Чем больше число достигнутых целей от общего количества посещений, тем конверсия выше. Соответственно сайт эффективнее.
Для того, чтобы повысить эффективность сайта, нужно сделать этот путь пользователя как можно более удобным и комфортным. Чтобы этот путь упростить, в дизайне существует масса способов. Все это складывается в емкое понятие UX дизайн.
В этой статье я рассказу об основных базовых принципах, увеличивающих конверсию сайта. Эти принципы мы используем в наших проектах.
Липкое меню навигации
Самое первое, с чем взаимодействует пользователь, это шапка сайта. Обычно, в ней располагается основное меню навигации по сайту. Когда пользователь прокручивает страницу вниз, очень удобно, чтобы меню фиксировалось сверху экрана и было всегда на виду. Это помогает посетителю сайта попасть при желании в любой другой раздел, не прокручивая страницу вверх. Таким образом, у пользователя всегда перед глазами структура сайта, и исключаются дополнительные действия прокрутки или клика на кнопку наверх.
Стоит отдельно остановиться на оформлении самого меню и меню на мобильных устройствах.
На десктопной версии лучше делать привычное горизонтальное меню с названиями ссылок и раскрывающимися списками подкатегорий. Многие дизайнеры стараются унифицировать десктопное меню с мобильным меню и скрывают его под гамбургером. Я не рекомендую так делать, потому что на мониторах компьютеров и ноутбуков достаточно места, чтобы показать нужную информацию. К тому же, при скрытии меню под гамбургером пользователь должен дополнительно кликнуть на этот самый гамбургер, что создает дополнительное действие. А каждое дополнительное действие снижает конверсию.
Избегайте гамбургера меню в десктопной версии.
В мобильных же версиях меню скрывается под гамбургером, поскольку это экономит место на экране. Однако, в мобильных версиях рекомендуется избегать липкого меню из тех же соображений рационального использования пространства. Кроме того, оно может мешать при прокрутке.
В мобильных версиях липкое меню лучше не делать.
Форма обратной связи
Подробно про форму обратной связи я писал в этой статье. В рамках этого обзора скажу лишь, что на сегодняшний день очень много людей предпочитают письменное общение. Людям проще написать сообщение и получить ответ на почту или в мессенджер, чем позвонить. Это обусловлено насыщенностью жизни и преобладанием мобильных устройств. Кроме того, человек может зайти на ваш сайт в транспорте или на работе, и ему просто неудобно разговаривать. А написать сообщение и прочитать ответ позже намного проще.
Поэтому важно предоставить пользователям возможность обратиться письменно. Это увеличит охват аудитории, тем самым повысит конверсию сайта.
Пару слов об онлайн-чатах на сайте. Я рекомендую его устанавливать и активизировать только в том случае, если у вас есть возможность постоянно быть онлайн и немедленно реагировать на входящие сообщения. В противном случае, посетителям сайта придется долго висеть на вашем сайте и ждать ответа. Это создает плохое впечатление о вашем бизнесе. Очень забавляет, когда в три часа ночи заходишь на сайт, а онлайн-консультант сообщает, что они сразу же ответят. Естественно, никакого ответа в это время ждать не приходится, а выглядит это, как обман.
Интерактивная карта расположения
Наличие на сайте виджета Google maps или Яндекс карт также привлечет мобильных пользователей. Многие заходят на сайт в дороге и им очень удобно ткнуть на карту и сразу построить маршрут вместо копирования адреса и вставки его в навигатор. Карта также избавит посетителей от лишних действий и увеличит лояльность к вашему бизнесу.
Разумеется, это лишь основные функции сайта. Кроме них есть еще очень много правил и тонкостей UX дизайна. Однако, если начать с этих основ, то это уже покажет ваш сайт, как заботящийся о посетителях.