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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Данный пост представляет адаптированное к специфике веб-маркетинга изложение статьи крупнейшего мирового авторитета в этой сфере Якоба Нильсена (Jakob Nielsen).

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

Определение

Юзабилити — это качественный критерий, позволяющий оценить, насколько легко применять пользовательские интерфейсы для использования. Прилагательное «качественный» в дефиниции термина означает, что он не может быть выражен через количественные параметры в отличие, положим, от кликабельности (CTR), коэффициента возврата инвестиций (ROI) или стоимости лида (CPL). Другими словами, мы не сможем вычислить точное значение этого параметра и записать его цифрами. Смысловой перевод Usability — «удобство использования».

Также этот параметр относится к способам упрощения использования пользовательского интерфейса (UI, user interface), применяемых в процессе его проектирования.

Мы предлагаем рассматривать термин UI в узком практическом значении с точки зрения интернет-маркетолога — пользовательский интерфейс есть визуализация лендинг пейдж, страницы сайта eCommerce или SaaS-решения, отображаемая на мониторе представителя целевой аудитории.

В свою очередь, удобство использования определяется 5 качественными компонентами (критериями более низкого уровня):

Обучаемость (Learnability): насколько легко пользователи смогут выполнить конверсионные задачи, в первый раз увидев дизайн лендинга?

Эффективность (Efficiency): после того, как пользователи ознакомились с дизайном веб-ресурса, как быстро они смогут выполнить стоящую перед ними задачу?

Запоминаемость (Memorability): если пользователи вернутся на web-страницу после периода достаточно долгого отсутствия, то как легко они смогут вспомнить алгоритм выполнения конверсионной задачи?

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

Удовлетворенность (Satisfaction): насколько приятно пользоваться данным UI?

Вот что такое юзабилити программной системы и посадочной страницы.

Существуют и другие важные качественные атрибуты дизайна. Ключевой параметр, относящийся к функциональности пользовательского интерфейса — полезность (утилитарность, utility): отвечает ли дизайн базовым потребностям пользователей?

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

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

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

Итак, сформулируем 3 определения дизайна, способствующего удобству использования условным UI:

Полезность/утилитарность = предоставляет ли дизайн в распоряжение пользователя необходимые функции.

Юзабилити = насколько легко и приятно пользоваться этими функциями.

Полезный дизайн = удобство использования + полезность.

В чем важность юзабилити?

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

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

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

А теперь вспомним «первый закон электронной коммерции»:

Если посетители не смогут найти товар, они его и не купят.

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

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

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

Как повысить удобство использования?

Есть много методов изучения этого параметра, но основным и самым полезным является пользовательское тестирование, состоящее из 3 последовательных операций:

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

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

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

Напомним, что такой метод называется итерационным дизайном (Iterative design), и он также применяется в процессе редизайна сайта для повышения конверсии, хотя во втором случае дело обстоит гораздо проще: каждая итерация завершается обычным сплит-тестом.

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

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

Когда начинать работу над оптимизацией юзабилити?

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

Вот основные шаги:

• Перед тем как начинать разрабатывать новый UI или приступать к его редизайну, протестируйте старый вариант для выявления удобных и полезных пользователя элементов, которые можно применить в дальнейшем.
• Проведите так называемое полевое исследование (field study) — понаблюдайте, как представители целевой аудитории ведут себя в «естественной среде обитания», т. е. в привычной обстановке при посещении предпочитаемых веб-ресурсов: пользуются ли они , скроллят ли страницу с помощью колеса мыши или движка вертикального скроллбара и т. д.
• Именно так можно составить примерное мнение о том, как представляют себе удобство пользования будущие посетители.
• Создайте несколько простых непроработанных эскизов новых вариантов дизайна и приступайте к пользовательским тестам как можно раньше. Не тратьте время на кропотливую проработку дизайнерских идей — вы должны будете изменить их все на основе результатов испытаний.
• Постепенно переходите от прототипа, отвечающего самым общим требованиям к веб-дизайну, принятым в вашей маркетинговой нише, к кастомизированной высококачественной компьютерной репрезентации вашего лендинга/сайта. Не забывайте проверять каждую итерацию!
• Проверьте дизайн на соответствие общепринятым правилам (существует множество работ на эту тему, например, того же Якоба Нильсена).
• Если вы решили, что окончательно завершили новый вариант дизайна, проверьте его еще раз — мелкие проблемы юзабилити всегда «выползают на свет» именно в ходе имплементации нового интерфейса на веб-ресурс.

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

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

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

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

