Мой блог

Мысли. Кейсы. Работающие методики. Мои секреты в интернет-бизнесе.

5 1 1 1 1 1 Рейтинг 5.00 (2 Оценки)

Как сделать юзабилити аудит сайта

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

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

На юзабилити сайта влияет доступность, дизайн, тематика, навигация, контент, взаимодействие, верстка. Важно уделять внимание каждой составляющий юзабилити сайта. Их условно можно поделить на:

  • разработку сайта

  • взаимодействие с аудиторией

  • контент

  • информационную архитектуру

  • дизайн сайта

  • Identity - Кто вы такие

  • доступность сайта 

Итак, первый пункт - разработка сайта. Проверьте, или у Ваш соответствует следующим пунктам:

  1. Кросс-браузерность верстки.

  2. Правильная кодировка.

  3. Спецсимволы сделанные кодом.

  4. Код страниц и CSS валидный.

  5. В коде нет ненужных закоменченых элементов/скриптов.

  6. Скрипты вынесены отдельными файлами/расположены внизу страницы.

  7. Таблицы используются только для верстки страниц. 

При анализе взаимодействия с аудиторией необходимо обратить внимание на следующее:

  1. Заметные призывы к действию.

  2. Различные типы призывов к действию.

  3. Наличие на сайте контактной формы.

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

  5. Есть возможность отменить все действия. 

Что касается контента, важно придерживаться следующих пунктов:

  1. Заголовки понятны и содержательны.

  2. Основный контент четкий, простой, поясняющий.

  3. Ссылки тексте не “нажимать здесь”, а описательные.

  4. Стили и цвета оформления постоянны.

  5. Выделения текста <strong> используется в разумных пределах.

  6. Для подачи больших объемов информации используется форматирование: категоризация, списки, таблицы.

  7. Не используйте CAPS в длинных предложениях.

  8. Не используется justify.

  9. Размер шрифта должен быть удобным для чтения.

  10. Разные размеры и типы шрифтов в одной строке - провальная стратегия. 

Информационная архитектура также играет важную роль для юзабилити сайта. Здесь мы должны проанализировать меню, ссылки и url:

  1. Главную навигацию и ссылки в тексте легко найти и распознать.

  2. Названия меню четкие и понятные.

  3. Количество кнопок/ссылок в меню не более 7.

  4. Поиск на сайте легко найти.

  5. Навигация без излишних уровней вложенности.

  6. Урлы четкие и понятные, структурированы. Не чрезмерно динамических урлов. 

Дизайн сайта также необходимо создавать по правилам:

  1. Важная информация в первом скролле.

  2. Хороший контраст текста и фона.

  3. Стилистика соответствует тематике.

  4. Используются правильные цвета (не раздражают зрение, сочетаются с тематикой, призывы к действию выделены).

  5. Структура сайта сохраняется от страниц к странице.

  6. Используется черный шрифт на белом фоне.

  7. Для иконок используются знакомые формы.

 Что касается такого пункта, как Identity, так здесь необходимо четко дать понять пользователю, кто Вы такие.

  1. Лого компании размещено на видном месте.

  2. Слоган позволяет понимать цель и сущность сайта.

  3. Главную страницу можно осознать за 5 секунд.

  4. На сайте есть фавикон.

  5. На сайте есть страницы “О нас” и “Контакты”. 

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

Доступность сайта анализируем по таким пунктам:

  1. Время загрузки в разумных пределах.

  2. На сайте нету горизонтального скролла.

  3. На сайте нету битых ссылок.

  4. На сайте есть кастомная 404 страница.

  5. Текстовые области не заверстанные как картинки.

  6. Все графические ссылки доступны как текстовые.

  7. Лого пролинковано на главную страницу.

  8. Формы не выдают ошибок и показывают статус события. 

Также важно обратить внимание на то, что флеш и реклама должны использоваться умеренно, у картинок должны быть прописаны alt и title теги, на сайте - Sitemap (для пользователей и поисковых систем). 

Вы можете найти уникальные знания по теме интернет-маркетинга в разделе