Бесплатный аудит юзабилити для магазина 80store.ru

На прошлой неделе мы запустили акцию Бесплатный юзабилити-аудит для вашего интернет-магазина, пришло время рассмотреть первого участника данной рубрики — бильярдный интернет-магазин 80store.ru. Результат будет интересен всем, поскольку обнаруженные ошибки не являются редкостью, они распространены.

Отчет получился подробным, даже чуть вышли за рамки юзабилити затронув SEO-оптимизацию. Итак, приступим!

Оглавление:

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

В хедере нужно поменять местами два блока — логотип и ссылку на «Бильотеку». Логотип традиционно должен находится в левом верхнем углу и с него обычно стоит ссылка на главную страницу. Сейчас, когда на месте логотипа ссылка на «Бильотеку», очень легко ошибиться и вместо главной страницы перейти не туда куда ожидали.

Бесплатный аудит

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

Бесплатный аудит юзабилити

Баннер-слайдер. Мой адблокер (adguard) баннер не заблокировал — это хорошо. Баннеры тоже интересные. Но ссылки с некоторых баннеров неверные (или непонятные, если я неправильно их понял). Например, при клике по баннеру «Уникальный шанс купить продукцию фирмы «Старт» по стоковой цене» переход идет на страницу каталога, где самый дешевый стол стоит 142 т. р. и он не фирмы «Старт».

Бесплатный аудит юзабилити

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

Бесплатный аудит юзабилити Бесплатный аудит юзабилити для сайта

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

Иногда этого добиваются, добавляя к ссылке с баннера дополнительный ключ, а на странице назначения смотрят, есть этот ключ в урле или нет (т. е. был ли переход именно с баннера). Если есть, тогда добавляют на страницу, например, баннер-растяжку над списком товаров, это делает акцию более понятной для посетителя.

Основной блок состоит только из раздела «Лидеры продаж». При этом в лидерах оказались самые дорогие позиции столов. В то же время в разделе «Столы» (каталога товаров), при фильтре по «лидерам продаж», первое место занимает стол «Классик 3» за 88 900 р. http://www.80store.ru/shop/billiard-stoly/?lider=1 . Либо на главной, либо в разделе «Столы» неверно работает выборка, определяющая лидеров продаж.

Бесплатный аудит юзабилити

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

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

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

Бесплатный аудит юзабилити

Каталог товаров

Главная страница «Каталог товаров» Ссылка не содержит изображений товаров, содержит только ссылки. То же самое в списке категорий первого уровня.

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

Бесплатный аудит юзабилити

