Юзабилити

Что такое юзабилити? Юзабилити — это параметр качества сайта, используемый для оценки удобства использования. Впервые термин был использован в 1977 г. Юзабилити зависит от структуры, навигации, контента, дизайна и технических показателей. От usability зависят конверсия и лояльность пользователей.

Проблемы с юзабилити

К основным проблемам с юзабилити сайта относятся:

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

Анализ юзабилити

Для анализа юзабилити интернет-ресурса следует придерживаться таких правил:

• Анализ скорости загрузки. От скорости загрузки зависит посещаемость сайта. Оптимальная продолжительность загрузки сайта — не более 3 сек, для некоторых приложений показатель выше. Необходимо провести комплексный анализ среднего времени загрузки.
• Оценка функционала. Следует изучить меню и поиск по сайту. При клике на логотип пользователи должны попадать на главную.
• Анализ дизайна. Выполняется проверка цветовой гаммы ресурса и его элементов. Оцениваются различные параметры — соответствие общему стилю, размеры изображений, типы шрифтов и др.
• Маркетинговое исследование. Оценивается работа службы поддержки, удобство каналов коммуникации, выявляются проблемы при покупке товара/услуги.
• Разработка плана по модернизации сайта. Информация систематизируется и анализируется. Разрабатывается поэтапный план для устранения неисправностей и повышения юзабилити.

Способы улучшения юзабилити

Для улучшения юзабилити используются следующие способы:

• Удобство поиска. Для улучшения работы поиска используются автоматические подсказки при вводе запроса. Также поиск может самостоятельно прорабатывать ошибки и предлагать посетителю оптимальные варианты запроса.
• Создание навигации. Добавляются полезные элементы — меню, поиск, фильтрация, «хлебные крошки». С их помощью посетители могут своевременно находить искомое.
• Разметка страницы. Оптимальный размер страницы — 1000-1600 px (длина) и 770 px (ширина). Создаётся единый макет для всех страниц. Навигационная панель должна располагаться в том же месте. Следует исключить попадание пользователей на нерелевантные страницы.
• Структурирование контента. Контент должен быть структурированным и помогать посетителям в поиске информации. Следует обеспечить наличие актуальной и релевантной информации.
• Минималистичный дизайн. Дизайн должен быть лаконичным и не содержать лишних элементов, отвлекающих клиента от поиска. Такой дизайн быстро загружается и хорошо работает.
• Ссылки. Ссылки должны быть синего цвета. После нажатия цвет ссылки должен меняться. Для оформления посещённых/непосещённых ссылок может использоваться разная цветовая гамма.
• Понятный язык. Следует избегать обилия сложных терминов, чтобы облегчить пользователю восприятие информации. Для подсказок используются всплывающие окна.
• Типографика. Не следует использовать слишком много шрифтов. Также следует предусмотреть режим для дальтоников. Количество цветов на текст не должно превышать 3-4. Ширина строки в статье — 45-75 символов.
• Карта сайта. Пользователь должен видеть все разделы для перехода. При обилии контента предусматриваются два типа меню (вертикальное и горизонтальное) и «подвал». При множестве категории добавляются «Карта сайта» и «хлебные крошки».
• Лаконичная форма регистрации. Большое количество полей для заполнения создаёт неудобства. Зачастую длина форм для заполнения сокращается — убираются вопросы о профессии и уровне дохода. Чем меньше полей в форме, тем лучше.
• Ненавязчивое предложение. Следует исключить большие всплывающие окна, которые отталкивают посетителя и загораживают функционал. Предусматриваются заметные крестики для скрытия окна помощи.
• Гарантии надёжности. Обеспечивается доступ к информации, сертификатам и контактам. Это позволит увеличить доверие и лояльность посетителей.

Элементы юзабилити

К основным элементам юзабилити сайта относятся:

