9 принципов психологии, с которыми должны быть знакомы все графические дизайнеры
Изучение человеческого мозга — исключительно сложная задача, которую ученые пока еще не решили. Но не волнуйтесь — различные психологи изучили принципы, которые могут помочь нам получить базовое представление о том, как работает разум вашего пользователя.
Основываясь на этих принципах, вы сможете создать наиболее заманчивые и привлекательные дизайны, которые помогут вам повысить удовлетворенность пользователей и улучшить коэффициент конверсии.
Для начала представляем вам список из 9 основных принципов, которые помогут вам улучшить удобство использования, эстетичность и эффективность вашего дизайна.
1. Закон Хика
Вы чувствуете себя растерянным, просматривая меню, и думаете: «Что мне выбрать?» Эти сотни вариантов просто смотрят на вас, и вы хотите получить их все.
В такой ситуации ваш разум подсчитывает «ценность» каждого предмета и пытается выяснить, какой вариант выбрать. Это то, что психологи называют анализом затрат и выгод. Это интуитивный процесс, который ваш разум проходит, чтобы оценить выгоды каждого решения перед его принятием.
Однако психолог по имени Уильям Эдмунд Хик и его подчиненный выдвинули теорию, которая гласит, что «время, необходимое для принятия решения, увеличивается с количеством и сложностью выбора». Чем больше вариантов вы предоставляете своему клиенту, тем больше времени ему потребуется для принятия решения.
Аналогично, когда вы создаете дизайн, вам нужно убедиться, что вы предоставляете своим зрителям короткие и лаконичные списки и сокращаете количество вариантов, если это возможно. Чтобы им было проще ориентироваться во множестве вариантов, вы можете начать с категорий доски, а затем разбить их дальше с помощью подкатегорий.
2. Гештальт-теория зрительного восприятия
Часто наше восприятие подвергается манипуляциям с помощью огромного количества информации, которую должен обработать наш разум. Чтобы разобраться в хаотичных данных, человеческий мозг распознает закономерности, упрощая сложность.
Принцип гештальта предполагает, что наш разум подсознательно группирует отдельные или разрозненные изображения, чтобы воспринимать их как единое целое.
Теория подразделяется на 6 принципов:
Закон подобия: этот принцип предполагает, что когда похожие объекты расположены в непосредственной близости, они воспринимаются как связанные друг с другом.
Закон непрерывности: человеческий разум имеет тенденцию следовать по пути, который создается вашим выравниванием объектов друг относительно друга. Дизайнеры часто добиваются этого с помощью кривых линий.
Закон симметрии: Этот закон предполагает, что человеческий разум притягивается к объектам, которые симметричны. Он воспринимает их как эстетически привлекательные.
Закон близости: когда объекты расположены в непосредственной близости, они воспринимаются как группа.
Закон фигуры и фона: Этот закон предполагает, что наш разум отделяет объект (фигуру) от окружающей его области (фона), и он может легко переключать фокус между ними. Это заставляет нас воспринимать одно изображение с двух разных точек зрения.
Закон замкнутости: Согласно этому принципу, наш разум может мысленно восполнить недостающую информацию в незавершенном объекте и воспринимать его как единое целое.
3. Психология цвета
Наш разум обрабатывает цвет очень сложным образом. Поэтому цветовая психология изучает этот сложный процесс и определяет, как цвета влияют на поведение и восприятие человека .
То, как ваши глаза и мозг интерпретируют цвета перед ними, тесно связано с чувствами и мыслями, что часто лежит в основе любого маркетингового механизма или стратегии.
80% зрителей узнают бренды по их цветовым схемам и градациям. Выбрав правильные цвета для дизайна вашего бренда, вы можете максимально повысить эффективность вашего дизайна, вызвать определенные эмоции или чувства, которые вы хотите, чтобы ваши клиенты ассоциировали с вашим брендом.
Когнитивные психологи доказали, что если ваш бренд выглядит привлекательным, люди будут воспринимать его как более полезный и заслуживающий доверия. Это явление известно как эффект эстетического удобства использования.
Вот как человеческий разум воспринимает эти цвета и как организации их используют:
Синий: Он вызывает такие чувства, как сила, честность, спокойствие, преданность и безопасность. Организации используют его, чтобы передать надежность.
Красный: Красный ассоциируется с энергией, любовью, смелостью, волнением и страстью. Организации используют его, чтобы передать, насколько энергичны их продукты.
Желтый: Этот цвет ассоциируется с логикой, оптимизмом, уверенностью и игривостью. Этот цвет очень трудно не заметить.
Зеленый: Зеленый цвет обозначает органические объекты, рост, природу, свежесть, стабильность и позитив. Компании обычно используют этот цвет, чтобы предложить экологичность и свежесть.
Розовый: Этот цвет символизирует женственность, молодость, нежность и заботливые чувства. Он используется, чтобы вывести нежность с небольшим волнением.
Фиолетовый: Фиолетовый обозначает воображение, креативность, ностальгию и духовность. Это идеальное сочетание энергии, которая исходит от красного, и спокойствия, которое исходит от синего.
Черный: Этот цвет привлекает изысканность, роскошь, соблазн, силу и авторитет. Высококлассные бренды часто используют черный цвет для демонстрации своих роскошных продуктов.
Многоцветность: с помощью набора многоцветности организации передают смелость, безграничность, разнообразие, игривость и позитив.
4. Эффект фон Ресторффа
Названный в честь известного психиатра Хедвиг фон Ресторфф, эффект фон Ресторфф предполагает, что элемент, который выделяется среди остальных, с большей вероятностью запомнится, чем другие элементы. Также известный как «эффект изоляции», это различие элементов отличается на основе визуальной помощи, контекста и опыта.
Дизайнеры используют эту теорию , чтобы направить внимание зрителя на элементы и концепции, которые они хотят вызвать. Они достигают этого, изменяя свет, цвет, размеры, анимацию, шрифт, звуки или слова.
Но убедитесь, что вы используете эти эффекты умеренно, поскольку изменение нескольких элементов в дизайне может создать хаос и привести зрителя в замешательство.
5. Психология форм
Так же, как и цвета, наше подсознание также реагирует на формы объектов . Оно связывает их с атрибутами и качествами, которые, как мы думаем, они представляют. Эти атрибуты обусловлены в наших головах универсальными ассоциациями, которые встроены даже без нашего осознанного понимания.
Если вы видите красный знак с шестиугольной формой, мы ассоциируем его со знаком STOP. Аналогично бренды используют эти ассоциации с формами при создании своих логотипов, которые вызывают эмоциональные и концептуальные связи с брендами.
Вот несколько примеров фигур и того, что они представляют:
Круглые формы: Круглые формы, такие как круги, овалы и эллипсы, несут позитивное и ободряющее послание. Они символизируют сообщество, единство и часто бесконечность. Они также воспринимаются с женскими чертами.
Квадраты и треугольники: Логотипы с острыми краями символизируют силу, стабильность, эффективность и профессионализм. Треугольники создают ощущение силы, связи между любыми тремя объектами и ассоциации с наукой, законом и религией. Они также создают мужественность.
Горизонтальные линии: как и горизонтальная линия, которую вы видите на вывеске AT&T, такие узоры символизируют общность, равенство и спокойствие.
Вертикальные линии: Вертикальные линии символизируют мужественность, агрессию и силу.
6. Закон Фиттса
Согласно закону Фиттса, время, необходимое для перемещения в целевую область, является функцией, полученной из соотношения расстояния до цели и размера цели.
С точки зрения дизайнера, закон рекомендует размещать кнопку цели ближе к областям, где ожидается курсор, и делать их больше, что сократит время взаимодействия. Эта концепция полезна при создании веб-дизайна, поскольку люди часто очень быстро просматривают веб-сайт. Вам нужно увеличить коэффициент конверсии при таком небольшом объеме внимания, иначе вы потеряете потенциального клиента.
Также следует добавить применение увеличения размеров ссылок при наведении на них курсора. Но распространенная ошибка, которую часто допускают дизайнеры, заключается в том, что они делают кликабельным текст, но не вкладку. Это создает дополнительные сложности и снижает индекс удобства использования веб-сайта.
Вы также можете использовать этот закон для размещения нежелательных кнопок, таких как кнопка удаления или кнопка отмены, далеко от ожидаемого местоположения курсора. Вы можете уменьшить их размер, чтобы сделать их невидимыми.
7. Закон Якоба
Хотя люди говорят, что новое всегда лучше, Якоб Нильсен утверждает обратное. Согласно закону Якоба, пользователи предпочитают знакомый и старый опыт новому. Им нравится использовать похожие интерфейсы, на которые они потратили время и к которым привыкли. Таким образом, им придется тратить меньше времени и усилий на понимание чего-то нового.
Это говорит о том, что инновационный дизайн может разочаровать пользователей и побудить их покинуть веб-страницу, а что-то знакомое заставит их почувствовать себя комфортно и расслабленно.
Но означает ли это, что вам не следует пробовать разные вещи? Нет. Если бы это было правдой, то не было бы никаких инноваций и улучшений. Этот закон предполагает, что вы должны выявлять похожие структуры, присутствующие в популярных дизайнах, а затем использовать их в своих интересах. Это поможет оправдать ожидания клиентов и создать инновационные дизайны.
8. Висцеральная реакция
Вы когда-нибудь сталкивались с определенными веб-страницами, которые настолько завораживают и увлекают, что вы не можете оторваться от них? Это чувство называется висцеральной реакцией.
Висцеральная реакция — это инстинктивный ответ на стимул или любой данный опыт, который создается этими химическими посланниками в нашем мозге. Если ваш веб-дизайн может спровоцировать такую реакцию, то ваши посетители будут продолжать возвращаться на веб-страницу.
Пользователю требуется всего лишь доля секунды, чтобы решить, что он думает о вашей веб-странице. Вы можете либо завоевать их сердца, либо побудить их никогда больше не заходить на вашу веб-страницу.
Следовательно, вызвать у них инстинктивную реакцию — это лучший способ завоевать их лояльность и доверие.
Вы можете добиться инстинктивной реакции с помощью простых элементов дизайна, таких как шрифты, значки, изображения и цвета. Люди чувствуют сильную связь с вещами, с которыми они могут себя ассоциировать. Поэтому при создании веб-дизайна помните об этих аспектах.
9. Ограничения памяти
Хотя наш мозг считается самым мощным и вместительным жестким диском, существует ограничение на то, сколько информации может хранить наше сознание. Статистика говорит, что средняя емкость рабочей памяти человека составляет всего 10-15 секунд, и он может помнить только 3-4 элемента одновременно.
Информация, которую мы храним в нашем мозгу, реконструируется нашими мыслями, убеждениями, чувствами и окружающей средой. Наш мозг также имеет тенденцию создавать ложные воспоминания, когда человек помнит что-то, чего никогда не было, или помнит что-то, отличающееся от его фактической формы.
Следовательно, необходимо, чтобы вы создали веб-дизайн, совместимый с привычками мозга и ментальными моделями. Это облегчит пользователю запоминание вашего дизайна. Не сосредотачивайтесь на увеличении ценности отзыва, а сосредоточьтесь на его ценности узнавания.
Эти психологические принципы помогут вам создавать дизайны, которые обеспечивают наилучший пользовательский опыт и увеличивают показатель удержания в геометрической прогрессии. Рассматривайте эти принципы как свое святое руководство и следуйте им, чтобы каждый раз создавать исключительный пользовательский опыт.
Это гарантирует, что вы достигнете своих организационных целей по увеличению трафика и улучшению коэффициента конверсии. Это также укрепит ваши отношения с пользователями и превратит их в лояльных клиентов.
Хотя вы сразу освоите большинство этих принципов, для полного понимания остальных потребуется некоторое время и практика.