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

Рейтинг 5 (3 Голоса)

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


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


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


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

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

  • контент;

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

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

  • 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 (для пользователей и поисковых систем). 

Оставьте первый комментарий

Не смогли найти, то что искали? Воспользуйтесь поиском

Похожие статьи

Популярные статьи

Как конвертировать контакты из Excel в vCard (VCF) бесплатно

Как конвертировать контакты из Excel в vCard (VCF) бесплатно

Оставить отзыв
Читать далее
Самые покупаемые товары в интернете: рейтинг

Рейтинг ТОП товаров наиболее продающихся в интернете

Оставить отзыв
Читать далее
EnglishDom или Skyeng? Честный отзыв ученика и промокоды в подарок

EnglishDom или Skyeng? Реальный отзыв ученика 2х школ, подробное сравнение и подарки в конце

Оставить отзыв
Читать далее
Как сделать красивое превью ссылки для Вконтакте и Facebook

Как сделать красивое превью ссылки для Вконтакте и Facebook

Оставить отзыв
Читать далее
О чем писать в своем блоге, чтобы заработать и было интересно читать

55 идей для блогера

Оставить отзыв
Читать далее
Как продвигать интернет-сервис с нуля

Стратегия продвижения интернет-сервиса. 10 лучших инструментов

Оставить отзыв
Читать далее
Английский язык онлайн по скайпу с носителем бесплатно? Как посещать бесплатно разговорный клуб английского языка

Онлайн-изучение английского языка с носителем бесплатно! Реально ли? Как я посещаю разговорный клуб английского языка Skyeng бесплатно уже более 2х лет

Оставить отзыв
Читать далее
Стратегия маркетинга Airbnb: десять уроков, как стать мировым лидером

Стратегия маркетинга Airbnb: десять уроков, как стать мировым лидером

Оставить отзыв
Читать далее
Организация онлайн-конференции своими руками

Организация онлайн-конференции. Основные шаги и этапы

Оставить отзыв
Читать далее
Как конвертировать аудиокниги с формата MP3 в M4B на Macbook для загрузки в itunes

Как конвертировать аудиокниги с формата MP3 в M4B на Macbook для загрузки в itunes

Оставить отзыв
Читать далее
Как раскрутить и усилить личный бренд в интернете бесплатно

51 способ усилить личный бренд

Оставить отзыв
Читать далее
Руководство - как делать картинки для рекламы ВКонтакте

Как делать идеальные изображения для рекламы Вконтакте

Оставить отзыв
Читать далее