Аудит юзабилити сайта рекламного агентства

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

Дата аудита: март 2018 года

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

Повышение количества заявок на рекламные компании, увеличение конверсии форм и страниц сайта. Оптимизация юзабилити элементов интерфейса.

Навигация по сайту

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

https://youtu.be/p73wmm9Tq10
https://youtu.be/FAzZWhRsYbo
https://youtu.be/h_W_ou0Of5E
https://youtu.be/SJbBuDIBbZk
https://youtu.be/JPbwC5Ksi0s
https://youtu.be/y1CLkitITKA

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

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

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

Уменьшение количества просмотров данного раздела страницы заметно и по данным карты скроллинга.

Скриншот: https://yadi.sk/i/2BwSuve83TTuK6

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

Юзабилити модулей главной страницы

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

Непонятно, что обозначают звездочки в описании баннеров. Значение сноски расшифровано ниже и не видно без прокрутки страницы.

При просмотре баннеров формата AD14, AD15 чтоб увидеть расшифровку сноски страницу надо прокрутить вверх, что противоречит стандартному пользовательскому опыту.

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

Состав полей и функционал формы не привязаны к конкретному типу рекламного предложения, цене и срокам размещения. Фактически, в форме собирается только имя, телефон и email пользователя. Например, как при помощи формы сделать заказ размещения баннера AD15 на год.

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

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

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

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

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

Скриншот: https://yadi.sk/i/z2fbn5c_3TU7PQ

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

Аналогичная ситуация с бронзовой, серебряной и золотой картами.

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

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

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

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

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

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

Рекомендуем добавить кнопки для заказа рекламного размещения.
Отдельно стоит отметить, что на сайте размещена устаревшая информация о посещаемости и аудитории медиа-проектов.

Рекомендуем актуализировать информацию о составе и размере аудитории медиа-проектов компании.
Для всех форматов рекламы на «ЛАОЙВАЙ» нет кнопки или формы заказа.

Аналогичная проблема наблюдается и для рекламных предложений «ЛАОВАЙША».

Рекомендуем добавить соответствующие кнопки и формы для оформления заказа.
Далее рассмотрим юзабилити блока «Способы оплаты».
Адрес электронной почты выполнен обычным текстом, а не ссылкой.

Явно не указан статус кошелька Яндекс.Денег (анонимный, именной или идентифицированный). Это отрицательно сказывается на доверии пользователей.

Также не указано наличие сертификата Webmoney.

Рекомендуем указать полную информацию о статусе кошелька в ЯД и сертификате и бизнес-уровне (BL) в Webmoney.
Компания позиционируется как медиа-холдинг. При этом все платежные реквизиты фактически привязаны к физическому лицу. Юридический адрес компании и соответствующие реквизиты на сайте отсутствуют.

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

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

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

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

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

В блоке контактной информации указан email admin@laowai.ru, а не sales@sinocom.ru который используется в других блоках страницы.

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

Отображение сайта на мобильных устройствах.

Далее будут рассмотрены основные ошибки в отображении сайта на мобильных устройствах при различных разрешениях экрана.
Разрешение 480х320.

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

Не согласована высота верхнего и нижнего отступа.

Нет отступов между элементами списка способов оплаты.

Рекомендуем обеспечить корректное отображение всех элементов сайта и привести значения отступов к единому виду в соответствии с модульной сеткой.
Разрешение 320х480.

Не согласована величина верхнего и нижнего отступа.

Обрезана нижняя граница кнопки.

Не согласована высота отступов.

Текст не помещается в меню.

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

Слишком большой вертикальный отступ.

Нет отступов между элементами списка способов оплаты.

Элементы формы обрезаны по правой границе.

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

Доступность каналов связи

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

Отсутствуют такие важные и общепринятые инструменты, как:

  • онлайн чат;
  • бесплатный звонок с сайта;
  • бесплатный звонок на номер 800;
  • заказ обратного звонка;
  • форма отправки сообщения;
  • форма захвата клиента по триггерам (например, при длительности просмотра более 30 секунд);
  • форма захвата клиента при выходе с сайта.

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

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

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

Основными являются:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смотреть все