Пример юзабилити аудита интернет-магазина (часть 2)

Напомним, что это вторая часть полного SEO-аудита, состоящего из трех частей. Первая часть «Технический SEO-аудит» здесь.

В этой статье мы рассмотрим основные проблемы, с которыми сталкивается пользователь при заказе товара в интернет-магазине сантехники svdd.ru. А также, насколько удобно расположение и форма представления нужных элементов и информации для потенциального покупателя.

1. Контактные данные (адрес, режим работы), ссылку на страницу контактов вынести на видное место, как номер телефона.

2. Навигация по каталогу должна быть доступна со всех страниц сайта в любую категорию товаров, например, как сделано выпадающее меню на сайте dns-shop.ru. Сейчас же, чтобы перейти в другой раздел каталога, нужно сначала зайти на страницу каталога и только потом выбрать интересующую категорию.

3. Хлебные крошки должны быть в рамках одной строчки. Нужно установить лимит на количество выводимых символов названий товаров и категорий.

4. Поправить кнопку в блоке «Купить» на странице товара, чтобы она не «разъезжалась»:

5. Эффект статичности при прокрутке блока кнопок «Купить» лучше убрать, т.к. пользы от него нет, только мешает просматривать контент:

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

7. При нажатии кнопки «Купить в 1 клик» из категории, выпадают ошибки, хотя данные даже не заполнялись. Пользователя это вводит в заблуждение и не прибавляет доверия к сайту.

8. Шапка сайта занимает слишком много места по высоте, и перекрывает основное в магазине – товары. Кнопку «Заказать звонок» нужно убрать и сделать визуально другой, чтобы разгрузить шапку. Также, переделать поиск, т.к. тоже много места занимает. Шапку нужно сделать в 2 раза меньше по высоте, чем есть сейчас.

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

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

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

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

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