Аудит юзабилити и SEO интернет-магазина брендовых сумок и аксессуаров

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

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

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

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

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

Логотип и слоган

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

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

Кроме этого, общепринятым является размещения рядом с логотипом краткого слогана.

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

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

По логотипу достаточно сложно понять, какие товары представлены на сайте. Какой-либо текстовый слоган в явном виде отсутствует.

Рекомендуем разместить рядом с логотипом краткий слоган. Например, «Брендовые кошельки, сумки и аксессуары».

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

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

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

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

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

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

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

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

Не выделяется текущий раздел каталога.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Адрес страницы: https://elcante.ru/.

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

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

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

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

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

Данные ссылки сделаны слишком мелким шрифтом и теряются рядом с другими крупными текстовыми элементами страницы.

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

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

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

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

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

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

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

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

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

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

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

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

Отдельно стоит отметить, что на главной странице явно не указано, что в магазине представлены копии (реплики), а не оригинальная брендовая продукция. Об этом упоминается на странице https://elcante.ru/informatsiya и https://elcante.ru/o-nas.

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

Страница категории каталога

Юзабилити страницы каталога будем рассматривать на примере https://elcante.ru/brendovye-sumki/.

Явно не указано, как отсортирован каталог при загрузке страницы по умолчанию (по цене, имени или рейтингу?).

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

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

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

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

Нет синхронизации количества товаров на странице с кратностью товаров в одном ряде. В результате, на странице выводится 25 товаров по 3 товара в ряд и внизу остается неполная строка с товаром.

Скриншот: https://yadi.sk/d/T3hAwwkA3TGYXn

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

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

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

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

Некорректно работает модуль сравнения товаров. В список сравнения невозможно добавить более 4-ех товаров.

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

По-разному выводятся карточки одинаковых товаров в списке сравнения.

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

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

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

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

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

В нижней части страницы категории каталога расположен большой текстовый блок, который ориентирован на SEO, а не пользователей сайта.

Скриншот: https://yadi.sk/i/WIOJGuU-3TGfcU

Страница детального просмотра товара

Юзабилити данного раздела рассмотрим на примере страницы https://elcante.ru/sumka-zhenskaja-chanel-grey-1112.

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

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

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

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

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

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

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

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

Для некоторых товаров опубликована только одна фотография. Например, https://elcante.ru/index.php?route=product/product&product_id=1121. Это отрицательно влияет на юзабилити.

Рекомендуем публиковать минимум 2-3 фотографии для каждого товара.

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

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

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

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

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

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

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

В корзине неверно выводится вес товара.

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

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

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

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

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

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

Возможно два варианта оформления заказа – без регистрации нового пользователя и с регистрацией.

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

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

Не удалось создать аккаунт покупателя и на странице регистрации нового пользователя https://elcante.ru/create-account/.

Фактически, в данный момент невозможно оформить покупку через корзину сайта.

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

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

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

Допущена опечатка в слове «Кабинет».

Оформление заказа незарегистрированным пользователем.

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

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

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

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

Нет проверки правильности ввода данных в полях формы. Возможен ввод числовых значений в текстовых полях «Имя» и «Фамилия». Также можно ввести текстовые значения в числовое поле с номером телефона. Удалось успешно отправить форму с неверными данными, показанными на скриншоте ниже.

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

Используется избыточное количество символов в полях «Индекс» и «Телефон».

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

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

Эти же замечания верны и для блока «Адрес доставки».

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

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

Отдельно стоит отметить, что в данный момент доступно всего два способа оплаты – наличными курьеру либо перевод на карту «Сбербанка». Возможность оплаты при помощи других распространённых способов (например, Яндекс.Деньги, Webmoney, VISA) к сожалению, не предусмотрена. Это отрицательно сказывается на юзабилити и конверсии.

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

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

	Крупнейший регистратор доменных имен REG.RU Регистрация и продление доменных имен в любых зонах.
	Ведущий хостинг-провайдер BEGET.RU Хостинг, аренда серверов, регистрация доменов.
	Сервис тестирования юзабилити реальными пользователями Отбор и анкетирование целевой аудитории сайта.
	Сервис мониторинга, анализа и оценки эффективности поискового продвижения. Съем и отслеживание позиций сайта, работа с семантическим ядром.
	Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности. Покупка готовых текстов и заказ уникальных статей на нужную тему.
	Сервис автоматизации продвижения сайта и рекламы в интернете. Подбор и покупка ссылок, оптимизация контекстной рекламы.
	26 000 готовых премиум-шаблонов для сайтов Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта.
	Крупнейшая фриланс-биржа Сервис удаленной работы.