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

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

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

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

 

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

Содержание

1. Вводная информация

2. Базовая статистика сайта

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

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

5. Материалы

6. Наши работы

7. Гарантии

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

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

10. Отзывы

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

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

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

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

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

Вводная информация

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

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

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

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

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

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

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

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

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

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

Адрес страницы: http://barbeku-kompleks.ru

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

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

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

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

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

Видео: https://yadi.sk/i/im1SqADI3Y6uyK

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

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

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

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

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

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

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

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

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

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

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

Видео: https://yadi.sk/i/eQ9N9mAD3Y7BDN

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

Видео: https://yadi.sk/i/5su8jWEB3Y7Bf8

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

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

Видео: https://yadi.sk/i/Nz5J3ejL3Y7Cjr

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

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

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

Видео: https://yadi.sk/i/mfBU0fGh3Y7HXR

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

Материалы

Адрес страницы: http://barbeku-kompleks.ru/#material

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

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

Видео: https://yadi.sk/i/QbaoWPLH3Y7Jhm

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

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

Видео: https://yadi.sk/i/Bzx8y2de3Y7KQi

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

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

Видео: https://yadi.sk/i/Bzx8y2de3Y7KQi

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

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

Видео: https://yadi.sk/i/3nI0ZVJC3Y7nzr

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

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

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

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

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

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

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

Видео: https://yadi.sk/i/EXAlCZmH3Y7pP6

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

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

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

Видео: https://yadi.sk/i/DBcbShkn3Y7qv2

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

Видео: https://yadi.sk/i/ALNGZ6ub3Y7rBP

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

Наши работы

Адрес страницы: http://barbeku-kompleks.ru/#work

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

Видео: https://yadi.sk/i/MErdXdNv3Y7qX5

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

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

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

Видео: https://yadi.sk/i/unI3AyiP3Y7tJw

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

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

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

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

Видео: https://yadi.sk/i/LJly6n9U3Y7tux

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

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

Видео: https://yadi.sk/i/WxWU20523Y7uTx

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

Гарантии

Адрес страницы: http://barbeku-kompleks.ru/#garant

По данному разделу замечаний нет.

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

Адрес страницы: http://barbeku-kompleks.ru/#process

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

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

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

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

Адрес страницы: http://barbeku-kompleks.ru/#sale

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

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

Отзывы

Адрес страницы: http://barbeku-kompleks.ru/#reviews

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

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

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

Видео: https://yadi.sk/i/XRTguHT73Y87LS

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

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

Адрес страницы: http://barbeku-kompleks.ru/#contacts

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

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

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

Видео: https://yadi.sk/i/SCS4Iew53Y88MG

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

Видео: https://yadi.sk/i/IJPa9Gcr3Y88oD

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

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

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

Видео: https://yadi.sk/d/DtW_gBb33Y89Po

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

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

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

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

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

Видео: https://yadi.sk/i/vKN0kLtj3Y8Bzx

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

Видео: https://yadi.sk/i/rGLKx_oc3Y8CVV

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

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

Видео: https://yadi.sk/i/SRYkmTJO3Y8Ds8

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

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

Видео: https://yadi.sk/i/bhWrwpBE3Y8ENv

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

Смотреть все