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

Юзабилити означает удобство использования. Если у вашего сайта отличное юзабилити, то это означает, что им настолько удобно пользоваться, что любой человек независимо от его умственных способностей и образования сможет легко и быстро найти на вашем сайте необходимую ему информацию. Это очень важно, так как любой пользователь Интернета, заглянувший на ваш сайт, будет очень признателен вам, если сможет легко и быстро найти нужную информацию. Если он не сможет сделать этого, то, скорее всего, он покинет ваш сайт и не вернется на него никогда.

КАК ВЫСТАВИТЬ НАПОКАЗ СВОЮ НЕОСВЕДОМЛЕННОСТЬ В ДЕЛАХ ВСЕМИРНОЙ ПАУТИНЫ?

Очень просто! Рекламировать веб-сайт, который никто не тестировал на удобство использования, то есть не проводил юзабилити-аудит. Вот что говорит по этому поводу гуру веб-дизайна Стив Круг в своей книге «Не заставляйте меня думать»:

«Находясь в Интернете, люди большую часть своего времени не хотят, чтобы их обвораживали, им всего лишь надо сделать какое-то дело. Поэтому мешающие им попытки обворожить их воспринимаются как раздражающие, бесцельные, как худшая разновидность уличной торговли. Флеш-страницы, музыка и анимация, большие фотографии отвлекают внимание и большинство людей их не выносят. Если только ваш сайт не предоставляет посетителям необходимую им информацию и легкость достижения ими своих целей, то эти посторонние эффекты лишь объявляют во всеуслышание о вашей неосведомленности в делах Всемирной паутины и о том, что внешний лоск вам дороже ваших клиентов»

КАК БЕСПЛАТНО ОЦЕНИТЬ ЮЗАБИЛИТИ САЙТА?

Предлагаем три бесплатных способа:

  1. Провести экспресс-тест юзабилити вашего сайта в соответствии с инструкцией, приведенной ниже в этой статье.
  2. Прочесть краткий перечень критериев оценки юзабилити в данной статье и попытаться самостоятельно подробно оценить юзабилити вашего сайта.
  3. Прочесть книгу Стива Круга «Не заставляйте меня думать!». Стив Круг – это всемирно известный гуру веб-дизайна. Книга написана в легкой, увлекательной форме, на ее прочтение потребуется 4 часа, после чего вы сами сможете оценить юзабилити своего сайта. В зависимости от размеров вашего сайта потребуется приблизительно от нескольких часов до месяца, чтобы тщательно проанализировать его на предмет удобства использования и выработать рекомендации по его изменению. Можно еще почитать и Якоба Нильсена «Web-дизайн. Удобство использования Web-сайтов», но это очень толстая книжка, написанная скучным, нудным языком. Хорошо использовать вместо снотворного, когда вы не можете заснуть. Но если вы профессионально занимаетесь сайтами, то вам придется прочесть эту книгу.

ЭКСПРЕСС ТЕСТ ЮЗАБИЛИТИ ВЕБ-САЙТА ПО СТИВУ КРУГУ

  1. Если страница грамотно разработана, то глядя на нее можно без всяких затруднений ответить на следующие вопросы:
  2. Что это за сайт? (Логотип сайта)
  3. На какой странице я нахожусь (Название страницы)
  4. Какие главные разделы на этом сайте (Разделы)
  5. Какие опции есть на этом уровне (Локальная навигация)
  6. Где именно я нахожусь в общей структуре сайта? (Указатели «Вы находитесь здесь»)
  7. Каким образом осуществляется поиск?

Найдите и обведите карандашом каждый элемент из приведенного ниже списка на скриншоте Вашего сайта (на сайте должен быть каждый из этих элементов):

  1. Логотип сайта
  2. Название страницы
  3. Разделы и подразделы
  4. Локальная навигация
  5. Индикаторы «Вы находитесь здесь»
  6. Поиск

КРАТКИЙ ПЕРЕЧЕНЬ КРИТЕРИЕВ ОЦЕНКИ ЮЗАБИЛИТИ ВЕБ САЙТА ПО СТИВУ КРУГУ

ТРЕБОВАНИЯ К НАВИГАЦИИ ПО САЙТУ 

