Аудит сайта по продаже ремешков для часов

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

Дата аудита: апрель 2018 года

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

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

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

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

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

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

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

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

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

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

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

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

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

https://youtu.be/SxzTtOqf000
https://youtu.be/1t_wm0jCoGc
https://youtu.be/M16mBsi3bJg
https://youtu.be/Ms5emkgFrUw
https://youtu.be/0Mw1gtE5_Qg
https://youtu.be/0i7ERQ-rYig
https://youtu.be/4fnaCtaU4Fk
https://youtu.be/IPwAyGXlIQw
https://youtu.be/tFPMovNt_2A

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

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

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

Ссылки в меню желательно располагать в соответствии с их приоритетом для пользователей. Важная и востребованная среди пользователей ссылка «Фотогалерея» размещена последней. Это подтверждается и данными карты кликов.

Аналогичные данные видны и в карте ссылок.

Для меню каталога наиболее приоритетным для пользователей является «Оригинальные ремешки», затем «Ремешки сторонних производителей», «Оригинальные браслеты» и «Клипсы».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отдельно стоит отметить, что выпадающее меню перестает работать на страницах детального просмотра выбранного товара.

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

Боковое меню на информационных страницах

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

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

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

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

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

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

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

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

Рекомендуем добавить заголовок к данному блоку.

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

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

В блоке «Хиты продаж» выводится только 5 товаров. Возможность прокрутки и просмотра большего количества ремешков (как в блоке «Лучшие предложения»), к сожалению, отсутствует.

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

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

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

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

Просмотр категории каталога

Юзабилити просмотра категории каталога верхнего уровня будем рассматривать на примере наиболее популярного раздела «Оригинальные ремешки».

Не совсем понятно, как отсортирован список производителей ремешков в каталоге (алфавиту, популярности, количеству моделей ремешков).

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

Явно не указано, сколько моделей ремешков каждого производителя представлено в каталоге.

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

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

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

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

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

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

Просмотр подкатегории каталога

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Детальный просмотр товара

Юзабилити страницы детального товара рассмотрим на примере.

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

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

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

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

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

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

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

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

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

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

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

После добавления товара в корзину явно не указано, какое количество конкретного товара уже находится в корзине.

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

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

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

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

Сравнение товаров

На сайте есть возможность добавления товаров в список сравнения для более детального ознакомления с моделями и принятия окончательного решения о покупке того или иного браслета (ремешка).

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

Для примера показан процесс сравнения 6-ти тестовых товаров.

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

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

Поиск по сайту

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

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

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

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

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

Ссылки на страницы товаров оформлены как обычный текст. Это отрицательно сказывается на юзабилити.

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

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

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

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

При вводе уточнения в запрос, не обеспечивается релевантность (точное соответствие запросу) результатов поиска.

Например, при вводе запроса «edox кожаный» в выдаче появляются ремешки фирмы «ORIS».

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

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

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

Корзина и оформление заказа

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

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

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

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

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

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

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

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

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

Вход и регистрация

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

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

Контакты

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

Адрес электронной почты сделан обычным текстом, а не ссылкой.

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

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

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

Фотогалерея

Непонятно, для чего сделана навигация по альбомам на данной странице.

При переходе в раздел «Избранное» выводится всего одно изображение.

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

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

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

  1. поисковый трафик из Яндекса имеет тенденцию к снижению в последний квартал;
  2. поисковый трафик из Google имеет лучшие показатели по отказам, глубине и времени просмотра. Но его объем в данный момент находится на низком уровне;
  3. не выполнена глубокая настройка Яндекс.Метрики для отслеживания целей и конверсии;
  4. не работает выбор количества выводимых товаров в каталоге;
  5. нет фотографий для большого числа товаров в каталоге;
  6. тексты сайта в основном предназначены для поисковой оптимизации, а не реальных пользователей;
  7. допущены ошибки в компоновке страницы с товарами;
  8. не указаны основные характеристики, важные для выбора и принятия решения о покупке товара. из-за этого функционал модуля сравнения товаров крайне ограничен;
  9. не обеспечена корректная работа модуля поиска и точное соответствие результатов поисковому запросу;
  10. на странице контактов нет формы обратной связи и ссылок на профили компании в социальных сетях;
  11. допущены существенные ошибки во внутренней поисковой оптимизации сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

Смотреть все