Страница списка товаров. Все основные недочеты касаются фильтров.

  1. Фильтров слишком много и они расположены так, что взаимозависимость в работе между фильтрами не всегда однозначно ясна. Например, если посетитель магазина сначала воспользуется фильтром (по цене и/или типу стола), а затем решит уточнить размеры стола (например, выберет «7 футов»), то сбросятся результаты фильтра, выставленные ранее. Но в обратную сторону то же самое работает. То есть если сначала выбрать размер стола, а уже внутри фильтровать по цене, то работает правильно. Связано это с тем, что в данном случае размеры столов — это не параметры фильтра, а подразделы каталога. Но в дизайне визуально это никак не отражается, что вызывает путаницу.                                                                                                                                                                                                                                                                                                                        Бесплатный аудит юзабилити
  2. Смотрим дальше. Если сначала посетитель использует верхний фильтр, а потом отсортирует результаты фильтра по цене, то галочки в настройках фильтра сбросятся. При этом результаты фильтра на странице продолжают отображаться верно. Это не столько проблема, сколько глюк фильтра.                                                                                                                                                                                                                                                                     Бесплатный аудит юзабилити
  3. Когда активно используем фильтр, не хватает кнопки «сбросить фильтры», чтобы по клику на нее, все настройки фильтров переходили в состояние «по умолчанию» (чтобы не возвращать их вручную в первоначальное состояние).
  4. Можно смоделировать ситуацию, когда товары по фильтру отсутствуют.                                                                        Бесплатный аудит юзабилитиНапример, на момент аудита, на сайте нет столов для игры в Пул, в то же время параметр для этого фильтра присутствует. Фильтр лучше сделать на аяксе, чтобы после каждого нового выбора отключалась возможность выбора параметра, по которому результатов не будет. Либо, как вариант, для пользователей, которые в результатах фильтра получили страницу «Товары отсутствуют», помимо этого сообщения писать, что товары обновляются часто и скоро будут в наличии и если сейчас связаться с менеджером, то можно узнать когда товар поступит в продажу и получить на него дополнительную скидку (или бесплатную доставку или что-то еще), лишь бы не показывать посетителю сухую информацию об отсутствии товаров.
  5. Далее, когда посетитель использует сортировку по цене, то активный пункт выделяется — это правильно. Но при использовании фильтра по новизне или лидерам продаж – они не выделяется и непонятно, какой фильтр активен.                                                                                                                                                                                       Бесплатный аудит юзабилити
  6. То же самое с выбором размера столов. Когда выбираем один размер стола (например, 7 футов), то в списке, по которому мы осуществляем выбор, этот раздел желательно маркировать. Это поможет посетителю лучше ориентироваться при следующем выборе в этом же списке.                                                                                                                    Бесплатный аудит юзабилити
  7. В этом же списке (выбора по размерам стола), после того как покупатель выбрал один из размеров, вернуться к общему списку, используя эту же навигацию, он уже не сможет. Потому что в списке с выбором размеров столов нет пункта «Все размеры». Чтобы посмотреть снова весь список покупатель должен догадаться снова перейти в раздел через главное меню или воспользоваться ссылкой в полосе навигации. Это неудобно, поэтому нужно добавить в список выбора размеров ссылку на «Все размеры».
  8. В разделе «Киевницы» ссылка для товаров, у которых есть описание, нужно выводить его под кнопкой купить.                                                                                                                                                                                                                 Бесплатный аудит юзабилити Так, как это сделано на странице со списком киев.                                                                                                                    Бесплатный аудит юзабилити

 Карточка товара

  1. Таблица, которую сложно читать Ссылка. Нужно привести ее читабельному виду.                                                        Бесплатный аудит юзабилити
  2. Уведомление о добавлении товара в корзину отображается в окне, выполненном не в общем стиле сайта — не аккуратненько 🙂                                                                                                                                                                        Бесплатный аудит юзабилити
  3. Калькулятор, для расчета длины кия, можно показывать на всех детальных страницах с киями. Это будет полезно для пользователя.
  4. С описанием товаров местами путаница. Например, в названии указано «Бильярдный кий Е.Онищенко «Стрела» Граб» ссылка , но для этого же кия в описании товара указан мастер Каюков Сергей.

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

 Корзина

Оформление заказа проходит просто. Никаких особых вопросов не возникает.

  1. Оплата, осуществляется только после подтверждения заказа менеджером, поэтому в корзине нет выбора способов оплаты, а после оформления заказа никаких платежных реквизитов не дается.                                                                                Бесплатный аудит юзабилити Но в описании способов оплаты, почему-то говорится, что квитанция выдается в конце оформления заказа (но ее там нет). Это может запутать покупателя. Возможно, информация устаревшая, которую просто забыли удалить. Нужно внести правки в описание способов оплаты.                                                                                                 Бесплатный аудит юзабилити
  2. Для корзины желательно сделать упрощенный шаблон дизайна, с минимумом ссылок. Сейчас на странице корзины хедер полностью дублируются, даже включая маленькую корзину.                                                                  Бесплатный аудит юзабилити
  3. Футер дублируется тоже полностью и его тоже для страниц корзины нужно упростить.

Сокращая количество ссылок в корзине нужно руководствоваться простым правилом — «Если что-то не помогает оформить заказ, значит, это нужно убрать».

Посмотрите корзину и оформление заказа в магазине студии Артемия Лебедева — там это правило возведено до абсолюта. Не всегда имеет смысл делать так же, но это верное направление.

  1. Продолжаем. В корзине, ссылку «Ответы на вопросы по оплате и доставке» лучше открывать в модальном окне на этой же странице, чтобы не уводить покупателя из корзины.                                                                                        Бесплатный аудит юзабилити
  2. При клике на товар ссылка никуда не ведет.                                                                                                                                    Бесплатный аудит юзабилити Нужно либо убрать ссылку совсем, или, что лучше открывать по клику на эту ссылка карточку товара в модальном окне, чтобы покупатель не уходил из корзины.
  3. В маленькой корзине нет ссылки «Оформить заказ». Для того чтобы перейти к оформлению заказа покупатель должен кликнуть на количество товаров. Это не интуитивно и не содержит призыва к действию.                                                                                                                                                                                                                                    Бесплатный аудит юзабилити
  4. Маленькую корзину, не помешает сделать плавающей, чтобы она при скролле страницы всегда была приклеена к верхней части окна браузера. Это позволит ей быть на виду и покупателю будет проще начать оформление заказа.

