Повышаем продажи товаров для детей в интернет-магазине

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

Дата аудита: октябрь 2018 года

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

 

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

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

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

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

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

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

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

https://youtu.be/JiKSccNOg0w
https://youtu.be/TrWLIdfx8-0
https://youtu.be/mUDBZ_YmZ6U
https://youtu.be/VDQykFBLSBI
https://youtu.be/vOHkpPbCX1M
https://youtu.be/JU0O3wQ_aN8
https://youtu.be/TGuUv0B8D9A
https://youtu.be/hSWoO8QnkSU
https://youtu.be/d9kXbv5gaCw
https://youtu.be/dYrMNOyzpIM
https://youtu.be/EuVzmTtAku4
https://youtu.be/x3pSKhtfVfU
https://youtu.be/xRYODViL1bA
https://youtu.be/izYi5b33Q-s

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

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

https://youtu.be/aq5-k4wqxPs
https://youtu.be/woJHmlSMoVw
https://youtu.be/lQ3W-1Qxmg0
https://youtu.be/Y5y8BDb8jFg
https://youtu.be/Pz3XwfmklCE
https://youtu.be/izYi5b33Q-s
https://youtu.be/XyAOcNNlDXo
https://youtu.be/kvdytdhBvEY

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

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

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

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

При переходе по ссылкам меню каталога происходит «моргание» нижней границы меню.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Модуль поиска

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

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

Рассмотрим, как выполняются эти требования в данный момент на сайте https://partatorg.ru.

Для примера, наберем общий запрос «парта».

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

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

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

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

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

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

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

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

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

При этом более важная для пользователя информация – название товара – выводится в сокращенном виде.

Рекомендуем выводить название товара в полном виде, а описание сокращать до 200-250 символов. Это позволит уменьшить высоту страницы и упростить работу с поиском.

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

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

Кнопка «Купить» не реагирует на наведение курсора.

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

Есть возможность сортировки только по цене. Сортировка по названию, артикулу, новизне и другим параметрам отсутствует. Рекомендации по устранению этой проблемы даны выше.

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

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

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

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

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

Текст в блоке «Мебель для школьника» открывается при нажатии на ссылку «Подробнее». Но ссылка для обратного сворачивания текста отсутствует. Это отрицательно сказывается на юзабилити.

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

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

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

Нет ссылок на соответствующие страницы каталога.

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

Нет ссылки для закрытия блока «Хиты продаж».

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

Количество товаров в блоке «Хиты продаж» (и других аналогичных блоках главной страницы) должно быть кратно 4. Иначе в последнем ряде остается пустая зона, и дизайн выглядит неаккуратно.

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

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

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

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

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

Карта скроллинга: https://yadi.sk/i/Ao4MCyGVj-DHcQ

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

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

Рекомендуем заменить изображение на блок с Яндекс.Картой.

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

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

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

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

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

Минимальная цена в баннере и каталоге отличается.

Наблюдается несоответствие информации о минимальной цене парт в фильтре и тексте.

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

После открытия текст с описанием категории каталога его невозможно закрыть. Это отрицательно сказывается на юзабилити.

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

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

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

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

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

Также не указано, сколько товаров выводится на странице.

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

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

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

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

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

При выводе товаров списком меняется дизайн кнопки «В корзину» и она сливается с соседними элементами.

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

Непонятно, что обозначает скидка 0%.

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

Нет фото для некоторых товаров в каталоге.

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

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

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

При нажатии на выбор цвета происходит смещение цены товара влево.

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

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

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

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

Более оптимальной будет горизонтальная компоновка всех блоков. Например:

Непонятно предназначение кнопки «По всей России». При клике по ней ничего не происходит.

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

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

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

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

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

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

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

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

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

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

На этапе выбора способа оплаты нет возможности платежа через системы Webmoney, Яндекс.Деньги и т.д. которые заявлены на странице https://partatorg.ru/pay

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

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

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

Форма для партнеров

Далее рассмотрим юзабилити формы для отправки заявки на партнерство.

Нет заголовка, соответствующего содержанию формы.

В форме явно не указано, какие поля являются обязательными для заполнения. Такой текст есть только на странице https://partatorg.ru/optovikam и не виден при заполнении формы.

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

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

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

В итоге, конверсия формы составляет 21.05%.

Форма заказа обратного звонка

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

На сайте-конкуренте https://www.qp-partu.ru обязательные поля отмечены звездочками.

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

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

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

Также нет информации о согласии на обработку персональных данных. На сайтах-конкурентах (например, https://www.qp-partu.ru) такой блок есть.

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

Форма покупки в один клик

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

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

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

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

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

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

Страница «Оптовикам»

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

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

Скриншот https://www.qp-partu.ru/opt/: https://yadi.sk/i/NNOseftXP-8UtQ

Скриншот https://partamag.ru/opt/: https://yadi.sk/i/qd7-AX8xoEZ3mg

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

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

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

Страница «Полезные статьи»

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

При этом они датированы 2015-2016 годами. Создается впечатление, что сайт заброшен, и информация на нем не обновляется.

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

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

Страница «Доставка и сборка»

По формулировке «бесплатно, либо 500 рублей» невозможно понять, как будет осуществляться доставка в пределах МКАД

При этом на сайтах конкурентов явно обозначена информация об условиях доставки в пределах МКАД.

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

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

Страница «Контакты»

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

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

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

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

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

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

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

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

  1. учитывая сезонную специфику товара, все источники трафика имеют явный всплеск посещаемости в июле-августе (перед началом учебного года) и дальнейший спад;
  2. основным источником трафика является реклама. Но она имеет наихудшие показатели по отказам, глубине и времени просмотра страниц;
  3. поисковый трафик находится на достаточно низком уровне в 15%;
  4. конверсия у рекламного трафика в три раза хуже, чем у прямого;
  5. подавляющее большинство заказов совершается клиентами из Москвы. В целом, контент сайта ориентирован на Москву. Количество покупок из других городов минимально;
  6. при изменении города клиента контент сайта не адаптируется под конкретный регион, в частности – на странице “Контакты”;
  7. заметно явное падение конверсии для пользователей смартфонов, что свидетельствует о недостаточной проработке мобильной версии сайта;
  8. в разделе статей есть всего 4 устаревших публикации;
  9. на странице “Контакты” нет формы обратной связи. Ее контент не адаптируется под выбранный регион пользователя;
  10. не проработан дизайн и функционал модуля поиска по сайту;
  11. допущены ошибки в юзабилити навигационных элементов сайта;
  12. не оптимально выполнена общая компоновка макетов сайта. В результате страницы имеют избыточную высоту, а большинство пользователей просматривают только верхнюю часть страницы, что полностью подтверждается данными карты скроллинга;
  13. допущены ошибки в юзабилити корзины, которые затрудняют оформление заказа покупателями из других городов;
  14. есть ряд недоработок с точки зрения внутренней оптимизации сайта для поисковых систем;
  15. дизайн рекламных блоков и баннеров не привлекает внимание пользователей. Количество переходов по ним минимально, что подтверждается данными карты кликов;
  16. не совпадает информация о минимальной цене одних и тех же товаров в разных блоках сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смотреть все