• Навигация. Должна быть одинаковой на всех страницах, что позволит быстрее находить подходящую информацию. Следует разместить на каждой странице лого со ссылкой на главную. В каждом разделе указывается его название. Важными элементами навигации являются меню и футер. Меню бывает горизонтальным (отображает категории товаров и услуг) и вертикальным (отображает структуру сайта и расположение пользователя). Футер — это нижняя часть сайта, где размещаются контакты и ссылки на инфостраницы.
• Шапка сайта. Это блок в верхней части главной страницы. В шапке присутствуют дескриптор, элементы конверсии и контакты. Дескриптор является кратким описанием предложения фирмы и располагается под лого. К конверсионным элементам относятся «Заказать звонок», «Оставить заявку», «Корзина» (отражает количество добавленных товаров). В качестве контактов указываются 1-2 номера телефона. При размещении шапки следует учитывать определённые правила. Шапка должна быть размером не более 40х70, содержать телефон, кнопки заказа и перехода на главную.
• Главная страница. Основная задача главной — объяснить пользователю, где он находится. На главной размещается приветствие с кратким описанием сайта. На странице находятся данные о новостях, скидках, акциях. На главной располагаются баннеры, на которых представлены выгодные предложения. Для улучшения интерфейса добавляется блок преимуществ (4-7 слов) с картинками. Ссылки на основные разделы визуализируются с помощью запоминающихся образов, что позволяет быстро найти подходящий раздел.
• Страницы товаров и услуг. В каталожных страницах присутствуют фотографии товаров с названием, описанием, ценой и кнопкой для заказа. На страницах услуг предусмотрено краткое описание страницы, ключевые выгоды, форма заявки.
• Текстовый контент. При оценке юзабилити большое внимание уделяется качеству текстов. Тексты лаконичны и читабельны, пишутся простыми словами. Используемые шрифты — крупные, оптимальный цвет — чёрный на белом фоне. Недопустимо наличие ошибок, которые подрывают доверие пользователей. Все тексты содержат списки, заголовки, возможны изображения.

Категории и критерии оценки

Для оценки интерфейса используются две основные категории — качественная и количественная. Качественная предусматривает анализ функциональности, целевой направленности, качество структуры и контента, анализ на ошибки (битые ссылки, страницы 404 и др.). Количественная категория предусматривает исследование скорости загрузки, времени отклика и др. Тестирование выполняется самостоятельно или при помощи спецсервисов, например, Google Analytics.

К основным критериям оценки относятся:

1. Простота в изучении. Анализируются удобство навигации, наличие рекламы и других посторонних факторов.
2. Эффективность. Оценивается способность пользователя ориентироваться на сайте и решать задачи.
3. Запоминаемость. Анализируется простота ориентации пользователей интернет-ресурса через один месяц.
4. Ошибки. Проверяется количество совершённых пользователями ошибок и выявляется возможность их успешного решения.
5. Удовлетворённость. Выясняется, насколько посетителям нравится работа с сайтом.

Метрики оценки

К метрикам оценки юзабилити относятся:

• Проведенное на сайте время (TSS). Продолжительное пребывание пользователя на сайте определяет удовлетворённость контента для аудитории.
• Глубина просмотра (PPV). Это количество просмотренных за сеанс страниц. Чем этот параметр выше, тем лучше поисковое ранжирование сайта.
• Процент отказов (BR). Это количество пользователей, покинувших страницы после посещения. Высокий процент отказов вызван отсутствием полезной информации, неудобством интерфейса, низким качеством контента.
• Вернувшиеся пользователи (RV). Это пользователи, зашедшие на сайт несколько раз за определённый период. Показатель определяет удобство сайта и наличие лояльной аудитории.

Заключение

Юзабилити — это важный показатель, от которого зависят продолжительность пребывания посетителей на сайте и количество заказов. Юзабилити включает в себя удобную навигацию, отсутствие навязчивой рекламы, удобочитаемые шрифты, структурированный контент, высокая скорость загрузки. Чем более удобен интерфейс сайта, тем выше будет его показатель ранжирования и тем большую прибыль он будет приносить.

Проверить сайт