Юзабилити дословно означает “возможность использования”. При разработке пользовательских интерфейсов слово юзабилити означает общую концепцию их удобства при использовании программного обеспечения, логичность и простоту в расположении элементов управления.
Важно проводить аудит удобства пользования сайтом, чтобы повысить доступность сайта, обеспечить удобство навигации по сайту, улучшение подачи информации и соответствие сайта общим стандартам дизайна разработки. Также это позволит увеличить трафик и тем самым получить больше продаж.
На юзабилити сайта влияет доступность, дизайн, тематика, навигация, контент, взаимодействие, верстка. Важно уделять внимание каждой составляющий юзабилити сайта. Их условно можно поделить на:
- разработку сайта;
- взаимодействие с аудиторией;
- контент;
- информационную архитектуру;
- дизайн сайта;
- Identity - Кто вы такие;
- доступность сайта.
Итак, первый пункт - разработка сайта. Проверьте, соответствует ли он следующим пунктам:
- Кросс-браузерность верстки.
- Правильная кодировка.
- Спецсимволы сделанные кодом.
- Код страниц и CSS валидный.
- В коде нет ненужных закоменченых элементов/скриптов.
- Скрипты вынесены отдельными файлами/расположены внизу страницы.
- Таблицы используются только для верстки страниц.
При анализе взаимодействия с аудиторией необходимо обратить внимание на следующее:
- Заметные призывы к действию.
- Различные типы призывов к действию.
- Наличие на сайте контактной формы.
- На сайте есть предупреждение, подтверждения, подсказки, полоса загрузки - сигналы, которые помогают пользователю понимать, что происходит.
- Есть возможность отменить все действия.
Что касается контента, важно придерживаться следующих пунктов:
- Заголовки понятны и содержательны.
- Основный контент четкий, простой, поясняющий.
- Ссылки в тексте не “нажимать здесь”, а описательные.
- Стили и цвета оформления постоянны.
- Выделение текста <strong> используется в разумных пределах.
- Для подачи больших объемов информации используется форматирование: категоризация, списки, таблицы.
- Не используйте CAPS в длинных предложениях.
- Не используется justify.
- Размер шрифта должен быть удобным для чтения.
- Разные размеры и типы шрифтов в одной строке - провальная стратегия.
Информационная архитектура также играет важную роль для юзабилити сайта. Здесь мы должны проанализировать меню, ссылки и url:
- Главную навигацию и ссылки в тексте легко найти и распознать.
- Названия меню четкие и понятные.
- Количество кнопок/ссылок в меню не более 7.
- Поиск на сайте легко найти.
- Навигация без излишних уровней вложенности.
- Урлы четкие и понятные, структурированы. Нет чрезмерно динамических урлов.
Дизайн сайта также необходимо создавать по правилам:
- Важная информация в первом скролле.
- Хороший контраст текста и фона.
- Стилистика соответствует тематике.
- Используются правильные цвета (не раздражают зрение, сочетаются с тематикой, призывы к действию выделены).
- Структура сайта сохраняется от страниц к странице.
- Используется черный шрифт на белом фоне.
- Для иконок используются знакомые формы.
Что касается такого пункта, как Identity, так здесь необходимо четко дать понять пользователю, кто Вы такие.
- Лого компании размещено на видном месте.
- Слоган позволяет понимать цель и сущность сайта.
- Главную страницу можно осознать за 5 секунд.
- На сайте есть фавикон.
- На сайте есть страницы “О нас” и “Контакты”.
Важно: у Вас есть не более 5-7 секунд, чтобы убедить пользователя, что Ваш сайт - это то, что ему нужно. Люди принимают решение, остаться или уйти основываясь на внешнем виде сайта и уже потом решают, доверять сайту или нет.
- Доступность сайта анализируем по таким пунктам:
- Время загрузки в разумных пределах.
- На сайте нет горизонтального скролла.
- На сайте нет битых ссылок.
- На сайте есть кастомная 404 страница.
- Текстовые области не заверстанные как картинки.
- Все графические ссылки доступны как текстовые.
- Лого пролинковано на главную страницу.
- Формы не выдают ошибок и показывают статус события.
Также важно обратить внимание на то, что флеш и реклама должны использоваться умеренно, у картинок должны быть прописаны alt и title теги, на сайте - Sitemap (для пользователей и поисковых систем).
