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

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

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

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

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

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

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

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

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

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

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

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

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

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

О навигации

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

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

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

О контенте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

МИЭМ, каф. ЭВА.

Москва, 2004.

Ключевые слова:

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

Аннотация курса

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

Цели и задачи курса

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

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

Введение

Определение пользовательского интерфейса

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

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

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

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

Определение эргономики

Эргономика (от греч. ergon работа и nomos закон) -- научно-прикладная дисциплина, занимающаяся изучением и созданием эффективных систем, управляемых человеком.

Эргономика -- отрасль науки, изучающая человека (или группу людей) и его (их) деятельность в условиях производства с целью совершенствования орудий, условий и процесса труда.
Основной объект исследования эргономики -- системы «человек-машина», в т. ч. и т. н. эргатические системы; метод исследования -- системный подход. (Энциклопедия «Кирилл и Мефодий»)

Определение usability

юзабилити (usability ) : степень, в которой продукт может быть использован определенными пользователями для достижения поставленных целей эффективно, экономично и с удовольствием в заданном контексте использования. (Пункт 3.1 стандарта ISO 9241-11)

Ситуация на мировом рынке ПО

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

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

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

ПИ составляет от 47 до 60 процентов кода программы; на разработку ПИ уходит как минимум 29 процентов проектного бюджета и в среднем 40 процентов всех усилий разработчиков по созданию системы.

Ситуация на российском рынке ПО

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

У развития эргономики ПО в России есть несколько предпосылок:

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

Преимущества хорошего ПИ

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

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

Вот несколько существенных преимуществ хорошего пользовательского интерфейса:

1. Повышение конкурентоспособности.

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

2. Снижение стоимости разработки.

Реальная себестоимость ПП, как правило, значительно выше стоимости их разработки. Себестоимость возрастает за счет внедрения и поддержки продукта, причем она может возрастать на 80% от стоимости разработки. Это объясняется не пониманием программистами целей и ожиданий конечных пользователей продукта, причем это не понимание обнаруживается сразу после сдачи продукта в эксплуатацию. За счет локализации проблем пользовательского интерфейса на ранних этапах разработки, можно почти всегда снизить затраты на 60-90%.

3. Увеличение аудитории продукта.

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

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

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

4. Уменьшение затрат на обучение и поддержку пользователей.

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

5. Уменьшение потерь продуктивности работников при внедрении системы и более быстрое восстановление утраченной продуктивности.

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

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

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

7. Снижение риска катастроф.

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

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

Подготовка специалистов по разработке ПИ

На настоящий момент (2003 г.) подготовкой специалистов с области проектирования ПИ, эргономики и юзабилити ПО у нас в стране никто не занимается. По мнению некоторых компетентных источников сейчас насчитывается порядка 20 профессионалов в этой области. Большинство из них занималось вопросами эргономики еще с «советских» времен, остальная часть либо обучалась у первых, либо самообучалась в течении многих лет. Кроме этой группы профессионалов, есть прослойка достаточно квалифицированных разработчиков, которые, по крайней мере, осознают необходимость двигаться в направлении разработки ПП с учетом требований юзабилити и пытаются что-то делать в этой области. Однако опыта у них не достаточно.

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

Эргономика

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

1. Скорость работы пользователей 2. Количество человеческих ошибок 3. Скорость обучения 4. Субъективная удовлетворенность пользователей

Подразумевается, что соответствие интерфейса задачам пользователя является неотъемлемым свойством интерфейса.

1. Производительность пользователя

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

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

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

1.1. Длительности восприятия исходной информации 1.2. Длительности интеллектуальной работы 1.3. Длительности физических действий пользоваДлительности реакции системы

1.2. Длительность интеллектуальной работы

Взаимодействие пользователя с системой (не только компьютерной) состоит из семи шагов:

Формирование цели действий; определение общей направленности действий; определение конкретных действий; выполнение действий; восприятие нового состояния системы; интерпретация состояния системы; оценка результата.

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

1.2.1. Непосредственное манипулирование 1.2.2. Потеря фокуса внимания (прерывание) 1.2.3. Ограничение принятия решений 1.2.4. Закон Хика

Как правило, длительность реакции системы является наименее значимым фактором.

1.2.1. Непосредственное манипулирование

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

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

Существует способ ускорить выполнение этих этапов. Он называется непосредственным манипулированием (direct manipulation). Смысл этого метода очень прост. Пользователь не отдает команды системе, а манипулирует объектами. Это значительно более естественный для человека способ.

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

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

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

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

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

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

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

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

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

1.2.2. Потеря фокуса внимания (прерывание)

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

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

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

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

Итак, для продолжения работы пользователь должен знать:

На каком шаге он остановился; какие команды и параметры он уже дал системе; что именно он должен сделать на текущем шаге; куда было обращено его внимание на момент отвлечения.

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

