UI/UX, Дизайн

Психология и дизайн. Принципы, помогающие понять пользователей.

Психология и дизайн. Принципы, помогающие понять пользователей.

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

Психология и дизайн. Принципы, помогающие понять пользователей.

Некоторые люди считают, что дизайн — это абсолютно творческая профессия. Но вдохновения и чувства прекрасного недостаточно для создания профессионального дизайна.

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

tubikstudio-ted-talks-collection

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

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

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

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

design-books

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

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

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

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

Замыкание. Этот закон основан на тенденции человеческого глаза завершать незаконченные фигуры. Когда мы видим незавершенную фигуру, мы автоматически воспринимаем её как цельную. Принцип нашел частое применение в дизайне логотипов.

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

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

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

Tubik_Studio_Photography_Workshops

Photography Workshops

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

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

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

jewellery_e-commerce_app_concept_by_tubik

Jewelry E-commerce

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

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

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

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

Красный. Цвет ассоциируется со страстными, сильными и агрессивными чувствами. Он может символизировать как позитивные, так и негативные эмоции, включая любовь, уверенность, страсть и гнев.
Оранжевый. Энергичный и теплый цвет, который вызывает чувство приятного волнения.
Желтый. Это цвет счастья. Символизирует солнечный свет, радость и тепло.
Зеленый. Цвет природы. Приносит чувства успокоения и обновления. Кроме того, может ассоциироваться с неопытностью.
Синий. Часто представляет собой корпоративные образы. Обычно означает спокойствие, но, будучи холодным цветом, также ассоциируется с расставанием и печалью.
Фиолетовый. Долгое время ассоциировался с королевской властью и богатством, поскольку многие короли носили фиолетовые одежды. Его также называют цветом тайны и магии.
Черный. Этот цвет очень многозначный. Часто ассоциируется с трагедией и смертью, а также означает тайну. Может воприниматься и традиционным, и современным. Всё зависит от того, как вы его используете и с какими цветами комбинируете.
Белый. Цвет чистоты и невинности.

Tubik_Studio_Slopes_Animation

Slopes

Узнаваемые паттерны

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

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

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

the-todolist-app-tubik-studio

To-do list concept

Паттерны сканирования текста

В нашей статье «Tips on Applying Copy Content in User Interfaces», мы уже рассказывали об этом: перед тем, как прочесть текст на веб-странице, люди быстро просматривают (сканируют) ее, чтобы понять, интересно это им или нет. Согласно различным исследованиям, включая публикации Nielsen Norman Group, UXPin team и других, существует несколько популярных паттернов сканирования веб-страниц, среди которых модели «F» и «Z».

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

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

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

Закон Хика

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

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

discount-cafes-by-tubik-studio

Cafe Coupon

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

Полезные материалы к прочтению

Англоязычный оригинал статьи был опубликован в Tubik Blog

Don’t be shy to share this content:

UI дизайн, UX дизайн, веб дизайн, дизайн, дизайн взаимодействий, дизайн интерфейсов, дизайн мобильных приложений,
  • English
  • Russian


This website is designed and curated by Tubik Studio learn more about us Contact Us