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

Роль психологии в дизайне.

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

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

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

Гештальт-принципы

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

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

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

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

Близость . Когда объекты расположены в непосредственной близости, глаз воспринимает их как группу, а не по отдельности, даже если они не похожи.

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

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

Висцеральные реакции

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

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

Психология цветов

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

Вот список основных цветов и значений, с которыми они обычно ассоциируются:

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

Оранжевый . Энергичный и теплый цвет, вызывающий чувство волнения.

Желтый . Это цвет счастья. Он символизирует солнечный свет, радость и тепло.

Зеленый . Цвет природы. Он приносит успокаивающие и обновляющие чувства. Также может означать неопытность.

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

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

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

Белый . Цвет означает чистоту и невинность, а также цельность и ясность.

Шаблоны распознавания

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

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

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

Сканирование шаблонов

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

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

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

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

Закон Хика

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

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

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