Система должна быть снабжена возможностью "заморозить" свое текущее состояние.
В таком состоянии система не должна реагировать ни на какие действия пользователя (нажатие клавиш, передвижение мыши и т. п.). Причем выход из такого режима следует реализовать таким образом, чтобы возможность непроизвольного выхода из него была полностью исключена. Естественно, при нахождении системы в таком состоянии пользователю должны предлагаться простые и внятные инструкции, объясняющие, как выйти из такого состояния (аналог такого решения известен многим по играм, в которых в любой момент можно было нажать кнопку "Pause", "отдышаться" и продолжить игру) Необходимо предусмотреть механизмы для объединения т иповых составных операций.
Так, например, последовательность разрозненных действий следует преобразовывать в интерактивные, но объединенные общей логикой процедуры (Мастера или нечто подобное). Это позволит пользователям четко понимать, на каком этапе выполнения действия он находится в данный момент времени. Необходимо полноценно визуализировать рабочие объекты манипулирования.
При копировании текста через буфер обмена пользователи практически не имеют возможности понять, что находится в буфере обмена (и находится ли там вообще что-либо), до тех пор, пока не они вставляют содержимое буфера в документ. Если содержимое буфера обмена видно всё время, этой проблемы бы не было, при этом нагрузка на память была бы минимальна. Необходимо показывать пользователям, какие фрагменты информации были введены давно, а какие – недавно.
Если бы использовалась метафора "высыхающих чернил", количество проблем пользователей (затрат времени, ошибок) было бы ощутимо меньше. Использование такой метафоры позволит визуально отобразить отличие недавно внесенных изменений от изменений, внесенных давно. Суть метафоры заключается в том, что цвет актуальных объектов манипулирования (например, набранных слов) изменяется по мере прохождения определенного времени с момента непосредственной работы с ними. Естественно, что при этом пользователям следует предоставить возможность самостоятельно настраивать такие параметры как "скорость засыхания" и дискретность изменения цвета.

1.2.3. Ограничение принятия решений

Не заставляйте пользователя всего лишь сообщать о принятых решениях.

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

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

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

Избавляйтесь от ненужной информации.

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

Визуально выделяйте наиболее вероятные варианты ответа.

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

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

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

1.2.4. Закон Хика

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

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

Если вероятность i-го варианта равна p(i), то вместо логарифмического коэффициента используется

Что предоставление пользователю сразу нескольких вариантов одновременно обычно является более эффективным, чем организация тех же вариантов в иерархические группы. Выбор из одного меню, состоящего из 8 элементов, производится быстрее, чем из двух меню, состоящих их 4 элементов каждое. Если все элементы могут быть выбраны с равной вероятностью и если не учитывать время, необходимое для открытия второго меню (которое, конечно, еще более увеличило бы время для интерфейса, состоящего из двух меню), то сравнение времени для выбора одного элемента из восьми (a + b log 8) с удвоенным временем для выбора одного элемента из четырех 2 (a + b log 4) покажет, что

a + 3b < 2 (a + 2b)

поскольку log 8 = 3, a log 4 = 2, а также поскольку а < 2а и 3b < 4b.

Это согласуется с данными, полученными в экспериментах со структурами меню.

1.3. Длительность физических действий пользователя

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

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

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

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

Откуда к нам пришел термин «юзабилити»

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

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

«Золотые» правила успеха вашего сайта

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

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

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

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

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

Правило 2. Размещайте информацию, которая соответствует тематике вашего ресурса.

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

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

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

Правило 5. Это больше не правило, а совет . Установите на своем ресурсе элемент навигации breadcrumbs (его еще называют «хлебные крошки»). Данный элемент выглядит как полоса в верхней части интернет-страницы (Главная страница => Раздел => Категория => Текущая страница). Каждый элемент этой цепи содержит внутреннюю гиперссылку, благодаря которой пользователь может без особых усилий перейти в нужную категорию или раздел, а также узнать. где он в данный момент находится. Вот такие полезные и функциональные «хлебные крошки».

Правило 6. На всех страницах интернет-ресурса должна быть одна и та же система навигации.

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

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

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

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

Как понять удобен ли ваш сайт для посетителей?

Работа с юзабилити, что означает работу над удобством, всегда направлена на повышение комфортности пребывания посетителя на интернет-сайте и неразрывно связана с такими аспектами, как:

дизайн ресурса;

расположение функциональных элементов;

текстовое наполнение;

корректировка и форматирование текстов;

логика работы элементов функционала и др.

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

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

Анализ статистики (Google Analytics, Bitrix, Яндекс.Метрики и др.). Практически на любом сайте установлены счетчики, данные которых предоставляются абсолютно бесплатно. Таким образом, этот способ становится самым доступным для владельцев интернет-ресурсов. Вы можете осуществить сравнительный анализ статистики аналогичных сайтов, если есть данный доступ. Основные недостатки метода - поверхностность выводов и недостаточный объем данных.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Юзабилити состоит из 5 основных компонентов:

1. Понятность : Насколько пользователю будет легко выполнить базовые действия при помощи интерфейса, с которым он впервые столкнулся?
2. Эффективность: Насколько быстро после ознакомления с интерфейсом пользователь сможет решать задачи?
3. Запоминаемость: Насколько пользователю будет просто вновь начать работу в интерфейсе после продолжительного перерыва?
4. Ошибочность: Как много ошибок делает пользователь, значительны ли эти ошибки, и насколько сложно будет их исправить?
5. Приятность: Получает ли пользователь удовольствие от работы в данном интерфейсе?

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

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

• Пригодность = насколько система подходит для решения ваших задач и достижения целей
• Юзабилити = простота и приятность использования пользовательского интерфейса
• Полезность = юзабилити + пригодность

Почему юзабилити так важно

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

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

Попробуйте свои силы в 10-дневной бизнес-игре «Твой Старт», в которой Вы начнете зарабатывать на своем деле, используя свои таланты и сильные стороны!

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

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

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

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

Как улучшить юзабилити

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

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

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

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

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

Когда необходимо работать над юзабилити?

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

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

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

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

4. Сделайте несколько прототипов нового дизайна и протестируйте их.

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

6. Проверьте ваш лучший дизайн на качество юзабилити при помощи материалов и чек-листов от экспертов.

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

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

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

Где проводить тесты

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

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