Принципы и правила юзабилити

Подпишитесь на ленту или по электронной почте:

Вперед!

Основные принципы и правила юзабилити вращаються вокруг одного простого убеждения: пользователю должно быть удобно.

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

• пишите краткое описание сайта на главной
• укажите ключевые слова на видном месте
• делайте заметные и предсказуемые пункты навигационного меню
• выделяйте текущие пункты меню
• предоставляйте хлебные крошки

Краткое введение в юзабилити

Юзабилити (англ. usability) переводится с английского как удобство использования. В контексте дизайна сайтов, юзабилити означает, насколько удобен сайт в обращении. Важно отметить, что удобство проявляется не в заметности блоков, а в том, что пользователь не должен думать о том, как совершить ему то или иное действие, а просто совершать его.

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

Каждый сайт уникален

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

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

Правила и принципы юзабилити

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

• что это за сайт? что тут происходит? что мне предлагают? куда я попал?
• как мне попасть в нужный раздел? найти нужную информацию?
• где я нахожусь относительно других частей часта?
• кто стоит за сайтом? можно ли им доверять?
• какие услуги/продукты предлагаются?
• как связаться с владельцами сайта?

Читателю может показаться, что этот список вопросов достаточно примитивен. Так и есть. Но ответы на эти вопросы остаются не отвеченными на подавляющем большинстве сайтов в русско- и украинязычном сегменте Интернета.

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

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

Теперь давайте рассмотрим рекомендации для предоставления ответов на каждый перечисленный вопрос.

Что это за сайт?

Кагда пользователь попадает на ваш сайт одним из 4 путей (ссылка, реклама, поисковик или прямой ввод), вероятность того, что он знает, куда попал, невелика. Даже если он нашел ваш сайт по поисковому запросу, ему все равно надо понятно и удобно в первые 5 секунд донести, что вы предлагаете, т.е. что это за сайт.

Для того чтоб дать ему эту информацию, достаточно выполнить несколько простых правил:

1. дайте ваши ключевые слова в самом видимом месте сайта (к примеру, возле логотипа или названия сайта) 
2. предоставьте краткое описание того, что это за сайт, на видном месте на главной странице, длинной в 1-3 предложения

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

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

Описание на главной странице позволит пользователю понять, стоит ему продолжать путь по сайту или нет. Попав на внутреннюю страницу сайта, он, вероятнее всего, вскоре перейдет на главную. Т.е. главная страница — уникальна, и там должно объясняться, очем тут речь. 

Как мне попасть в нужный раздел?

Раздел сайта об услугах, продукции, сотрудников компании или способах доставки — любой из этих и множество других разделов могут заинтересовать пользователя, если он принял решение остаться на сайте. Когда становиться вопрос о переходе куда-то внутри сайта, то надо предоставить удобную навигацию. При этом, надо помнить, что есть глобальная навигация и локальная (т.е. внутри раздела).

Для удобного перемещения по сайту предоставьте следующее:

• глобальную навигацию на видном месте с предсказуемыми ссылками 
• локальную навигацию по разделу на видном месте ближе к содержимому

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

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

К примеру, перейдите на сайт компании YouScan (ссылка откроется в новом окне). Не нажимайте, но прочтите все элементы главного (т.е. глобального) меню. На момент написания статьи, один из пунктов меню был «Вы и YouScan». Понятно ли вам на все 100%, что будет после нажатия на эту ссылку?  Уверен, что нет. Только после изучения раздела за этой ссылкой становится понятно, чтó владельцы сайта имеют ввиду: каких сотрудников может заменить система YouScan. Именно таким должен быть текст ссылки!

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

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

Но стоит помнить, что вы не имеете права использовать технические термины присущие вашей отрасли. Т.е. если все знают, что дорога над дорогой называется «развязка» или «мост», то не стоит ее называть литературным и правльным «путепроводом» в навигационном меню. После, когда пользователь перейдет туда, куда еме нужно, он может прочесть о правильном названии. Но если все привыкли, что ссылка Зю ведет в корзину, то, к сожалению педантичных и скурпулезных дизайнеров, ее надо назвать именно Зю, т.е. так, как ожидают пользователи.

Где я нахожусь

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

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

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

Для простоты, взгляните на пункты меню на данном сайте. Вам понятно, в каком разделе вы находитесь?  

Самая большая ошибка на большинстве сайтов наблюдается, когда навигационная ссылка не меняется при щелчке по ней.

Взгляните на то, как умело дизайнеры сайта Оптимарт показали пользователю, где он находится:

На примере показаны и выделения текущих категорий, и хлебные крошки.

Вывод

Основные принципы и правила юзабилити диктуют следующее:

• пишите краткое описание сайта на главной
• укажите ключевые слова на видном месте
• делайте заметные и предсказуемые пункты навигационного меню
• выделяйте текущие пункты меню
• предоставляйте хлебные крошки

О других правилах мы поговорим в следущей статье.

Что дальше?

1. Закажите юзабилити услуги через простую форму обратной связи.
2. Читайте другие статьи: Тема веб-страницы важнее типа Первый юзабилити-семинар Humanize it состоялся Увеличение конверсии в 2 раза (Интернет-магазина malm)	3. Подпишитесь на ленту или по электронной почте: Вперед!