7 шагов к правильному юзабилити аудиту сайта

ЧТО ТАКОЕ ЮЗАБИЛИТИ?

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

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

2853

ЗАЧЕМ НАМ НУЖНО ЮЗАБИЛИТИ?

Формула проста, как белый день —

Веб-стандарты, примененные к площадке+Юзабилити = Больше трафик+ Больше продаж!

Если вы находите статью полезной, поделитесь с друзьями. Спасибо!

ЧТО ВЛИЯЕТ НА ЮЗАБИЛИТИ САЙТОВ?

1. Доступность поданной информации и ее актуальность.
Когда клиент зашел на сайт.

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

3. Качественный и востребованный контент, взаимодействие с аудиторией, валидный код (верстка).
Когда клиент находит нужную информацию и в заинтересованности ходит по ссылкам.

uzabelnost

ГЛАВНЫЕ СОСТАВЛЯЮЩИЕ ЮЗАБИЛИТИ САЙТА

1. Разработка сайта

— Кроссбраузерность верстки
— Правильная кодировка
— Спецсимволы сделаны кодом

Код страниц и CSS должен быть валидным. Без ошибок! В коде не должно быть ненужных закомментированных строк/элементов/скриптов. Скрипты вынесены отдельными файлами/расположены внизу страницы. Таблицы если и используются, то только для верстки отдельных элементов страниц.

2. Взаимодействие с аудиторией

— Заметные призывы к действию
— Различные типы призывов к действию
— Наличие на сайте контактной формы

На сайте есть предупреждения, подтверждения, подсказки, полоса загрузки — сигналы, помогающие пользователям понимать, что происходит. Есть возможность отменить все действия.

3. Контент. Содержание и оформление

— Все заголовки понятны и содержательны
— Основной контент четкий, простой, поясняющий
— Ссылки в тексте не «нажмите здесь», а описательные и подчеркнуты
— Стили и цвета оформления постоянны, не моргают и не напрягают
— Выделение текста а-ля <strong>, <b> и так далее, используются без фанатизма
— Для подачи больших объемов информации используется форматирование, категоризация, списки или таблицы

НИ В КОЕМ СЛУЧАЕ НЕ ИСПОЛЬЗУЕТСЯ CAPS В ОЧЕНЬ ДЛИННЫХ И СОДЕРЖАТЕЛЬНЫХ ПРЕДЛОЖЕНИЯХ, не     используется     justify, размер шрифта удобен для чтения и восприятия, не используются разные размеры, типы и семейства шрифта, тем более в одной строке!

x_6bd30de3

4. Информационная архитектура

— Главную навигацию и ссылки в тексте легко найти и распознать
— Названия меню четкие и понятные
— Количество кнопок в меню не более 7

Поиск на сайте на видном месте, навигация без лишних уровней вложенности, URL`ы четкие и понятные, структурированы, нет чрезмерно динамических URL`ов.

5. Дизайн сайта

— Самая важная информация в диапазоне первого экрана
— Хороший и не напрягающий контраст текста и фона
— Стилистика соответствует тематике

Используются правильные (спокойные) цвета, (не раздражают зрение, сочетаются с тематикой, призывы к действию выделены). Структура сайта сохраняется от страницы к странице. Используется черный шрифт на белом фоне, а не белый на сером или серый на черном (etc.). Для иконок используются знакомые формы.

6. Identity. Кто Вы такие?

— Логотип компании расположен на видном месте
— Слоган или представление позволяет понять цель и сущность площадки
— Главную страницу (диапазон первого экрана) можно осознать за 5-7 секунд
— На сайте есть собственный фавикон
— На сайте есть информация или страницы О нас и Контакты

У вас есть не более 5-7 секунд, чтобы убедить пользователя в том, что ваш сайт именно то, что ему нужно! Люди принимают решение остаться или уйти с сайта основываясь на внешнем виде площадки и уже потом решают, доверяют они ему или нет.

7. Доступность сайта

— Время загрузки страниц в разумных пределах
— На сайте нет горизонтального скролла
— На сайте нет битых ссылок

На сайте есть настроенная 404 страница, если это многостраничный сайт. Текстовые области не заменены картинками. Все графические ссылки доступны, как текстовые. Логотип при нажатии ведет на главную страницу. Формы не выдают ошибок и показывают статус события.

Флеш и реклама используется умеренно или вообще не используется. У картинок прописаны необходимые для индексации теги Alt и Title. На сайте, снова таки, если это многостраничный сайт, есть sitemap, карта сайта с его ссылками и страницами. Это полезно как для пользователей, так и для поисковых систем.

usability11

И помните, со стороны клиентов главное правило юзабилити для созданных вами интерфейсов — «Не заставляйте меня думать!» Все должно быть просто, доступно, прозрачно и очень удобно! Иначе — беда.


Дополнено и превращено в читабельную статью: profipages.net

comments powered by HyperComments

Понравилось? Расскажите друзьям