Введение в юзабилити. Базовые правила и принципы юзабилити

19.07.2019

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

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

Зачем это нужно

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

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

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

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

Делаем удобный сайт

Как человек воспринимает информацию

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

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

Правило трех кликов

Давным-давно кто-то придумал правило трех кликов, согласно которому пользователь с любой страницы сайта на любую другую должен перейти, совершив не более трех кликов. Очевидно, что для ресурсов со сложной структурой это не подойдет. Пример: «Главная страница – магазин – велосипеды – горные велосипеды – бренд». Уже получается, что человеку нужно сделать четыре клика. Но в данном случае нельзя сказать, что это плохо.

Если исключить любой пункт, например, «горные велосипеды», то у пользователя на странице будет слишком много товаров, часть из которых ему не нужна (например, шоссейные велосипеды). Данный пример показывает, что на сайтах с большим количеством страниц и сложной структурой нужно думать не о трех кликах (или любом другом числе), а об удобстве пользователя.

О навигации

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

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

Если на сайте большое количество страниц, то обязательно нужно делать внутренний поиск. Обычно строку располагают в правом верхнем углу (как на моем сайте). Если количество страниц не превышает 900–1000, то будет достаточно совсем простого поиска, а если их гораздо больше, то имеет смысл делать сложный поиск (исправление ошибок, поисковые подсказки и т.д.). При этом никогда не стоит пытаться заместить плохую навигацию внутренним поиском. Возможность быстро найти нужную информацию - это всего лишь дополнительная опция.

О контенте

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

Используйте стандартные шрифты вроде Arial, Tahoma, Verdana или похожие на них. Нестандартные шрифты можно использовать для заголовков, но для основного текста это будет не лучшим решением. Не каждому будет комфортно читать большую статью с таким шрифтом, пусть он и смотрится интересно:

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

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

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

Статьи правильнее писать в виде «перевернутой пирамиды», то есть, самая важная информация и ключевые выводы должны быть в самом начале, а наименее важная - в конце. Это помогает сразу завладеть вниманием пользователя: он должен быстро понять, будет ли ему статья полезна или нет;
Размер статьи не имеет значения (в том числе и с точки зрения SEO), она должна полностью отвечать на вопрос пользователя. Понятное дело, что если в топе статьи размером 10–15 тысяч знаков, то со статьей размером 2–3 тысячи знаков вы не займете лидирующие позиции. Просто потому, что не сможете в таком объеме достаточно полно ответить на вопрос пользователя;
Для больших статей стоит делать оглавление (с якорями в тексте), которые позволят быстро попасть в нужный раздел;
Заголовки, списки и продуманная структура материала существенно облегчают его восприятие.

Как выявить проблемы

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

Изучение статистических данных

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

Кроме того, обычная статистика также может подсказать слабые места на ресурсе. Вот скриншот из «Яндекс Метрики » с данными о посещаемости разных разделов на сайте:

Я подчеркнул данные по одному разделу, который явно отличается от других. Глубина просмотра здесь значительно выше, чем в среднем, это можно сказать и про время на сайте. Количество отказов чуть ниже среднего значения по всему сайту. В чем тут дело? Все просто: этот раздел сайта полностью закончен, там есть перелинковка между статьями и дополнительные элементы навигации (рекомендуемые статьи). Уже это дало +0,64 глубины просмотра и +1 минуту и 13 секунд ко времени на сайте.

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

Оценка пользователями

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

Тестирование

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

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

Заключение

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

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

Принципы юзабилити интерфейсов

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

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

Принцип 1. Навигация. Горизонтальное и вертикальное меню.

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

JavaScript. Быстрый старт

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

Принцип 2. Отсутствие ошибок.

Тестирование и еще раз тестирование. Каждый день. Без выходных и праздников. Сайт должен работать корректно, ведь каждая секунда его неправильной работы, каждая ссылка, ведущая в никуда, или кнопка на несуществующую страницу будут стоить вам посетителей и клиентов. Никто не будет задерживаться на нерабочем сайте. И не забудьте оформить 404-ю страницу в стиле вашего веб-ресурса.

Принцип 3. Правильное оформление шапки сайта.

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

Принцип 4. Свободное пространство.

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

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

Принцип 5. Качественный текст.

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

наличие заголовков и подзаголовков;

выделение ключевых слов и важной информации (жирным шрифтом, сносками, маркерами и т. д.);

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

использование нумерованных и маркированных списков;

разбивка текста на абзацы, состоящие из 3-4 предложений.

Принцип 6. Поиск по сайту.

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

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

Принцип 7. Скорость загрузки.

В продолжение предыдущего требования к юзабилити сайта - люди очень нетерпеливы, они приходят в Интернет за информацией и хотят получить ее максимально быстро. По результатам исследования Nielsen Norman Group, пользователи в среднем проводят на веб-странице 27 секунд и редко прокручивают ее до конца. Происходит это потому, что в Интернете много хлама и бесполезной информации - если бы люди подробно изучали каждый ресурс, они бы сошли с ума.

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

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

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

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

Проблема большинства владельцев сайтов одинакова. В веб-разработку вложены большие деньги, но инструмент не работает!

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

А ответ на поверхности – сайт для пользователя неудобный!

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

Принципы юзабилити в интерфейсе

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

Первое правило носит название «Правило 7». Основано оно на особенностях работы человеческой кратковременной памяти.

Охватить вниманием человек способен от 5 до 9 объектов, в среднем это Не нужно перегружать страницы обилием объектов среди которых легко потеряться, ограничьтесь семью.

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

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

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

Правило Фиттса. Суть его в том, что не нужно делать крупные предметы еще более крупными, человек их и так заметит.

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

