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

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

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

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

https://yadi.sk/i/jvxHy9UW3TS5fH
https://yadi.sk/i/CZHe0eQ_3TS5kv
https://yadi.sk/i/6gkF_GPB3TS6cm
https://yadi.sk/i/hfIG9aPe3TS6sE
https://yadi.sk/i/1e8Th28K3TS73y
https://yadi.sk/d/1WWzgOF83TS7Hw

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видео: https://yadi.sk/i/4bz-KTlH3TUEoi

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готов ответить на все вопросы по результатам аудита в скайпе, 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:

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

Смотреть все