Не устраивает доход от сайта? Низкая конверсия и высокий процент отказов? Решили обойти конкурентов из поисковой выдачи Яндекса и Google? Нужно просто заказать профессиональный аудит юзабилити
(Usability)! Это реальный инструмент, при помощи которого диагностируются видимые и скрытые проблемы взаимодействия между целевой аудиторией и сайтом. Сегодня недостаточно получить трафик из
поисковой выдачи. В 2016 году всем нужны продажи товаров и заказы услуг.
Вот для этой цели и предназначен аудит (консалтинг) юзабилити сайта – он поможет сделать сайт, который полностью соответствует запросам и потребностям целевых посетителей в наступающем году.
Сделайте в 2016 году сайт удобным для пользователей и результат будет незамедлительным: ещё больше регистраций, ещё больше
звонков, заявок и заказов! И это всё после аудита юзабилити и внесения изменений на сайт на основе профессионального консалтинга.
Аудит юзабилити будет полезен, если:
- На сайт приходит много пользователей из органической поисковой выдачи или контекстной рекламы, но поведенческие факторы оставляют желать лучшего.
- На сайте сложная архитектура и запутанная навигация, имеются проблемы при восприятии медиаконтента и текстов, поисковая форма не отвечает потребностям посетителей.
- Вам необходимо поднять конверсию сайта – увеличить число регистраций, количество звонков, объём заказов и продаж.
Но если Вы решили сделать аудит юзабилити самостоятельно или досконально разобраться в тонкостях анализа сайта, прежде чем сделать заказ на usability, чтобы оценить ресурс в плане удобства для
пользователей, воспользуйтесь подробным планом.
1. Общие критерии оценки юзабилити сайта
- Главная страница даёт чёткое представление об интернет-проекте (корпоративный веб-ресурс, интернет-магазин, информационный портал, личный блог, сайт-визитка и др.).
- В шапке сайта есть оригинальный логотип и контактные данные (в том числе хорошо заметный номер телефона, код города и время, когда следует обращаться).
- В верхней части страницы размещена форма для поиска и кнопка «Найти».
- Наиболее важные информационные блоки размещены в пределах первого экрана (для доступа к основной информации не нужно пользоваться вертикальной полосой прокрутки).
- При помощи фона, рамок и других элементов выполняется визуальное разделение пространства, для лучшего восприятия информации.
- В нижней части веб-страницы (для коммерческих сайтов) находится УТП (уникальное торговое предложение) или кнопка с призывом к действию («Купить», «Заказать», «Позвонить», « В корзину» и др.).
- Хорошо заметные, интуитивно понятные кнопки, яркие иконки и кликабельные элементы
- Кроссбраузерность сайта – контент корректно отображается во всех основных веб-браузерах (Яндекс.Браузер, Internet Explorer, Google
Chrome, Mozilla Firefox, Opera, Apple Safari).
- Страницы с ошибкой 404 содержит кликабельную карту основных разделов сайта (упрощенная навигация по веб-ресурсу).
2. Юзабилити навигации по сайту
- Основная навигация имеет горизонтальное расположение («Услуги», «Цены», «Товары», «О компании», «Контакты», «FAQ», «Новости» и другие основные разделы).
- Для длинных («резиновых») страниц с вертикальной полосой прокрутки (более одного экрана) в нижней части располагается продублированная основная навигация.
- В правой части находится вертикальное навигационное меню (перечень товаров или услуг)
- Число пунктов не более десяти. При большем количестве используются подпункты, переход на которые происходит при нажатии знака «+» (меню разворачивается и сворачивается на той же странице).
- Элементы навигации по сайту занимают не более 1/5 видимой части экрана.
- Текущий пункт меню выделяется цветом (шрифтом), а ссылка на него некликабельна.
- На внутренних страницах (немного ниже шапки) размещаются «хлебные крошки» (упрощенная навигация по отдельному разделу).
3. Юзабилити формы «Поиск по
сайту»
- Поисковая форма доступна для пользователей, находящихся на любой странице сайта. Размещается в удобном месте (например, в самой шапке сайта или ниже её).
- Поисковая форма вмещает не менее двадцати символов, длина поискового запроса без ограничений, имеются поисковые подсказки.
- Результаты поиска по сайту релевантны поисковому запросу, ранжируется не менее чем по двум параметрам.
- Поиск осуществляется как по всем страницам сайтам, так и в пределах одной веб-страницы.
- Пользователям показывается число найденных объектов с краткой информацией по каждому из них.
4. Юзабилити главной страницы
- Обязательно наличие уникального торгового предложения, оформленного в виде текста, слогана или в графической форме (рекламный баннер).
- Имеется оригинальный заголовок, отражающий суть интернет-ресурса и содержащий посыл к целевой аудитории.
- Представлены выгоды сотрудничества для потенциальных клиентов и заказчиков, с учётом их проблем и потребностей (информация преподносится в мире клиента).
- Основная информация размещена в пределах первого экрана (не нужно прокручивать страницу вниз).
- На главной странице не содержится посторонней рекламы, всплывающих окон и звуковых сообщений, запускаемых автоматически (без ведома посетителей).
- Наиболее важная информация («Доставка», «Гарантии», «Оплата и т.д.) находится в верней части страницы в виде пунктов меню или отдельных информационных блоков.
5. Юзабилити товарной карточки
- В заголовке страницы есть полное название товара.
- Имеется краткое и подробное описание товара литературным языком, с учетом выгод и преимуществ для потребителей (учитываются потребности целевой аудитории).
- В карточке имеются краткие и подробные характеристики, а также фотография (несколько фото) и цена (стоимость) товара.
- При наличии нескольких фотографий создаётся галлерея для просмотра, увеличенные фотографии имеют одинаковый размер и оформление.
- Рядом с описанием (справа) расположена кнопка «Купить» или «В корзину».
- В товарной карточке нет посторонней информации, которая отвлекает покупателей от процесса выбора товара и оформления заказа (новости, реклама, акции и др.).
- В нижней части показываются аналогичные или сопутствующие товары, которые нужно добавить в корзину.
6. Юзабилити каталога товаров
- Меню имеет вертикальное расположение; до 10 основных пунктов для разных товарных групп.
- На странице разделов (подразделов) имеется уникальный заголовок, сокращенное описание раздела (подраздела), список товаров, пользовательские фильтры.
- Для выбора или поиска товаров предусмотрена фильтрация не менее чем по 3 критериям (название бренда, размеры, цена, отдельные опции, функционал и др.).
- Наличие ссылок в динамичные разделы («хиты продаж», «новинки», «специальные акции», «распродажа» и др.).
7. Юзабилити блока
«Корзина»
- Кнопка «Корзина» находится в хорошо заметном месте
- После добавления товара появляется соответствующее информационное сообщение и меняется цвет корзины.
- При повторном нажатии на кнопку появится сообщение «Товар добавлен» и предлагается просмотреть список выбранных товаров.
- На странице «Корзина» отсутствует отвлекающая информация (товарный каталог, элементы навигации, вертикальное меню, рекламные баннеры, новости).
- На странице «Корзина» имеется информация о доставке товара (ссылка на страницу сайта «Доставка»), а также способы связи с менеджерами компании и возможность задать дополнительные вопросы.
- Страница «Корзина» доступна для оформления покупок незарегистрированными пользователями и работает при отключенных скриптах.
- При оформлении заказа не должны встречаться надписи, препятствующие или делающие невозможными покупки («Уточняйте наличие товаров», «Только для зарегистрированных пользователей», «Бесплатная
доставка от 500 рублей» и т.д.).
- После завершения оформления заказа пользователям предлагается на выбор различные варианты оплаты, доставки и способы экономии.
8. Юзабилити внутренних ссылок
- Ссылки в текстах выделены цветом и подчеркнуты.
- Анкор (текст) ссылки отождествляет объект или действие.
- Внутренние ссылки, по которым уже были переходы, выделяются другим цветом.
- Длина кликабельной ссылки не менее одного слова.
- Для скачивания файлов применяются специальные ссылки, отличающиеся дизайном.
- Логотип (шапка сайта) – это ссылка на главную страницу, кроме случая, когда пользователь уже находится на этой странице.
9. Юзабилити кнопок
- В отличие от ссылок (переход на другие страницы) кнопки предназначены для совершения действий (Action).
- Все кнопки имеют единообразный дизайн и единое цветовое решение. Отличаются только текстом – это призыв к совершению действия, глагол в форме инфинитива (например, «Заказать аудит юзабилити
сайта»).
- Активная (кликабельная) часть кнопки по размерам должна совпадать с её видимой частью.
- При наведение мышью на кнопку, последняя меняет свой цвет.
- На целевых страницах (например, товарная страница) должна размещаться исключительно одна кнопка.
- При наличии нескольких кнопок, расположенных рядом, между ними оставляется пустое пространство.
10. Юзабилити форм
- Полнота и лаконичность форм, наличие подсказок.
- Обязательные поля помечаются звёздочкой (*) или иным образом.
- При большом количестве полей обязательная смысловая или тематическая группировка.
- После перехода на страницу с формой, курсор должен находиться в левой части первого поля.
- При заполнении пошаговых форм показывается оставшееся число шагов и место, где находится пользователь.
- В заполненных формах сохраняется информация до тех пор, пока пользователь не закрыл страницу.
- Обработка данных начинается после нажатия специальной кнопки (например, «Зарегистрироваться») или клавиши «Enter».
- Для перемещения курсора используется клавиша «Tab»; пользователь всегда может вернуться на один шаг и более, чтобы изменить данные.
- Автоматическая проверка введенной информации на правильность и полноту.
- Корректные сообщения при ошибках пользователей. Например, «Пожалуйста, укажите номер телефона».
11. Юзабилити текстового контента
- Наличие оригинальных заголовков и уникальных подзаголовков.
- Информация подаётся в форме перевёрнутой пирамиды (сначала главная мысль или самое важное, далее подробности).
- Текст разбит на логические части и абзацы (до 6…8 предложений в каждом).
- Текстовый контент имеет структурированный вид (заголовки, подзаголовки, абзацы, списки, перечисления и др.).
- Между заголовком и текстом – пустое пространство. Меньше для нижнего текста и больше для текста, который расположен выше (как между этим и вышерасположенным абзацем).
- Текстовый контент размещен в виде колонок (не более 3 на одной странице), число логических блоков – не более 10 для одной страницы.
- Количество разных шрифтов – не более трёх, основной размер – 12…14 (удобен для чтения).
- Тексты размещены на светлом или белом фоне.
- Цвет шрифта обладает контрастом по отношению к фону, шрифты единообразные и читабельные.
- Все тексты выровнены по левому краю страницы (как в этой статье).
- Длинные числа разбиваются пробелом на разряды (236 589 457).
- После текста размещается ссылка на страницу оформления услуг (например, раздел «Контакты» или форма для сообщений) или волшебная кнопка «Купить».
12. Юзабилити страницы для регистрации пользователей
- Перед началом регистрации приводятся преимущества для зарегистрированных пользователей.
- Процедура регистрации сделана максимальной короткой (не более трех полей, обязательных для заполнения).
- Если пользователь сделал ошибку, неверные данные выделяются цветом или иным способом, а ранее введенная информация не должна удаляться до тех пор, пока пользователь находится на странице с
регистрацией.
- У пользователей спрашивается согласие на получение по e-mail информационных и рекламных материалов.