Правило 2х секунд

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

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

Правило 7±2

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

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

Правило 3х кликов

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

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

Данное правило не официальное, а условное. Для большинства сайтов оно вполне целесообразно.

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

Правило Парето или принцип 80/20

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

6 правил с позиции разработки дизайна сайта и приложений

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

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

Перевернутая пирамида

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

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

Субъективная удовлетворенность

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

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

В заключении

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

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

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

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

Для самостоятельной разработки интерфейса нужно учитывать несколько простых правил:

1. Правило 7-ми.
   Известно, что способности человеческого мозга небезграничны. Человек способен держать в кратковременной памяти не более 5-9 сущностей. Поэтому не следует размещать в навигации больше 7 пунктов.
   С этой точки зрения сайт tutu.ru , безусловно, заслуживает хороших отзывов, поскольку основной функционал удалось разместить в шапке сайта, ограничиваясь 4 пунктами меню и выпадающим списком.
   В то время как сайт Российских Железных дорог - отличный пример того, как делать не надо. От количества разрозненной информации пестрит в глазах, хочется просто закрыть его и больше никогда не заходить.
2. Правило 2х секунд.
   Чем меньше пользователь ждет отклика программы, сайта или приложения, тем больше вероятность того, что он не откажется от использования этого продукта. 2 секунды – это оптимальный временной интервал отклика программы, именно к нему стоит стремиться. Так что стоит сто раз подумать, прежде чем ставить на сайт тяжелую флэшевую заставку, как это сделали на mtv.ru .
3. Правило 3х кликов.
   Никому не нравится серфить страницы, в поисках необходимой информации и функционала. У посетителя должна быть возможность попасть с главной страницы на любую другую страницу сайта, сделав не более 3-х кликов. Это способствует и более успешной индексации сайта поисковыми роботами.
4. Правило Фиттса
   Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели.
   Метафорически правило можно объяснить так: легче указать на зажигалку, чем на спичку. Но указать на утес или огромный дирижабль одинаково просто. Если объект интерфейса, например ссылка, и без того достаточно крупный, нет смысла делать его еще крупнее.
5. Перевернутая пирамида
   Этого принципа придерживается сам гуру юзабилити, Якоб Нильсен. Статья должна начинаться с итогового вывода, за которым следуют ключевые моменты, а завершаться наименее важной для читателей информацией. Это оптимально для веба, где пользователь хочет получить информацию максимально быстро.

Тестирование состоит из четырех этапов:

1. Подбор фокус-группы. Тестировщики должны соответствовать вашей целевой аудитории. Не стоит просить бабушку протестировать приложение для поиска обновлений драйверов.
2. Составление плана тестирования – списка задач, для выполнения которых разработан ваш продукт. Именно этому списку будут следовать тестировщики. Если вы делаете интернет-магазин, в список должны быть включены такие задачи как поиск товара, получение информации о товаре, путь от получения информации о товаре к его заказу, удаление товара из корзины.
3. Выполнение тестировщиками списка задач и фиксирование ошибок. Ошибкой можно считать все что угодно: слишком сложная капча, отсутствие сообщения от сервера о том, что «товар добавлен в корзину», невозможность изменить количество товаров в корзине или отменить действие, и т.д.
4. После выявления и исправления ошибок цикл тестировки нужно пройти заново. Цикл должен повторяться до тех пор, пока результаты не будут удовлетворять необходимым требованиям.

Пример по теме

Якоб Нильсен

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

У юзабилити есть пять количественных составляющих:

* Обучаемость: насколько легко пользователи могут выполнить основные задачи, впервые встретившись с незнакомым им интерфейсом?

* Эффективность: после того, как пользователи ознакомятся с дизайном, как быстро они могут выполнить то же задание?

* Запоминаемость: После того, как пользователь снова вернется к интерфейсу через определенный промежуток времени, насколько легко ему будет восстановить свои навыки работы с данным интерфейсом?

* Ошибки: сколько ошибок делает пользователь, насколько серьезны эти ошибки, насколько легко пользователь может исправить эти ошибки?

* Удовлетворенность: насколько пользователю приятно пользоваться данным интерфейсом?

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

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

Первое правило e-комерции гласит: если посетители не могут найти товар, они никак не смогут его купить.

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

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

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

Оно состоит из трех элементов:

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

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

Если вы будете им помогать или привлекать внимание к какому-то определенному элементу на экране, вы испортите результаты теста.

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

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

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

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

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

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

Проверьте дизайн на соответствие общепринятым правилам юзабилити.

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

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

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

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