76 
0 
Часто люди думают, что веб-дизайн — это творческая работа по созданию красивого сайта. Однако, не все так просто и одного творчества и фантазии тут недостаточно. Чтобы получить действительно хороший результат, необходимо понимать, как пользователь будет думать, воспринимать и действовать во время пользовательского пути.
UX-дизайн (UX — User Experience, опыт пользователя) — это процесс, с помощью которого определяется, какой опыт получит пользователь, используя продукт. UX дизайнеры так проектируют свои продукты, чтобы они были полезные, простые и приятные в использовании.
Исследование пользователей и понимание основных правил дизайна — то, без чего не обойдется ни один UX дизайнер. Для лучшего анализа аудитории специалисты часто прибегают к широко известным психологическим трюкам и законам.
Мы рассмотрим 7 законов UX-дизайна, которым следуют крупные компании. Мы также используем их в своей работе.
Закон Якоба
Якоб Нильсон — специалист по юзабили и руководитель компании Nielsen Norman Group, основанная совместно с Дональдом Норманом (бывшим вице-президентом по исследованиям в Apple Computer).
Закон звучит так:
Пользователи проводят большую часть своего времени в других приложениях. Это означает, что пользователи предпочитают, чтобы ваше приложение работало так же, как другие, которые они уже знают.
То есть, пользователи уже настолько привыкли к некоторым элементам на сайте, что им уже сложно воспринимать их по-новому. Например, люди всегда знают, где искать корзину или где находится поисковая строка.
Существует единая система, по который пользователь пытается считывать сайт автоматически: зайдя на страницу, он быстро найдет навигационное меню, перейдет по вкладке, найдет нужный товар и оформит заказ.
Поэтому дизайнерам необходимо использовать традиционные шаблоны. Структура и расположение общих элементов, навигация по страницам — для всех этих составляющих подойдут привычные образцы. Таким образом, пользователям не придется разбираться с новой моделью вашего сайта.
Например, корзина всегда находится в верхнем правом углу.
Закон Миллера
Джордж А. Миллер — американский психолог, один из основоположников когнитивной психологии.
Закон звучит так:
Среднестатистический человек может удержать в своей кратковременной памяти только 7 ± 2 элементов. Поэтому люди могут запомнить около семи элементов информации за раз. В противном случае мозг будет перегружен.
Во избежание нагрузки на пользователя дизайнеры разделяют элементы информации на группы и подгруппы для лучшего восприятия и запоминания. Например, упрощают меню на сайте, выводя часть разделов в выпадающее меню. Или делают подсказки в форме для заказа, чтобы минимизировать пользовательские ошибки.
Также дизайнеры часто упорядочил поля для ввода данных карты, разделяя 16- значные цифры, а также поля месяц/год срока действия карты.
Закон Фиттса
Пол Фиттс — психолог, исследовал двигательную систему человека. Он показал, что время, необходимое для перемещения к цели, зависит от расстояния до нее, но обратно пропорционально ее размеру.
Закон звучит так:
Время для достижения цели определяется расстоянием до цели и ее масштабом. Быстрые движения + маленькие цели приводят к большему количеству ошибок.
Это закон помогает дизайнерам, маркетологам и руководителям бизнеса понять: чтобы пользователь оформил заказ на сайте, он должен без труда найти манипулятор, то есть кнопку. Часто дизайнеры, пользуясь этим законом, увеличивают область нажатия выпадающего меню, чтобы минимизировать возможность промаха пользователя.
Поэтому, если вы хотите, чтоб ваши ключевые элементы можно было легко выбрать, сделайте их большими и расположите ближе к пользователю.
Например, на сайте Rozetka можно кликнуть не только по тексту в меню, а и по всей ширине блока.
Закон Хика
Закон Хика (или закон Хика-Хаймана) назван в честь британской и американской команды психологов Уильяма Эдмунда Хика и Рэя Хаймана. В 1952 году эта пара приступила к изучению взаимосвязи между количеством имеющихся стимулов и временем реакции человека на любой данный стимул. Как и следовало ожидать, чем больше стимулов для выбора, тем больше времени требуется пользователю, чтобы принять решение о том, с кем взаимодействовать.
Закон звучит так:
Время, необходимое для принятия решения, увеличивается с увеличением количества и сложности выбора.
Вы могли наблюдать такое явление, когда в магазине хотите купить кофе или макароны и не можете выбрать. Кажется, что все одинаковые. Также происходит при выборе фильма: поиск подходящего занимает гораздо больше времени, чем его просмотр.
В веб-дизайне наглядный пример — это выбор города доставки в интернет-магазине. В первом варианте, дизайнер добавил заглавные буквы по алфавиту к столбцам, чтобы пользователь мог быстрее найти нужный город. Но это все равно не сильно удобно. Во втором примере дизайнер показывает 10 самых популярных городов, а остальные можно найти через поисковую строку. Намного удобней.
Рекомендации дизайнерам при использовании закона Хика:
- Разделите длинные процессы на небольшие этапы. У каждого этапа для пользователей должна быть четкая цель.
- Классифицируйте варианты выбора для более легкого поиска и распознавания.
- При необходимости постепенно предоставляйте дополнительную информацию.
Закон «Бритва Оккама»
Закон «Бритва Оккама» получил название от имени английского монаха-францисканца, философа-номиналиста Уильяма Оккама.
Закон звучит так:
Следует избегать создания новых понятий, терминов, определений, сущностей, если без них можно обойтись. Простейшие объяснения — самые лучшие.
Этот закон получил большую популярность и попал в современные тренды. Все больше и больше крупных компаний начинают отсекать, убирать лишнее из своих логотипов и фирменных стилей, максимально сокращают и делают акцент на важном в их бренде. Логотип бренда должен рассказать о компании и запомниться, передать суть. Бренды начали массово отказываться от засечек в шрифтовом написании, выбирать плоскую графику, лаконичные цвета, с которыми не возникает проблем при печати. Так они отсекают лишнее, оставляя лишь суть, которую можно проще и качественнее донести до потребителя.
Действие этого закона в веб дизайне
Если от элемента можно отказаться без потери смысла, то его необходимо убрать. Каждый элемент на сайте должен иметь свое значение и быть обоснованным. После того как вы нарисовали дизайн, стоит его пересмотреть и задать себе вопросы: «Зачем здесь находиться этот элемент? А что если его убрать?
Закон близости
Принципы гештальт-психологии были открыты в первой половине 20-го века исследователями, которые пытались разобраться в том, как люди визуально воспринимают мир и как они решают, относятся ли элементы к одной группе. Эти принципы включали в себя следующие: близость, сходство и завершенность.
Закон звучит так:
Элементы, расположенные близко друг к другу, скорее всего, будут восприниматься как части одной и той же группы, имеющей схожие функциональные возможности и характеристики.
Закон близости является важнейшим из принципов группировки и может одержать верх над конкурирующими визуальными принципами, такими как сходство, цвета или формы.
Где мы можем увидеть этот закон в веб дизайне?
Практически в любом текстовом блоке: предложения группируются в абзацы, разделенные между собой пробелами сверху и снизу Кроме того, хорошо продуманные пробелы до и после заголовков сигнализируют о том, с какими параграфами эти заголовки связаны — текст из соответствующего раздела обычно располагается ближе к заголовку, чем текст из предыдущего раздела.
Благодаря такой структуре пользователи могут сканировать страницы довольно быстро. Это повышает удобство использования сайта или приложения, помогая им быстро находить и фокусироваться только на тех элементах интерфейса, которые напрямую связаны с текущей задачей.
Эффект Ресторофф
В 1933 году немецкий врач, психолог и обладательница докторской степени Хедвиг Фон Ресторфф провела серию экспериментов в университете Берлина, в ходе которых выявила закономерность: человек лучше запоминает объект, который выделяется из ряда однородных объектов. Эту особенность человеческой памяти назвали «эффектом изоляции» больше известном как эффект Ресторфф.
Звучит так:
Среди ряда похожих элементов будет проще запомнить тот, который выделяется больше всего.
В дизайне, например, объект можно выделять цветом, размером, расположением, рамкой, тенью и другими приемами визуального выделения. Это позволит сделать его не только более заметным, но и более запоминаемым.
Один из примеров выделения в дизайне – это применение так называемых мотивационных триггеров или ай-стопперов. Вот как это реализовано на сайте интернет-магазина детских товаров. Здесь один из товаров в каталоге выделен ай-стоппером с указанием скидки -20%, сам кружок в красном заметном цвете и наложен поверх изображения, такое выделение сложно не заметить.
В результате пользователи с большей вероятностью заметят и запомнят такой товар в каталоге, по сравнению с другими товарами размещенными рядом.
Оборотная сторона медали
Применяя эффект Ресторфф важно понимать, что объем рабочей памяти человека ограничен и чем больше внимания уделяется одному объекту – тем меньше внимания остается для остальных.
Если важны несколько объектов в одном месте и в одно время, то возможно не стоит визуально выделять какой-то один из них, чтобы не отнимать внимание у других. Или напротив, выделить все, но одинаково и не слишком заметно.
Вывод:
Дизайн пользовательского интерфейса — это ответственная задача. Перечисленные законы помогают нам создавать более эффективные и успешные проекты и защищать их перед клиентами.