Названия разделов, кнопок и ссылок должны быть понятными каждому и не требовать размышлений.

  • Ссылки и кнопки должны всегда ясно показывать, что на них можно нажать.
  • Наличие ясной визуальной иерархии, т.е.:
  • Чем более важен элемент, тем более он заметен
  • Элементы, логически связанные между собой, должны быть связаны и визуально
  • Элементы представляются в виде вложений, если являются частями друг друга
  • Отстутствие лишних слов («общая болтология» - не содержит полезной информации, «инструкции»).
  • Все ссылки по которым уже щелкали изменяют свой цвет.
  • На каждой странице имеется навигация в одном и том же месте и имеет при этом одинаковый вид. Исключение: главная страница, формы (требуется мин. версия постоянной навигации: логотип, ссылка на главную страницу, и сервисы помогающие пользователю заполнить нужные формы).
  • Логотип находится в левом верхнем углу каждой страницы сайта или в непосредственной близости к нему (для арабского или иврита логотип должен находиться на правой стороне страницы). Логотип имеет все атрибуты торговых марок или фирменных знаков: особый стиль шрифта и графики, узнаваемый при любом размере изображения.
  • Навигация на каждой странице содержит кнопку или ссылку для перехода на главную страницу. Можно использовать логотип сайта в качестве кнопки перехода на главную страницу, но поскольку очень мало пользователей знают о такой возможности, то лучше использовать и то и другое.
  • Навигация на каждой странице содержит окно поиска (окно, кнопка и слово «Поиск», используется именно слово «Поиск».). Исключение составляют случаи когда объем сайта небольшой и сайт имеет хорошую организацию.
  • Области поиска обозначены понятным образом и расширенный поиск работает корректно.
  • Навигация нижних уровней сайта 3 и 4 также хорошо продумана как для главной страницы и уровней 1 и 2.
  • Каждая страница имеет название. Название «обрамляет» расположенное на странице содержание. Название страницы должно быть заметным. Название страницы должно соответствовать названию ссылки по которой щелкнул пользователь. Заголовок расположен вверху слева или по центру.
  • Навигация указывает пользователю его текущее местоположение на сайте. Указатели «Вы находитесь здесь» ясно выделяются (и не являются тонкими подсказками).
  • Для «колонии» субсайтов или для больших сайтов необходимо использовать «хлебные крошки», которые показывают путь от начальной страницы до текущего местонахождения.
  • «Хлебные крошки» должны быть в верхней части страницы
  • Между уровнями надо использовать символ >
  • Необходимо применять небольшой размер шрифта
  • Необходимо использовать слова «Вы находитесь здесь»
  • Необходимо применять жирное начертание для последнего элемента в списке
  • Нельзя использовать «хлебные крошки» вместо названия страницы
  • Большим преимуществом будет использование вкладок разделов для построения навигации.
  • Вкладки должны быть четко прорисованы и их графика должна создавать визуальную иллюзию того, что активная вкладка находится впереди других вкладок. Имеет контрастный или другой оттенок и визуально связана с пространством под ней.
  • Вкладки выделяются цветом.
  • Одна из вкладок должна быть изначально выбрана. 

ТРЕБОВАНИЯ К ГЛАВНОЙ СТРАНИЦЕ

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

Главная страница должна показывать основную идею сайта и давать ответы на вопросы:

  1. Чем сайт является?
  2. Что в нем содержится?
  3. Что на нем можно делать?
  4. Почему я должен быть именно здесь, а не на другом сайте?

Другие требования к юзабилити главной страницы:

  • Основная идея сайта передана с помощью слогана и текста приветствия.
  • На главной странице обязательно должна быть очень заметной точка начала, а также места где можно пройти регистрацию.
  • На главной странице можно добавить описания разделов.
  • На главной странице должен быть более крупный логотип чем на других страницах, точно так же как над входом в магазин висит огромная вывеска.
  • Рядом с логотипом должен быть слоган.
  • Надо сохранить одинаковыми как можно больше визуальных особенностей между главной страницей и внутренними: цвет и тип шрифта, использование строчных и прописных букв.
  • Содержит цель и назначение сайта.
  • Содержит иерархию сайта.
  • Содержит поиск (для больших сайтов).
  • Содержит анонсы содержания сайта.
  • Содержит обзор содержания.
  • Содержит обзор сервисов.
  • Содержит периодически обновляемое содержание.
  • Содержит ярлыки.
  • Содержит регистрацию.
  • Показывать мне то, что я ищу и то, что я не ищу.
  • Вызывать доверие к сайту.