Мини-аудит юзабилити сайта. В поисках возможных улучшений

Этот небольшой аудит в рамках нашей рубрики SEO-разнос посвящен интернет-магазину оптических приборов (UniOptics) и очередной проблеме, озвученной клиентом: необходимо проанализировать и, в перспективе, улучшить юзабилити.

 Попытаюсь выяснить, действуя по следующей схеме:

  1. Визуальный анализ ресурса.

  2. Удобство использования стандартной и мобильной версии сайта.

  3. Соответствие чек-листу юзабилити (подобные мы прорабатываем в рамках работы с нашей мастер-группой).

Pic-1

1. Визуальный анализ

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

Pic-2

Поиск не работает – его необходимо протестировать и исправить, по возможности.

Обязательная тема для любого магазина – тестирование того, насколько отлажена система оформления заказа. Мой первый минус уходит невнятным кнопкам «В корзину», выполненным в неброской цветовой гамме. Может, стоит их сделать контрастными, как и цены? Естественно, не выбиваясь из основной цветовой схемы дорогого вашему сердцу дизайна.

Pic-3Но на этом тест не заканчивается. Нажав на кнопку «В корзину», я не вижу никаких изменений. То есть, не появляется заветное уведомление о том, отправлен ли товар в эту самую корзину. Это достаточно распространенная ошибка интернет-магазинов. Нажимая на кнопку, я надеюсь попасть в корзину (а на моем месте может быть ваш потенциальны покупатель), но почему-то попадаю на карточку товара. Подобное вводит меня в легкий ступор. Повторно добавить в корзину? Окей. Но после перехода к оформлению заказа (ура, заработало!) у меня в корзине обнаруживаются (что логично) два совершенно одинаковых бинокля, один из которых мне точно не нужен.

minТак как же это работает? Посредством, опять же, не слишком приметной ссылки «Оформление заказа». Она ведет на страницу, где есть форма оформления с большим количеством полей для заполнения. Вас действительно интересует почтовый индекс? Даже при самовывозе? Все эти детали можно уточнить при непосредственном контакте с клиентом, в устной форме. Чем больше полей – тем меньше конверсия формы.

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

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

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

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

2. Юзабилити стандартной и мобильной версии сайта

Для проверки скорости загрузки страниц я использую Анализатор скорости загрузки сайта. Начну со скорости работы ресурса для стандартных ПК: рейтинг тут 43 из 100, а это значит, что работать есть, над чем. Речь и об оптимизации изображений, и использовании кэша, и сокращении скорости ответа сайта, и оптимизации самого кода. Можете воспользоваться этим же сервисом по ссылке seo.seocrm.net – полученный отчет можно брать за основу оптимизации сайта.

В работе с мобильными устройствами рейтинг еще ниже (35/100), что говорит о том, что пользователям мобильных устройств у вас дискомфортно. Рекомендации те же: сжатие кода, использование кэша и пр.

3. Чек-лист

Номер телефона

+

Схема проезда

-

Онлайн-консультант

-

Электронная почта

+

Аккаунты в соцсетях

+

Фото сотрудников

-

Реклама сторонних ресурсов

-

Большой ассортимент

+

Блок с сопутствующими товарами

-

3D-модели

-

Технические характеристики товара

+

Указания на скидки и бонусные баллы

-

Информация о доставке

+

Рейтинг популярности у вас (баллы, звездочки – посмотрите, например, на сайте «Эльдорадо» или «М-Видео»)

-

Широкий выбор способов оплаты

-

Широкий выбор способов доставки

-

Сеть представительств/точек выдачи

-

Телефон клиентской поддержки

+

Раздел FAQ

-

Раздел помощи

-

Обратный звонок

-

Акции

-

Распродажи

-

Спецпредложения

-

Читабельность домена

+

Читабельность урлов

+

Читабельность тайтлов (псевдостатика)

+

Видите, сколько всего можно улучшить?

Основная рекомендация – найти чек-лист с seo.seocrm.net, чтобы наглядно видеть, что именно предстоит доработать. О проблемах с корзиной я рассказал выше.

Резюме

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

ВНИМАНИЕ! Теперь я буду использовать чек-листы для проведения разносов. Ищите, скачивайте, готовьтесь.

Хотите разнос для своего сайта? Мы просим вас предоставлять нам гостевые доступы в Яндекс.Метрику или Гугл.Аналитикс, чтобы дать нам возможность смотреть структуру посещаемости и оперировать данными статистики.

……………………………………

Запись опубликована автором Иван Севостьянов