Содержание юзабилити-аудита и чек-лист для самостоятельной мини-проверки

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


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

ВАЖНО

Правила юзабилити (некоторые) – принцип обратной связи — при клике на ассоциативно кликабельные элементы пользователь обязательно должен получать обратную связь, т. е. Система должна реагировать на действия пользователя

Состав аудита юзабилити сайта:

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

Что в результате?

В результате аудита вы поймете, насколько комфортно чувствуют себя пользователи на вашем ресурсе и СТОИТ ЛИ ВКЛАДЫВАТЬ ДЕНЬГИ в продвижение?

Вы можете попробовать провести анализ своего сайта самостоятельно по чек-листу ниже:


Чек-лист по юзабилити сайта.

Главные вопросы, на которые должен ответить пользователь в течение 3-х секунд нахождения на сайте и

далее на КАЖДОЙ странице:

  • куда я попал?
  • Как мне двигаться дальше?
  • Куда обратиться?

Пользователь должен ОДНОЗНАЧНО идентифицировать элементы сайта, которые приводят к целевому действию:

  • кнопки с призывами к действию
  • телефоны и адреса
  • формы (заявка, подписка, бронирование и т. д.)

Общие стандарты для всего сайта

  • Логотип хорошо заметен и размещен в верхней части каждой страницы: в левом углу или посередине
  • Номер телефона расположен в шапке сайта на одном и том же месте на всех страницах — желательно в правом верхнем углу
  • Номер телефона видно на любой странице в течение первых 3-х секунд просмотра
  • Номер телефона указан с кодом города
  • Указан город или страна, где работает компания
  • Не используется Flash-анимация
  • Поиск по сайту находится в верхней части всех страниц сайта и виден в течение первых 3-х секунд просмотра. Форма поиска выполнена так, что пользователь понимает, как она действует
  • Все ссылки в текстах подчеркнуты
  • В текстах не используется подчеркивание не для ссылок
  • Основной цвет фона белый или светлый
  • Все ссылки на форму обратной связи или номер телефона снабжаются призывами к действию «Позвоните нам»…
  • На любой странице не более 8-ми блоков
  • На любой странице не более 3-х колонок
  • На всем сайте используется единый принцип выравнивания
  • Все значимые изображения снабжены тэгом Alt
  • Цвета шрифтов и фона контрастны
  • Не используются скрипты видоизменяющие курсор мыши
  • Не используются анимация формата «падающий снег»
  • Страница 404 ошибки выполнена в дизайне сайта и содержит ссылки на основные навигационные страницы сайта
  • Любая страница сайта должна содержать торговое предложение
  • При минимальном разрешении экрана (1024×768) полоса прокрутки отсутствует (IE,Chrom, Firefox, Opera)
  • Сайт одинаково отображается во всех основных браузерах (IE,Chrom, Firefox, Opera)
  • Любая страница сайта имеет не более 3-х «ярких акцентов»

Базовая навигация:

  • Меню каталога товаров расположено вертикально
  • Меню основной навигации расположено горизонтально
  • Меню основной навигации продублировано в нижней части сайта
  • Текущий пункт меню всегда выделен
  • Ссылка в меню на текущий пункт не активна
  • Используются «хлебные крошки» для всех страниц сайта.
  • Все навигационные элементы занимают не более 20% площади экрана

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

  • УТП видно сразу в течение первых 3-х секунд просмотра (баннер, текст, слоган)
  • Главная страница содержит осмысленный заголовок
  • Главная страница содержит краткий текст «о магазине, о компании», построенный на выгодах и (или) УТП
  • Главная страница содержит как минимум одно конкретное предложение о покупке до линии второго экрана
  • С главной страницы нет работающей ссылки на главную же страницу
  • Заметная ссылка на предложение помощи, если сайт технически сложен или продукт (услуга), который продается сложен
  • Пункты меню оплата и доставка должны быть легконаходимы из любой точки страницы
  • Главная страница не содержит pop-up баннеров (кроме вариантов захвата в рассылку)
  • Главная страница не содержит никаких звуков запускаемых без действий пользователя
  • Подробная контактная информация (телефон, email, ссылка на форму обратной связи и контактную информацию)
  • Примеры отзывов покупателей о сервисе компании и ссылка на все отзывы
  • На главной странице нет баннеров и рекламы других компаний не имеющих однозначной связи с вашим сайтом

Тексты:

  • На сайте используется не более 3-х шрифтов
  • Нет абзацев длиннее 5-6 строчек
  • Каждая страница имеет заголовок
  • Каждый текст завершается точкой принятия решения (ссылкой «посмотреть подробнее», кнопкой «купить», ссылкой «перейти в каталог» и т д.)
  • Все тексты должны легко читаться при масштабировании

Поиск на сайте:

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