Тестирование интерфейса

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

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

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

Чужими руками или самостоятельно?

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

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

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

Такие специалисты востребованы на рынке труда и могут рассчитывать на хорошую оплату.

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

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

Принципы юзабилити контента

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

Признаки качественного контента:
логичность информации;
простота подачи;
наличие структуры.

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

Все это позволяет пользователю экономить время на поиске нужной информации.
Где брать такие тексты? Можно писать их самостоятельно, привлекать для работы профессиональных копирайтеров или покупать готовый контент на бирже, например, здесь — textsale.ru

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

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

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

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

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

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

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

Немного из истории возникновения юзабилити

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

Из всего многообразия определений я пока решила остановиться на определении международного стандарта ISO 9241-11, согласно которому:

Юзабилити – это степень , с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью.

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

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

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

Любая современная разработка, во-первых, всегда разрабатывается с учетом размеров среднестатистического человека, во-вторых, проходит тщательное тестирование на предмет удобства использования.

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

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

Я уже затрагивала такую тему, что для любого бизнеса . Чем более качественным будет ваш инструмент, тем лучших результатов вы сможете добиться.

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

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

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

Результатом взаимодействия является удовлетворение нужд и потребностей интернет-пользователя (), что в итоге приносит прибыль компаниям, которые развивают свой бизнес посредством интернета.
И ещё раз...

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

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

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

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

Основы юзабилити

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

Принцип первый – обучаемость . Это конечно больше касается сложных интерфейсов, очень актуально для администраторских панелей CMS, аккаунтов в различных биржах, системах статистики.

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

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

И тут начинает действовать второй принцип юзабилити - эффективность . Я, как пользователь, могу с уверенностью сказать, что я эффективно использую Яндекс Метрику, единожды обучившись с ней работать. Значит разработчики хорошо справились со вторым принципом юзабилити. Также, единожды разобравшись в твитере, понимаешь, что он очень простой и начинаешь его эффективно использовать. Чего совсем я не могу сказать о Google Analytics, когда я, вроде бы, все изучила, все поняла, но при этом уверена, что не использую его возможности даже на половину.

А каждый раз, когда начинаю с ней работать, обязательно пару раз кликну не туда, куда мне нужно или долго перебираю все меню, чтобы найти нужный мне отчет. Эта ситуация полностью зависит от выполнения третьего принципа юзабилити – запоминаемость . Например, мне, в приведенном примере, плохо удается запомнить, где какой отчет находится. Одни отчеты нахожу быстро и без проблем, а на поиск других трачу время. Что это, моя проблема или проблема разработчиков? На самом деле нельзя дать однозначный ответ, и этот вопрос я рассмотрю в следующей публикации.

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

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

Справляется Google Analytics со своей задачей, когда обучаемость, эффективность и запоминаемость не ахти, но пользователь получает удовлетворенность? Я считаю, что справляется.

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

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

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

Оставайтесь на связи и удачи в продвижении.

17.11.14 2.8K

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

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

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

Так почему же к одним люди идут и надолго остаются, а от других бегут как от огня? Ответ на этот вопрос такой же, как на «А почему вы купили этот диван, а не тот?». Потому что удобнее:

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

Что такое юзабилити

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

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

Контент. Информационное наполнение ресурса – это основа, стержень, без которого сайт не имеет смысла. Посетителям важно с легкостью воспринимать текст и извлекать из него всю необходимую информацию. Если же этого не происходит – человек не будет лишний раз ломать голову и отправится на поиски чего-то более понятного;
Функционал. Тот, кто написал в жизни пару программ, с уверенностью может сказать, что сразу ничего не работает. Ошибки могут быть очевидны, а могут затаиться и обнаружить себя в самый ответственный момент. Во время работы сайта, особенно на первых этапах, постоянно выявляются недочеты, и для разработчиков очень важно вовремя на них реагировать. Если же какая-то функция сайта не выполняется (или выполняется некорректно ) в течение длительного времени – даже самые преданные пользователи такого не поймут и будут беспощадны;
Кроссбраузерность и независимость от платформ. Если вы думаете, что ваш любимый Internet Explorer – единственный и неповторимый, то попросите у Билла Гейтса пирожок с полки:

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

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

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

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

Почему это так важно

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

Казалось бы, зачем же следовать нормам юзабилити, если сайт создаётся не во благо человечества, а исключительно как источник дохода?

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

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

Как добиться удобства

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

Интернет-магазин

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

Качественная визуализация товаров. Когда человек тратит свои деньги, он должен знать – на что. Хорошие фотографии помогут разбудить в посетителе покупательский интерес. Но стоит помнить, что изображение должно соответствовать реальному предмету;
Как можно более быстрая загрузка страниц. Если человек решил купить – важно, чтобы его ничего не остановило;
Чем больше покупатель знает о товаре, тем лучше. Следует тщательно проработать описание всех деталей, тогда доверие посетителей значительно повысится. К примеру, покупателям будет очень полезно знать, имеется ли товар в наличии;
Помогайте посетителю найти нужный продукт. Достаточно сложно создать удобную навигацию при обилии категорий. Когда пользователь просматривает информацию о конкретном товаре, следует ненавязчиво предлагать ему похожие. Возможно, таким образом, человек найдет то, что ему нужно или подумает «А не купить ли мне и то, и другое ?»;
Элементы, отвечающие за выполнение целевых действий, должны быть четко обозначены. Кнопка «Купить » обязана сразу же бросаться в глаза, ведь именно покупки вы и добиваетесь от посетителя.

Требуется аудит

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

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

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

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

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

Как протестировать юзабилити

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

Ниже представлены некоторые из них:

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

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

Хорошо Плохо