Юзабилити (Usability) сайта — это что такое и почему это так важно?

С английского юзабилити переводится как «удобство», «дружественный настрой». Применительно к сайтам юзабилити подразумевает простоту их дизайна и удобство использования. По словам Круга, известного мирового специалиста, который занимается юзабилити сайтов, простота веб-дизайна и его «прозрачность» напоминают освещение витрины магазина – чем оно лучше, тем выгоднее выглядит товар. О том, что такое юзабилити сайта и какие существуют правила, делающие ресурс удобным и комфортным, я и расскажу в данной статье.

Портрет современного посетителя

 

Современные люди – особенно те, кто является активным пользователем всемирной паутины – отличаются нетерпеливостью и неусидчивостью. Как выяснила компания Nielsen Norman Group, среднестатистический человек отводит просмотру одной страницы до 27 секунд, причем редко просматривает ее до конца. Якоб Нильсен, основатель этой компании, считает, что это происходит по следующей причине: интернет – огромное хранилище для абсолютно бессмысленной и бесполезной информации, и, если бы определенный пользователь решил подробно изучить каждый проект, который он открыл, то ему бы пришлось полностью забыть про свою настоящую жизнь и никогда не выходить из сети.

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

Что выясняется в сравнении с высоким и низким уровнем usability сайтов?

 

1. Прежде всего, сайт с низким уровнем юзабилити имеет меньший поток клиентов, чем с высоким, причем объем расходов на рекламу может быть одинаковым. Следовательно, у первого сайта стоимость обращения будет выше.
2. Когда клиенты  быстро получают ответы на все интересующие их вопросы, это уменьшает уровень нагрузки и издержки на call-центр и работающих в компании менеджеров.
3. Лучше всего клиенты относятся именно к тем компаниям, сайты которых отличаются удобством использования и понятной навигацией, поскольку чем выше комфорт того или иного пользователя, тем выше его лояльность к компании в целом.

Следовательно, для компании, одним из методов привлечения клиента которой является интернет, хороший уровень юзабилити сайта – это конкурентное преимущество.

Поговорим о веб-разработчиках

 

При создании сайта многие компании оставляют за своими веб-разработчиками право на решение, какой проект они создадут – простой и удобный или тяжеловесный и отпугивающий. Без контроля над их работой сайт не будет для целевой аудитории достаточно удобным и приятным. Как дать понять компаниям, занимающимся разработкой сайтов и их веб-дизайном, какой результат вы хотите получить на выходе?

Первый шаг – выяснить, насколько хорошо они осведомлены в теме юзабилити, как они применяют данные приемы на практике, предоставляют ли они гарантию о том, что они разработают такой проект, которым будет удобно и приятно пользоваться. Дело в том, что юзабилити сайта – это что-то, что действительно сможет сделать ваш сайт популярным и высокопосещаемым.

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

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

Да, такая организация создания  требует дополнительных денежных затрат. Как поступить в том случае, если вы ограничены в бюджете? В этой ситуации держите в голове набор правил, которые помогут вам существенно улучшить usability сайта.

Как воспринимается информация в интернете?

 

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

Юзабилити сайта: приемы и правила

 

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

Далее мы разберем правила и приемы, которые разделены на следующие группы: главная страница, поиск, навигация, оформление текста, а также сайт для людей с ограниченными возможностями.

Главная страница

 

Это своеобразное лицо сайта.

Прежде всего, в ней прописывается цель создания сайта, что он собой представляет и какую задачу выполняет. Чаще всего для этого предназначены приветствие и слоган.

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

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

Как советует С. Круг, не следует пренебрегать одной из наиважнейших особенностей этой страницы – место для подсказки или ссылки «С чего следует начинать». Дело в том, что пользователь для дальнейшего изучения сайта выберет самый простой или понятный для себя вариант, поэтому нужно дать ему понять, откуда и куда следует ему направляться, чтобы просто походить по сайту, чтобы найти интересующую его информацию или сразу перейти к главному.

Поиск

 

Часто пользователи, чтобы найти нужную для себя информацию, вместо навигации используют внутренний поиск. Однако он нужен не всегда – так, если на ваш сайт содержит меньше 100 страниц, то вы можете обойтись и без него. Несложная система поиска потребуется, если на вашем сайте от 100 до 1000 страниц. И самое время задуматься о разработке эффективного поискового механизма, если страниц на вашем сайте 1000 и выше.

Как сделать поиск удобным? Для этого существует несколько правил:

• форму поиска лучше всего разместить в верхней области  (обычно в верхнем правом углу) на каждой странице;
• длина поля для того, чтобы ввести запрос, должна составлять от 27 символов до 30 (самое оптимальное);
• как и глобальные поисковые системы, включите функцию проверки орфографии. Например, если пользователь введет запрос с ошибкой, то ему выведется строка «Возможно, вы хотели найти то-то и то-то?»;
• страницу с результатами поиска нужно приблизить к той, которая выводится глобальными поисковыми системами. Прежде всего, она должна содержать список результатов с ссылкой (обычно это заголовок), поле для ввода запроса, содержащий запрос, который ввел пользователь, а также краткое описание и раздел, к которому относится выданная информация;
• нередко владельцы сайтов предлагают своим гостям поиск на внешних ресурсах, но мы рекомендуем сделать его внутренним, только по вашему сайту, поскольку для поиска в глобальной сети разработаны глобальные поисковые системы.

Навигация

 

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

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

Оформление текста

 

О тексте можно сказать следующее.

1. Текст должен быть по возможности коротким.
2. Текст необходимо писать по правилу «пирамиды»: в начале идут основные выводы, затем – обоснование, и далее начинается более подробный разбор темы. Расположите наиболее полезную и интересную для пользователя информацию вверху страницы – лучше всего, если для ее изучения прокрутки страницы вниз не требуется.

Применительно к оформлению текста существует несколько важных правил:

• ни в коем случае не используйте бегущие и мигающие строки, даже если вас это забавляет – пользователей это невероятно раздражает;
• используйте контраст – белый фон, черный текст. Избегайте плохо или совершенно не сочетающиеся между собой цвета, поскольку это сильно нагружает зрение и создает неприятный «эффект дрожания». К таким сочетаниям, которые не рекомендуется использовать, относятся темно-зеленый и оранжевый, синий и красный, фиолетовый и желтый;
• наилучший размер основного шрифта – 12 px (10 pt в MS Word);
• величина шрифта должна быть не фиксированной, а относительной;
• оставьте шрифты с засечками (например, Georgia и Times New Roman) книжным носителям информации, поскольку на экране монитора шрифты без засечек – Tahoma, Arial и другие – воспринимаются гораздо легче;
• на странице количество разных цветов текста не должно превышать 4. И помните, что одинаково выглядящим элементам пользователи придают одно и то же значение;
• некоторые в текстах используют только заглавные буквы – ни в коем случае так не делайте, поскольку это снижает восприятие текста.

Пользователи с ограниченными возможностями

 

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

1. Прежде всего, навигация должна быть разработана так, чтобы ей можно было пользоваться без мыши, одной клавиатурой.
2. Формы должны взаимодействовать с экранными дикторами (для этого применяется специальный тег label – он связывает текст подсказок и поле формы с текстом).
3. У каждого изображения должно быть описание, поскольку экранные дикторы не прочитывают картинки.
4. Предусмотрите различные варианты размеров шрифта.
5. Поменьше пользуйтесь технологией javascript.

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