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

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

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

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

 

Кейс по выявлению ошибок в юзабилити и поисковой оптимизации сайта компании по приему металлолома в Москве. Улучшение структуры, навигации. Список работ по внутренней оптимизации сайта.

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

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

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

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

Рассмотрим, насколько качественно проработаны меню и навигационные элементы в данный момент на сайте.

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

Рекомендуем явно обозначить наличие выпадающих подменю в разделах «Услуги» и «Контакты».

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

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

Выпадающее меню «Услуги» имеет избыточную ширину. В результате справа остается пустой блок, не содержащий полезного контента.

Рекомендуем уменьшить ширину выпадающего меню до размеров контента в нем.

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

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

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

Согласно данным статистики, наиболее часто пользователи переходят в раздел «Цены» и «Контакты». При этом ссылка на прайс-лист расположена последней. Ниже приведены данные карты кликов и карты ссылок главной страницы.

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

  1. Главная
  2. Услуги
  3. Цены
  4. О компании
  5. Преимущества
  6. Контакты

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

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

В верхней части сайта есть текстовые элементы с иконками. Большинство пользователей считают, что это ссылки на соответствующие разделы и пытаются нажать на них. Это подтверждается и данными карты кликов.

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

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

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

Рекомендуем сделать указанные элементы ссылками на соответствующие разделы и функциональные элементы сайта.

Вспомогательная навигация

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

Но, к сожалению, в данный момент допущены некоторые ошибки в ее дизайне и юзабилити.

Ссылки в навигационной цепочке не реагируют на наведение курсора.

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

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

Рекомендуем сделать последний элемент в навигационной цепочке обычным текстом.

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

Далее рассмотрим вопросы юзабилити главной страницы сайта.

Явно не указано, в каком основном регионе работает компания.

Для примера, на сайте-конкуренте такая информация есть практически на каждой странице.

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

Между логотипом и номером телефона расположена пустая зона, не содержащая полезного контента.

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

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

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

В контенте страницы отсутствует какое-либо графическое оформление, изображения или фото. Это отрицательно сказывается на юзабилити и привлекательности сайта для пользователей. Полный скриншот страницы приведен по ссылке https://yadi.sk/i/z5ze77903YEnKE

На сайте-конкуренте http://kupim-metall.ru/ на главной странице опубликовано не только достаточное количество фото, но и видеоролики.

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

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

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

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

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

На сайте-конкуренте http://kupim-metall.ru/ такая информация есть.

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

О компании

На странице размещена всего одна фотография плохого качества.

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

Карта скроллинга: https://yadi.sk/i/5pt2Of2T3YF3A8.

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

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

Преимущества

Иконки сделаны слишком большого размера.

Они сделаны ссылками, при клике на которые открывается скрипт просмотра семи одинаковых изображений. Такое решение не имеет логического смысла.

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

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

Рекомендуем привести величину отступов в списке к единому виду.

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

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

Услуги

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

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

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

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

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

Нет отступа между списком услуг и абзацем.

Нет вертикального отступа между абзацами.

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

Пропущено слово «Связи».

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

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

Прием черного металлолома

На странице нет цен на прием. Эта информация является важной для пользователя. Данное замечание верно для всех страниц с описанием услуг.

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

Нет отступа между изображением и текстом.

Рекомендуем добавить отступ в соответствии с модульной сеткой сайта.

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

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

Нет вертикального отступа между абзацами.

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

Лом чугуна

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

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

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

Необходимо отметить, что на сайтах-конкурентах такая детальная информация есть. Например, http://kupim-metall.ru/lom-chuguna-promyshlennogo

Эти же проблемы присущи и для других типовых страниц с описанием услуг компании:

  • Стальная стружка http://lomrus.ru/stalnaya-struzhka
  • Чермет http://lomrus.ru/chermet
  • Черный металлолом http://lomrus.ru/chernyi-metallolom
  • Прием лома цветных металлов http://lomrus.ru/priem-loma-tsvetnykh-metallov

Рекомендуем расширить объем контента и полезной информации на страницах с описанием услуг компании.

Демонтаж

Открытие данного изображения скриптом не имеет логического смысла.

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

Фото не является уникальным. Оно используется на множестве других сайтов, в том числе сайте-конкуренте http://kupim-metall.ru/uslugi

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

Вывоз лома

На странице нет даже ориентировочных цен на вывоз лома.

Рекомендуем явно указать цены на вывоз лома.

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

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

Тексты ориентированы на поисковое продвижение сайта, а не реальных пользователей и содержат большое количество вхождений ключевых слов.

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

Цены на металлолом

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

В прайсе на цветной лом указан только вид и состав лома. Какая-либо информация о ценах в таблице полностью отсутствует.

На сайтах-конкурентах базовая цена на цветной лом, как правило, указана. Например, http://metalvmoskve.ru/

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

Отдельно необходимо отметить, что на сайте заявлена самая высокая цена на лом, которая составляет 14 000 рублей.

Но на сайтах конкурентов цены выше. Например:

Цены

http://metalvmoskve.ru/

Контакты

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

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

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

Рекомендуем разместить форму обратной связи непосредственно на странице «Контакты».

Обратная связь

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

Рекомендуем сделать цвет границ темно-серым в соответствии с общей цветовой гаммой сайта.

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

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

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

Оформление кнопки отправки сообщения не соответствует общему стилю дизайна сайта.

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

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

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

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

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

  • основным источником трафика являются переходы по рекламе;
  • доля поискового трафика составляет всего 21.2%;
  • 95% поискового трафика идет из Google. Переходы из Яндекса практически отсутствуют;
  • наблюдается рост показателя отказов при просмотре сайта с мобильных устройств;
  • не установлены цели для точного отслеживания конверсии;
  • допущены ошибки в юзабилити навигационных элементов;
  • большинство текстов, размещенных на сайте, ориентированы на поисковое продвижение, а не пользователей. Они содержат избыточное количество вхождений ключевых слов и сложны для восприятия;
  • не опубликован служебный файл с картой сайта sitemap.xml;
  • полностью отсутствует метатег description;
  • в заголовках H1 не используются вхождения названия региона работы компании (Москва);
  • допущен ряд ошибок в верстке сайта. Она не соответствует современным стандартам и требованиям к семантике кода;
  • используются разные стили оформления для типовых элементов интерфейса. из-за этого дизайн выглядит непрофессионально.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

Смотреть все