Чтобы сайт приносил прибыль, красивой картинки мало. Прежде всего, он должен быть удобен для обычного посетителя. Проверить удобство своего сайта можно с помощью этого чек-листа. Он собран на основе рекомендаций основателя AskUsers Дениса Нарижного - сервиса по улучшению usability сайтов.

Что изучаем

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

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

Чек-лист

1. Пользовательские сценарии

Оформление заказа на сайте

  • Легко ли найти переход в корзину?

  • Понятно ли, как заполнить информацию в форме заказа?

  • Можно ли изменить количество товаров в корзине или удалить лишние наименования?

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

  • Раздел «О доставке» есть в основном меню, ее легко найти с любой страницы сайта

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

  • Ссылку на страницу о доставке найти тяжело / ссылка есть не на всех страницах

  • Такой страницы нет вообще

Применение скидочного купона

  • Мне понятно на каком этапе оформления заказа нужно вводить код со скидочного купона

  • Скидочный купон использовать не удалось

  • Такой функционал не предусмотрен на сайте

Поиск адреса и времени работы торговой точки в городе респондента

  • Информация найдена случайно на странице о доставке

  • Есть отдельная страница в главном меню с графиком работы торговых точек

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

  • Ссылку на страницу о графике работы торговых точек найти тяжело / ссылка есть не на всех страницах

  • Информация не найдена

  • У магазина нет своих торговых точек

2. Главная и внутренняя страницы

Определение сферы деятельности сайта по главной странице

  • Да, под логотипом есть надпись о сфере деятельности

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

  • Чтобы понять, чем занимается компания, нужно проскроллить и изучить всю страницу

  • Непонятно

Релевантность второстепенных страниц сайта (услуги, товары и другие)

  • Да, по первому экрану страницы понятно, что на ней предлагают

  • Чтобы разобраться, нужно пролистать всю страницу

  • По содержанию страницы не удалось понять, что мне хотят предложить

Поиск информации на странице

  • Да, все что мне необходимо я нашел на первом экране

  • Пришлось внимательно вчитываться в текст, чтобы найти то,что мне нужно

  • После изучения страницы нужную информацию так и не нашел

Поиск информации со смартфона

  • Да, сайт корректно отображается на смартфоне

  • Сайт адаптивный, но кнопки слишком маленькие и по ним сложно попасть или есть другие недостатки

  • Нет, сайт отображается некорректно, изучить страницу со смартфона невозможно

3. Навигация

Определение текущего положения пользователя на сайте

  • Да, я понимаю на какой странице нахожусь и как перейти к дальнейшему оформлению заказа

  • Нет, я понимаю где я нахожусь, но как продолжить оформление заказа не знаю

  • Нет, я не могу понять на какой странице нахожусь и как оформить заказ

Поиск конкретной услуги в меню

  • Услугу удалось найти очень быстро

  • Пришлось открыть несколько страниц, чтобы найти нужную услугу

  • Нужную услугу найти не удалось

Определение содержания страниц  по названию пунктов меню

  • Да, мне понятно, какое содержание страницы по названию пункта

  • Нет, название мне непонятно

4. Поиск

Есть ли поиск по сайту

  • Да

  • Нет

Поиск на сайте стоимости товара/определенной услуги/адреса/телефона

  • Вы легко нашли всю информацию через внутренний поиск

  • Возникли трудности

  • Какую-то информацию через поиск найти не получилось вообще

Кейс

В этот раз мы будем анализировать сайт книжного магазина «Читай-город».

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

Ввести номер карты постоянного клиента или промокод просто. Поле расположено перед кнопкой «Оформить заказ» и не заметить его сложно.

При выборе способа доставки, поиск по городам интеллектуальный. Он подсказывает название по первым буквам и распознает неправильную раскладку.

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

Сайт не адаптивный, на резиновой верстке. Из-за этого сложно попасть по пунктам меню и прочитать надписи с экрана смартфона.

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

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

 

 

Итоги

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

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

Вывод

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

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

 
Денис Нарижный
Основатель сервиса AskUsers и руководитель интернет-агентства StudioF1.ru,
https://AskUsers.ru

Понравился кейс? Поделитесь им со своими друзьями!

Работа в команде и с клиентами
не должна быть сложной

До внедрения Ровертаск

После внедрения Ровертаск

Ровертаск — простой и удобный способ вести обсуждения и фиксировать задачи

*мы не собираем данные E-Mail адресов, не рассылаем спам