Аудит лендинга по проектированию и строительству барбекью-комплексов

Аудит юзабилити №519

Дата аудита: июнь 2018 года

Объем отчета: 30 страниц

 

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

Данные карты скроллинга

Карта скроллинга показывает, сколько времени потратили пользователи на просмотр той или иной зоны на странице.

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

Более подробную информацию можно узнать в справочном разделе Яндекс.Метрики по ссылке https://yandex.ru/support/metrika/behavior/scroll-map.html

Полный скриншот карты скроллинга приведен по ссылке https://yadi.sk/i/vlgH4Yjs3Y5ETb.

Главная страница

В верхнем левом углу страницы расположен логотип компании.

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

Рядом с ним расположен текст, выполняющий роль слогана.

В нем используется автоматическое определение региона пользователя. Такое решение не является оптимальным, т.к. основным целевым регионом является Москва и Московская область.

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

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

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

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

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

Это позволит заинтересовать пользователя и привлечь его внимание к контенту сайта, товарам и услугам.

В данный момент на главном экране содержится призыв к действию – заказу комплекса.

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

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

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

Сейчас используется одно статичное фоновое изображение.

Именно такое решение используется на сайтах-конкурентах.

На двух сайтах-конкурентах используется более продвинутое и оптимальное решение – публикация видео-презентаций услуг и продукции.

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

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

Рекомендуем уменьшить отступы между элементами и привести их в соответствие с модульной сеткой сайта.

Конверсия данной формы составляет 1.42%.

В форме отсутствует проверка правильности ввода данных. Удается успешно отправить заявку с неверным номером телефона.

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

Материалы

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

Но при нажатии на ссылку «Материалы» он не виден пользователю, т.к. находится выше.

Рекомендуем обеспечить правильное позиционирование контента страницы при нажатии на ссылку «Материалы».

При клике на превью открывается увеличенное фото материала. Какое-либо текстовое описание его особенностей полностью отсутствует. Это отрицательно сказывается на юзабилити.

Рекомендуем выводить под фотографией название материала, его номер в каталоге и краткое текстовое описание.

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

Рекомендуем всегда показывать иконки управления прокруткой над фото.

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

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

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

Рекомендуем добавить небольшое текстовое описание основных характеристик материалов.

Заявлено наличие столешниц более 20 цветов. При этом на сайте опубликовано только 6.

Рекомендуем добавить фото всех заявленных вариантов материала для столешниц.

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

Но изображения имеют небольшой размер. Какое-либо текстовое описание и название конкретного цвета отсутствует. Такое решение мало информативно.

Рекомендуем выводить полноразмерное фото, номер в каталоге и краткое описание для каждого материала.

Конверсия формы, расположенной в нижней части блока с материалами, составляет всего 0.13%.

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

При просмотре формы вызова инженера не подсвечивается ни одна из ссылок в главном меню.

Рекомендуем обеспечить корректную работу подсветки текущего раздела сайта в меню.

Наши работы

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

Рекомендуем сделать данные элементы интерактивными и менять их оформление при наведении курсора.

На сайте особый упор делается на скорости изготовления и установки комплекса за 10-14 дней.

При этом в портфолио для нескольких проектов указаны сроки 20-35 дней.

Рекомендуем привести в соответствие информацию о сроках выполнения проекта во всех разделах сайта.

Отдельно необходимо отметить небольшое количество работ (10), опубликованных в портфолио. Это не соответствует заявленному опыту компании и количеству выполненных проектов.

Рекомендуем опубликовать в портфолио максимальное количество доступных работ.

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

Рекомендуем обеспечить правильную подсветку ссылок на текущий раздел сайта в главном меню.

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

Рекомендуем выводить сообщения об ошибках в текстовом виде.

Процесс работы

Большинство пользователей предпочитают читать короткие заголовки, а текст под ними – в случае, если заинтересовались контентом.

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

Ниже приведен пример возможных текстов для заголовков.

Акции и распродажи

В блоке указана уже прошедшая дата акции (10 июня). Фактически, вся представленная в блоке информация не представляет практической ценности для пользователей.

Рекомендуем актуализировать контент в разделе «Акции и распродажи».

Отзывы

Блок с иконками для управления прокруткой отзывов смещены влево относительно горизонтального центра страницы.

Рекомендуем выровнять блок с иконками по центру.

При прокрутке меняется высота блоков.

Рекомендуем обеспечить одинаковую высоту всех блоков с отзывами.

Вопросы и контакты

В тестовом блоке размещено приглашение приехать в офис.

Но при этом явно не указан адрес офиса и время работы. Есть только метка на Яндекс.Картах.

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

На сайтах-конкурентах такая информация опубликована в явном виде.

Рекомендуем сделать блок с адресом и графиком работы офиса видным всегда по умолчанию.

Конверсия формы отправки сообщения составляет всего 0.25%.

В форме нет проверки правильности ввода данных.

Рекомендуем добавить скрипт проверки правильности ввода данных непосредственно в процессе работы с полями и выводить соответствующие текстовые сообщения.

Доступность контактной информации

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

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

Скриншот: https://yadi.sk/d/DcTWE-ob3Y8Bpa

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

Рекомендуем выводить номер телефона и email адрес в плавающем блоке, прикрепленном в верхней части экрана (как навигационное меню).

Адрес email оформлен как обычный текст и не реагирует на наведение курсора.

Рекомендуем явно обозначить ссылку при помощи подчеркивания.

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

Кроме этого, отсутствуют ссылки на профили компании в социальных сетях и сервисах (Facebook, VK, Instagram). Это также отрицательно сказывается на продвижении услуг и сайта.

Рекомендуем расширить набор каналов связи и добавить ссылки на страницы компании в соцсетях.

Общие итоги и выводы

В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии:

  • основным источником трафика является Яндекс.Директ. При этом количество посетителей носит нестабильный характер;
  • компоновка главного экрана выполнена не оптимально;
  • допущены типовые ошибки в юзабилити форм. Нет сообщений об ошибках и проверки правильности ввода данных;
  • в портфолио опубликовано небольшое количество работ;
  • нет достаточного количества доступных каналов связи;
  • есть ряд недоработок в юзабилити отдельных элементов интерфейса.

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

Полезные ссылки и ресурсы

REGRU-logo-color-3 Крупнейший регистратор доменных имен REG.RU

Регистрация и продление доменных имен в любых зонах.

https://cp.beget.com/promo_data/static/static100x100_6.png Ведущий хостинг-провайдер BEGET.RU

Хостинг, аренда серверов, регистрация доменов.

Сервис тестирования юзабилити реальными пользователями

Отбор и анкетирование целевой аудитории сайта.

Сервис мониторинга, анализа и оценки эффективности поискового продвижения.

Съем и отслеживание позиций сайта, работа с семантическим ядром.

Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.

Покупка готовых текстов и заказ уникальных статей на нужную тему.

SeoPult Сервис автоматизации продвижения сайта и рекламы в интернете.

Подбор и покупка ссылок, оптимизация контекстной рекламы.

300x60_1 26 000 готовых премиум-шаблонов для сайтов

Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта.

Крупнейшая фриланс-биржа

Сервис удаленной работы.

 

Получать новые кейсы на email:

Примеры аудита юзабилити автомобильных сайтов

Смотреть все