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

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

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

  • Принцип юзабилити № 1 — Удобная навигация и четкая структура

  • Основой юзабилити веб-ресурса является удобная и понятная навигация. Уже несколько лет популярно горизонтальное меню, но оно не всегда уместно. Если на сайте много разделов, можно попробовать разделить их: вынести в горизонтальное меню основные, а в вертикальном разместить дополнительные. Иногда имеет смысл продублировать главное меню в футере.
  •  
  • основное и дополнительное меню сайта
  • Если ваш сайт имеет сложную структуру, сделайте отдельную страницу — карту сайта, где в виде древовидного, интуитивно понятного списка опубликуйте перечень всех категорий и подкатегорий. Логично структурированный контент облегчает взаимодействие пользователя с веб-ресурсом. Также при большим количестве веб-страниц будет уместным предусмотреть функцию поиска.
  • Принцип юзабилити № 2 — Быстрая загрузка и моментальный отклик

  • Быстрая загрузка контента сайта и моментальный отклик при нажатии на кнопки и прочие активные элементы производят на пользователя очень благоприятное впечатление и способствуют его лояльности. Помните о правиле 2-х секунд — это оптимальное время отклика программы, приложения или сайта, и к нему стоит стремиться разработчикам.
  • Принцип юзабилити № 3 — Правильное оформление шапки сайта (header)

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

    • Принцип юзабилити № 4 — Доверие и надежность

    • Наличие вкладки «О компании», а также полные контактные данные, банковские реквизиты, сертификаты, отзывы клиентов, кейсы, гарантии, возможность увидеть фотографии сотрудников — всё это прямо или косвенно свидетельствует о компетентности компании в сфере своей деятельности и способно вызвать доверие посетителей.
    •  
    • Принцип юзабилити № 5 — Проработанный дизайн
    •     • подстройка под паттерны сканирования контента (самым распространенным считается F-паттерн);
    •     • согласованность цветовой гаммы, учет особенностей восприятия цвета;
      •     • отсутствие лишней анимации;
      •     • отсутствие нагромождения элементов;
      •     • оптимальный размер кликабельных элементов;
        •     • оптимальное свободное пространство;
        •     • уникальность и качество фотографий (откажитесь от стоковых изображений).
        • F-паттерн
        • Принцип юзабилити № 6 — Полезный и качественно оформленный контент
          • Под контентом подразумевается не только текст, но и фотографии, видео и прочие файлы. Контент должен отвечать интересам целевой аудитории, быть ей понятным и актуальным. Оценивая корректность оформления текстового контента, обратите внимание на следующее:
          •     • читабельность и информативность;
            •     • форматирование, облегчающее чтение;
            •     • простота представления чисел;
            •     • правильный подбор шрифта, его единообразие;
              •     • оптимальный размер кегля;
              •     • визуальная иерархия заголовков;
              •     • отсутствие точки в заголовках и подзаголовках.
                • Рекомендуем ознакомиться с заметкой Как написать текст для сайта, который приятно читать.
                • Таблица сочетания шрифтов
                • Принцип юзабилити № 7 — Коммуникация и обратная связь
                  • Предусмотрите способы коммуникации с посетителями сайта. Это может быть форма заказа услуги/продукта, звонка или просто форма обратной связи. Чем меньше будет полей для заполнения, тем лучше. Если имеется возможность оперативно отвечать в чате, то подключение этого инструмента, возможно, будет хорошим решением. При размещении нескольких способов обратной связи наблюдайте за их эффективностью — каким чаще пользуются посетители и что приносит вам лучший результат. Со временем можно прийти к выводу, что достаточно какого-либо одного способа коммуникации и убрать остальные.
  • Принцип юзабилити № 8 — Возможность вернуться на главную страницу

  • На всех страницах сайта должна быть видимая, легко распознаваемая возможность вернуться на главную страницу, а на длинных веб-страницах — способ моментально подняться вверх. Помогите пользователям не потеряться на вашем веб-ресурсе.
  • Принцип юзабилити № 9 — Не надо всплывающих окон!

  • Когда-то всплывающие окна действительно приносили пользу владельцам веб-ресурсов, так как позволяли вынудить посетителей совершать какие-то действия. Сейчас же всплывающие окна очень раздражают пользователей. Такая навязчивость может привести к тому, что многие больше не вернутся на сайт. Используйте всплывающие сообщения только тогда, когда они способны принести пользу посетителям, например, уведомить их о том, что форма заказа успешно отправлена, оплата произведена, благодарность за покупку и т. п.
  • Принцип юзабилити № 10 — Формирование правильных ожиданий

  • При разработке веб-ресурса необходимо учитывать пользовательский опыт, чтобы соответствовать стандартам и общепринятым ожиданиям. Например, нам привычно видеть логотип в верхнем левом углу, а контактные данные в правом; кнопку «Вверх» для возврата к началу страницы принято размещать в нижнем правом углу; после отправки заполненной формы ожидаем увидеть сообщение, что она успешно отправлена и т. п. Размещение этих элементов в непривычных местах усложняет взаимодействие с веб-ресурсом. Несоответствие ожиданиям создает неудобства и вызывает негатив.
  • Принцип юзабилити № 11 — Адаптивность под различные устройства

  • Интернет-сёрфинг давно стал доступен не только на стационарных компьютерах, но и на всевозможных мобильных устройствах. Разработчикам необходимо предусмотреть адаптируемость веб-ресурса под различные мобильные устройства, чтобы посетитель увидел корректное изображение и рабочий функционал. Адаптивность интерфейса уменьшает процент отказов и положительно влияет на конверсию сайта.
  • Принцип юзабилити № 12 — Отсутствие ошибок

  • Наличие ошибок в работе сайта, а также в размещенном контенте справедливо вызывает недоверие пользователей, и они при существующем изобилии веб-ресурсов наверняка найдут более ответственного конкурента. Тестирование — обязательный этап разработки, позволяющий выявить проблемные места и устранить их до момента размещения сайта в интернете. В процессе тестирования также производится оценка веб-ресурса в точки зрения юзабилити, при этом, чем больше потенциальных пользователей будет задействовано, тем лучше.

Предлагаем вашему вниманию чек-лист по юзабилити для самостоятельного анализа сайта.

Поделиться: