Юзабилити сайта

Определение

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

На какие показатели влияет юзабилити

Прежде всего, этот параметр влияет на следующие индикаторы эффективности ресурса:

1. Конверсия. Грамотно организованная навигация стимулирует клиента совершить целевое действие: положить заказ в корзину, изучить прайс-лист, заполнить форму обратной связи и т. д.
2. Посещаемость. Пользователь вновь вернется на ресурс только в случае, если ему понравится взаимодействие с ним. Сайт должен иметь приятный дизайн и интуитивно понятный интерфейс, удобную навигацию по разделам, аккуратно оформленный контент.

Принципы и критерии оценки юзабилити сайта

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

Рассмотрим отдельные принципы разработки юзабилити сайта.

1. Интересный и простой дизайн. Веб-специалисты не рекомендуют перегружать визуал ресурса множеством элементов, динамичных деталей (гифки, реклама, анимация), разнообразными красками. Все перечисленное не должно отвлекать человека от внимательного изучения страниц, поиска и восприятия информации. Если сайт предполагает продолжительное изучение, то акцент необходимо сделать на фоне (он не должен содержать контрастные краски и резкие цветовые схемы), контенте (требуется удобная читабельность текста), графике (она должна быть одного плана). Упор рекомендуется делать на минималистичный дизайн.
2. Структурированный контент. Важным параметром юзабилити является легкое и приятное восприятие текстовой части. Статьи должны быть правильно оформлены и структурированы, иметь логическую разбивку на разделы и абзацы, оптимизированы под ключевые запросы, не содержать ошибок.
3. Блок с важной информацией. Как показал опыт, пользователи изучают страницу по F-образному шаблону. То есть в начале внимание концентрируют на верхнем левом углу (несколько абзацев), а затем уже изучают тело страницы. Рекомендуется в левом углу размещать важную информацию.
4. Обратная связь. Каждое действие пользователя на ресурсе должно сопровождаться обратной связью. Подтверждение регистрации, принятие оператором заказа с последующим звонком, переезд сайта на другой адрес – все эти и подобные действия должны сопровождаться обратной связью от представителя сайта. Так, необходимо подсказывать пользователю, по какому номер он может связаться, сколько ему ожидать звонка от оператора, как найти искомую информацию, если сайт переехал и т. д.
5. Возможность отмены действия. Оставьте пользователю возможность отменить совершенное действие, например, восстановить страницу после случайного удаления, отредактировать или отменить уже оформленный заказ, изменить условия доставки и т. д.
6. Предложение помощи. Такую форму необходимо предусмотреть на любом коммерческом сайте. Лучше всего, чтобы она изначально была в свернутом виде, но заметной для пользователя. Окно помощи (обратной связи, онлайн-чата) должно легко скрываться, поэтому значки вроде минуса и крестика необходимо делать заметными.
7. Понятный язык. В текстовых блоках избегайте специфических терминов, чтобы пользователь не тратил время на расшифровку непонятных аббревиатур и слов. Если сайт тематический и предполагает обилие узких специфических понятий, то сделайте в скобках пояснения или разработайте всплывающие окна. Этот же момент касается и заполнения форм – оставьте подсказки для ввода данных в графы с ФИО, паролем, телефоном, местом проживания и т. д.
8. Отказ от резкого изменения дизайна или функционала. Не меняйте резко внешний вид и расположение ключевых кнопок, пунктов меню, разделов и т. д. Пользователи при новом посещении могут быть дезориентированы.
9. Возможности сайта должны быть на виду. Оптимально, когда пользователю отображается вся структура сайта, позволяющая быстро переключаться между разделами и страницами. Если ресурс подразумевает множество контента, то необходимо разработать и вертикальное, и горизонтальное меню. Для лэндинга (одностраничника) или сайта-визитки достаточно будет только горизонтального меню. Если на сайте предполагается много категорий и подразделов, то можно создать «Карту сайта» с навигационной цепочкой в верхнем блоке, которая подскажет пользователю, как перейти на ту или иную страницу.
10. Лаконичные формы для заполнения. Чем меньше полей содержат формы регистрации, заказа или онлайн-анкеты, тем охотнее пользователь их добросовестно заполнит и наоборот.
11. Заметное поисковое поле.
12. Максимум свободного пространства. Современные тенденции веб-дизайна склоняются к минимализму – оставьте на страницах только самую необходимую и важную информацию.

Читайте также: в

  Как визуальный вес влияет на юзабилити сайта

  Как улучшить юзабилити товарного фильтра в крупном интернет-магазине

Анатомия корзины. Каким должно быть юзабилити главного интерфейса магазина?

Как протестировать юзабилити

Оценка интерфейса ресурса должна происходить по 2 направлениям.

1. Параметры качества. Проанализируйте функциональность и удобство сайта, его структуру, контент и другие параметры. Протестируйте сервис на наличие лагов и ошибок, таких как редиректы, «not found», битые ссылки и т. д.
2. Количественные параметры. Оцените время отклика каждой страницы, перехода между разделами, скорость загрузки сайта и отдельных элементов, поиска нужной информации.

Протестировать ресурс и оценить юзабилити можно с помощью сервисов, таких как Яндекс.Метрика или в ручном режиме.