Элементы интернет-магазина:

  • Блок корзины находится на всех страницах на одном и том же месте. Желательно в правом верхнем углу
  • Блок корзины является одним из ярких пятен и заметен при первых 3-х секундах просмотра сайта
  • Информация о доставке и оплате всегда присутствует на сайте в виде ссылок на соответствующую страниц(ы)
  • При добавлении товара в корзину – рядом с кнопкой появляется информация о том, что товар в корзину добавлен
  • При добавлении товара в корзину в блоке «Корзина» происходит видимое изменение
  • При нажатии на ссылку «добавить в корзину» повторно – появляется сообщение о том, что товар уже в корзине и предложение «просмотреть» содержимое корзины» или «добавить еще один такой товар»
  • При наведении на блок корзина мышки во всплывающей подсказке выводятся все товары и их цены
  • Страница корзины не содержит витрины магазина
  • Страница корзины не содержит новостей
  • Страница корзины не содержит баннеров и любой другой рекламы
  • Страница корзины не содержит анимации
  • Страница корзины не содержит базовой навигации по сайту
  • Страница корзины не содержит меню каталога товаров
  • На странице корзины есть информация о доставке
  • На странице корзины есть информация о том как задать вопросы или связаться с менеджером
  • Используется две кнопки (или кнопка + ссылка) «Оформить заказ» (оформить заказ обычным и необычным способом)
  • Страница корзины не содержит резких прямых горизонтальных линий
  • Страница корзины работоспособна при выключенном JavaScript и других плагинах
  • Оформление заказа не прерывается, если пользователь не зарегистрирован
  • Для незарегистрированных пользователей требуется ввести только e-mail и возможно логин
  • Во всем оформлении заказа не встречается никаких ограничительных надписей типа «оформление заказа возможно только для зарегистрированных пользователей», «бесплатная доставка только для заказов Выше 1000 рублей», «наличие товара уточняйте у менеджера», «внешний вид товара может отличаться от представленного на картинке», «если Вы отказываетесь от товара, то Вы должны оплатить услуги курьера» и подобных…
  • Предлагается несколько вариантов доставки
  • Предлагается максимум вариантов оплаты
  • Предлагаются способы снизить стоимость покупки
  • В блоке корзины не используются надписи «ваша корзина пуста» или «0 товаров на 0 рублей»
  • Информация о скидках, бонусах считается автоматически и не требует от пользователя дополнительных действий
  • При оформлении заказа предлагаются доп. товары из «объемного ассортимента» на сумму не более 20% от покупки
  • В случае не доведения заказа до конца, пользователю приходит письмо с предложением его завершить и подарком
  • После завершения оформления заказа автоматически предлагается upsell

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

  • Меню каталога товаров расположено вертикально
  • В основном меню каталога не более 10-и пунктов
  • Разделы, сформированные по одному принципу оформлены одинаково, по разным — по разному
  • Оформление ссылок в меню на виртуальные разделы «новинки», «хиты», «распродажа»
  • На любой странице каталога есть товар и предложение его купить
  • Страница раздела и подраздела содержит
  • — заголовок
  • — краткое описание
  • — список товаров с фильтрами
  • Существует как минимум два альтернативных способа навигации по каталогу
  • Пользователь имеет возможность управлять выводом
  • Блок товара как минимум содержит:
  • — название товара
  • — изображение товара
  • — описание товара
  • — цену товара (или несколько цен)
  • — значки и иконки акций и скидок
  • — кнопку «купить» или «добавить в корзину»
  • Количество товаров по строкам и колонкам не всегда совпадает
  • В разделах и подразделах содержатся ссылки на популярные разделы

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

  • Содержит в заголовке название товара
  • Содержит подзаголовок, на основании выгоды
  • Существует описание товара, написанное человеческим языком
  • Присутствуют технические характеристики
  • Присутствует цена
  • Кнопка «купить» или «положить в корзину» находится в правой части первого экрана карточки
  • Есть фотография товара
  • Если фотография увеличивается во всплывающем окне то, размеры и оформление всех окон одинаковое
  • На карточке товара отсутствует отвлекающие элементы (новости, витрина, реклама)
  • Используются вкладки для разделения содержания
  • Показано несколько цен в зависимости от типа пользователя сроков и способов покупки
  • Показаны «сопутствующие товары» с возможностью добавить в корзину вместе с основным товаром.

Регистрация:

  • Пользователю объясняется выгода регистрации рядом с кнопкой «зарегистрироваться»
  • Процесс регистрации имеет минимум два варианта, один из которых должен быть предельно коротким (Имя,email)
  • При ошибке ввода данных, ошибочный пункт выделяется цветом
  • При ошибке ввода данных, форма не перегружается и введенные данные не нужно вводить повторно
  • При регистрации нужно спросить согласие на получение писем от вашей компании