Чтобы сайт приносил прибыль, красивой картинки мало. Прежде всего, он должен быть удобен для обычного посетителя. Проверить удобство своего сайта можно с помощью этого чек-листа. Он собран на основе рекомендаций основателя AskUsers Дениса Нарижного - сервиса по улучшению usability сайтов.
Что изучаем
С помощью чек-листа можно провести тест на удобство информационной структуры сайта. Мы коснемся не только вопроса проектирования сайта в целом, но и соответствия его отдельных элементов ожиданиям обычного клиента.
Аудит сайта мы начнем с пользовательских сценариев. Вам нужно попросить знакомых зайти на сайт с выполнить определенное действие: сделать заказ, найти адрес торговой точки, найти информацию о доставке и так далее. Если люди испытывают трудности — значит, ваши клиенты тоже могут потеряться.
Чек-лист
1. Пользовательские сценарии
Оформление заказа на сайте
-
Легко ли найти переход в корзину?
-
Понятно ли, как заполнить информацию в форме заказа?
-
Можно ли изменить количество товаров в корзине или удалить лишние наименования?
Поиск информации о доставке
-
Раздел «О доставке» есть в основном меню, ее легко найти с любой страницы сайта
-
Ссылка есть в подвале, нужно пролистать страницу до самого низа, чтобы увидеть ее
-
Ссылку на страницу о доставке найти тяжело / ссылка есть не на всех страницах
-
Такой страницы нет вообще
Применение скидочного купона
-
Мне понятно на каком этапе оформления заказа нужно вводить код со скидочного купона
-
Скидочный купон использовать не удалось
-
Такой функционал не предусмотрен на сайте
Поиск адреса и времени работы торговой точки в городе респондента
-
Информация найдена случайно на странице о доставке
-
Есть отдельная страница в главном меню с графиком работы торговых точек
-
Ссылка есть в подвале, нужно пролистать страницу до самого низа, чтобы увидеть ее
-
Ссылку на страницу о графике работы торговых точек найти тяжело / ссылка есть не на всех страницах
-
Информация не найдена
-
У магазина нет своих торговых точек
2. Главная и внутренняя страницы
Определение сферы деятельности сайта по главной странице
-
Да, под логотипом есть надпись о сфере деятельности
-
На первом экране главной страницы есть информация о том, что продает магазин
-
Чтобы понять, чем занимается компания, нужно проскроллить и изучить всю страницу
-
Непонятно
Релевантность второстепенных страниц сайта (услуги, товары и другие)
-
Да, по первому экрану страницы понятно, что на ней предлагают
-
Чтобы разобраться, нужно пролистать всю страницу
-
По содержанию страницы не удалось понять, что мне хотят предложить
Поиск информации на странице
-
Да, все что мне необходимо я нашел на первом экране
-
Пришлось внимательно вчитываться в текст, чтобы найти то,что мне нужно
-
После изучения страницы нужную информацию так и не нашел
Поиск информации со смартфона
-
Да, сайт корректно отображается на смартфоне
-
Сайт адаптивный, но кнопки слишком маленькие и по ним сложно попасть или есть другие недостатки
-
Нет, сайт отображается некорректно, изучить страницу со смартфона невозможно
3. Навигация
Определение текущего положения пользователя на сайте
-
Да, я понимаю на какой странице нахожусь и как перейти к дальнейшему оформлению заказа
-
Нет, я понимаю где я нахожусь, но как продолжить оформление заказа не знаю
-
Нет, я не могу понять на какой странице нахожусь и как оформить заказ
Поиск конкретной услуги в меню
-
Услугу удалось найти очень быстро
-
Пришлось открыть несколько страниц, чтобы найти нужную услугу
-
Нужную услугу найти не удалось
Определение содержания страниц по названию пунктов меню
-
Да, мне понятно, какое содержание страницы по названию пункта
-
Нет, название мне непонятно
4. Поиск
Есть ли поиск по сайту
-
Да
-
Нет
Поиск на сайте стоимости товара/определенной услуги/адреса/телефона
-
Вы легко нашли всю информацию через внутренний поиск
-
Возникли трудности
-
Какую-то информацию через поиск найти не получилось вообще
Кейс
В этот раз мы будем анализировать сайт книжного магазина «Читай-город».
Добавить товар в корзину легко, но, чтобы перейти к оформлению заказа, нужно искать глазами кнопку корзины. Хорошо, что кнопка расположена в ожидаемом верхнем правом углу.
Ввести номер карты постоянного клиента или промокод просто. Поле расположено перед кнопкой «Оформить заказ» и не заметить его сложно.
При выборе способа доставки, поиск по городам интеллектуальный. Он подсказывает название по первым буквам и распознает неправильную раскладку.
После выбора города и способа доставки «самовывоз», появляется список всех пунктов выдачи с интерактивной картой, адресами, графиком работы и стоимостью доставки.
Сайт не адаптивный, на резиновой верстке. Из-за этого сложно попасть по пунктам меню и прочитать надписи с экрана смартфона.
Попасть по нужной строчке в корзине сложно, даже если увеличить масштаб, так как строчки товаров, резерва и закладок расположены слишком близко.
На первый взгляд удобный выбор пунктов выдачи, очень неудобен при оформлении заказа со смартфона.
Итоги
За идеально продуманным и удобным сайтом в десктопной версии скрывалась резиновая, но неадаптивная верстка для планшетов и смартфонов.
Это не критично, если большинство клиентов выбирают книги и оформляют заказ с компьютера. Хотя с другой стороны, купить что-то через маленький экран практически невозможно. Мы можем порекомендовать владельцам этого ресурса проанализировать страницы выхода и отказы для мобильных пользователей и, при необходимости, сделать удобную версию сайта для маленьких экранов.
Вывод
Как видно из кейса, недочеты и упущения могут быть даже у довольно известных интернет-магазинов, над которыми трудилась команда программистов. Так что скачивайте чек-лист и пользуйтесь им.
Для получения достоверной информации попросите протестировать по этому чек-листу независимого человека. Лучше, если он будет никак не связан с проектированием сайтов, маркетингом в целом и деятельностью вашего магазина в частности.