Бесплатный аудит юзабилити

Другие мелочи

  1. На странице статьи, дипломы открываются в том же окне браузера, в котором открыта статья. Вернуться назад к статье можно только используя в браузере кнопку «Назад» — это неудобно. Изображения нужно открывать в модальном окне, например, так, как открывается при клике изображение в карточке товара (или в крайнем случае просто в новом окне браузера).
  2. Из указанных на сайте социальных сетей, активность есть только Вконтакте. Фейсбук, Твиттер, Гугл+ в запустении. При этом на них стоит ссылка в футере на каждой странице сайта. Не активными соцсетями нужно или заняться или закрыть. Вариант, когда последняя новость в группе (например, на Фейсбуке) выходила больше года назад – очень плохой. Покупатель может решить, что страницы в соцсетях мертвые не потому, что у вас много заказов и соцсетями просто некогда заниматься, а наоборот. Чтобы упростить работу с соцсетями, туда можно выборочно выгружать статьи из раздела «Бильятека», товары, акции. Выгрузку можно реализовать автоматически через внешние сервисы кросспостинга. В моем блоге есть статья об автоматизации этого процесса.
  3. В разделе «О компании» нет названия компании. Туда же неплохо бы добавить реквизиты. Да есть ИНН и ОГРН в футере, но там эту информацию мало кто будет искать. Ей самое место в разделе «О компании».

SEO

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

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

  1. Нет canonical для карточек товара. Для разделов есть, а для  товаров нет. Нужно добавить.
  2. Для карточек товара не заполнено поле description (для сео оно особо роли не играет но может участвовать в формировании сниппета и потому желательно добавить). При этом description есть для страниц разделов.                                                                                                                                                                                                                     Бесплатный аудит юзабилити
  3. Сайт размечен микроразметкой Shema.org, но только адреса. Почему-то остались не размечены товары. Нужно разметить товары.
  4. В каталоге товаров на страницах пагинации Title меняется (добавляется текст «Страница 2», «Страница 3» и т.д.) — это хорошо. Но содержимое description остается без изменений. Нужно на страницах пагинации либо совсем убрать description, либо делать разным для каждой страницы.                                                                               Бесплатный аудит юзабилити
  5. Директива Host указана только для Яндекса и не настроен 301 редирект с дополнительного домена 8-0store.ru на основной. Как результат есть дубли контента. В Гугле 608 страниц и в Яндексе пока только 68.                                                                                                                                                                                                                                       Бесплатный аудит юзабилити Бесплатный аудит юзабилити Проблему с дублями нужно решать оперативно, поскольку это довольно ощутимый баг в оптимизации сайта.
  6. В Title (заголовка окна браузера) добавлять для какой игры этот кий. Например, «Бильярдный кий Е.Онищенко «Классика 35» Бокоте/Черный граб для игры в Русский бильярд».  То же самое нужно продумать для других товаров.
  7. Для некоторых товаров неверно прописаны Title. Например, вот тут для товара «Кий Cuetec для пула, цельный, черный», прописан Title «Перчатки бильярдные. Купить перчатки для бильярда». Я не проверял глубоко, возможно, таких ошибок немного, но вам стоит проверить.
  8. Для товаров нет цен в выдаче Ядекса. Чтобы товары отображались в Яндексе вместе с ценой и условиями доставки, магазин нужно подключить к программе Яндекса по улучшению сниппетов.                                                 Бесплатный аудит юзабилити Как это сделать читайте здесь.Напрямую к SEO этот последний совет не относится, но улучшение сниппетов ведет к увеличению CTR с поисковой выдачи, что, в свою очередь, оказывает влияние на поведенческие факторы, а вот они очень важны для продвижения сайта.
26.01.2015

Бесплатный аудит юзабилити для магазина 80store.ru
5 (100%) 1 vote

Статья недели

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

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

© 2011-2016

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

Права на комментарии и статьи редакции принадлежат eMagnat.

Реклама на сайте