Что веб-дизайнеры должны знать о законе Хика

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

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

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

Другим полезным принципом, которым могут руководствоваться дизайнеры в их предательском не простом путешествии в «пользовательский рай» является закон Хика.

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

Что такое закон Хика?

Вы когда-нибудь ходили в супермаркет за хлебом? Если Вы перейдете на сайт американского ритейл-гигантаWalmart.com и введете слово «хлеб», вам будет показано 2072 результатов.

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

Но это хорошо, правда? У нас есть выбор. Независимо от того, какой хлеб Вам нужен, Вы, скорее всего, сможете найти его среди 2072 разновидностей. И это просто один Walmart, без учета пекарен, гастрономов или даже других супермаркетов.

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

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

В своей основополагающей книге «Парадокс выбора» Барри Шварц пишет:

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

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

Почему закон Хика важен в дизайне UX

Чем же закон Хика связан с UX дизайном? Можем ли мы использовать Закон Хика, чтобы улучшить пользовательский опыт?

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

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

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

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

Формула закона Хика

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

RT = a + b log2 (n)

Не пугайтесь. Эта формула проста, надо только присмотреться. RT – это всего лишь время реакции, «a» – это общее время, которое не связано с принятием решений, «b» является эмпирически полученной константой, основанной на времени когнитивного процесса для каждого варианта, который для человека равен 0.155, и (n) – количество альтернативных стимулов.

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

RT = (2 секунды) + (0.155 секунды) (log2 (5)) = 2.36 секунды.

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

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

Когда использовать закон Хика в UX дизайне

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

Закон Хика особенно хорош, когда речь идет о простых решениях (например, A или B, или C), но уровень его полезности уменьшается по мере увеличения сложности решений.

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

Антон Николов отлично описал закон Хика в UX Planet: меньше – быстрее.

Дизайнеры могут применять Закон Хика при разработке:

• Дисплеев управления

• Выпадающих меню

• Страниц контактов

• Регистрационных форм

• Выборов кнопок

• Меню навигации

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

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

4 способа применения закона Хика при разработке пользовательского интерфейса

Если у Вас есть много вариантов в плане дизайна пользовательского интерфейса, скажем 30 ссылок в меню навигации или 12 изображений в карусели, то закон Хика помог бы нам сократить эти варианты, но как? Существует несколько способов применения закона Хика, позволяющих ограничить количество вариантов:

Выбор категории

Несмотря на то, что Walmart дает 2,072 результата по хлебу, они все равно используют закон Хика для своих навигационных меню.

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

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

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

Ограничение количества вариантов

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

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

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

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

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

Черт, да с Apple Pay, все, что Вам нужно сделать, чтобы совершить покупку, – это Ваш телефон. Не требуется никакого «проведите Вашей картой» или «введите пин».

Разделяйте и властвуйте

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

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

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

Прятки

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

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

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

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

Заключение

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