6 психологических законов для хорошего UX-дизайна


24.05.2021 Время чтения - 7 минут 901

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

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


Читайте нас в Telegram.


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

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

Закон Якоба: выглядеть знакомо

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

Якоб Нильсен из Nielsen Norman Group стоит за этим законом, в котором говорится, что пользователи ценят знакомый опыт работы с веб-сайтами. Этот вывод сделали в следствии исследований компанией eye-tracking`а в 2008 году; По сути, большинство пользователей Интернета читают и переваривают информацию примерно одинаково. В частности они, скорее всего, начнут читать ваш сайт с верхней части, опуская глаза все ниже и ниже, после чего будут быстро сканировать сверху вниз и наоборот по левой части экрана. Многие пытаются создавать свой контент так, чтобы не допустить такое поведение у своих пользователей, например путем разбиения статей маркерами и картинками. Если вы попытаетесь резко отклониться от общепринятого курса – станете белой вороной. И в хорошем и в плохом смысле одновременно.

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

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

пример психологических законов

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

Закон Хика: упрощать выбор

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

Проще говоря, это означает, что при выборе из 1 варианта время принятия решения равно 0. Оно увеличивается после добавления n-го количества вариантов, и в итоге выравнивается. По сути, это объясняет словосочетание «избалованный выбором»: Если вариантов слишком много, вам будет труднее принять решение.

Закон Хика

Что же это значит для UX? Что ж, как отмечает Сиоарс Ки, UX-дизайнер из Writinity и Last Minute Writing:

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

пример психологических законов

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

Закон Миллера: быть проще

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

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

пример психологических законов

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

Гештальт-принципы: делайте умные группировки

Говоря о группировании информации, можно обратить внимание на сказанное Алексой Фаркад, дизайнером-блогером из Draft Beyond и Researchpapersuk, о гештальт-принципах:

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

пример психологических законов

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

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

пример психологических законов

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

Эффект фон Ресторффа: выделяйте разумно

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

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

пример психологических законов

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

Ментальные модели: не изобретайте велосипед

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

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

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

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

Заключение

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

Оригинал.

Читайте также: Психология UX дизайна


Читайте нас в Telegram.