Изучение влияния эмоций в веб-дизайне

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

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

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

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

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

1. Ставьте продукт и бренд на первое место.
2. Поместите продукт и бренд в соответствующий эмоциональный антураж.

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

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

Уровни эмоционального понимания

Дизайнеры изучали эмоциональное воздействие веб-сайтов с первых дней Web 2.0, когда сложные анимации и легкие клипы постепенно захватили виртуальное пространство. «Дизайн для эмоций», книга, опубликованная Аароном Уолтером в 2005 году, быстро стала бестселлером и настольным руководством для многих веб-дизайнеров сегодняшнего поколения, включая меня.

В своей книге Уолтер выделяет три стадии эмоциональной вовлеченности типичного посетителя веб-сайта: « Впечатлен », « Заинтригован » и « Вовлечен ».

1. Интуитивный уровень: «Впечатлен»

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

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

2. Поведенческий уровень: «Заинтригован»

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

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

3. Рефлексивный уровень: «Вовлечен»

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

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

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

Теперь давайте посмотрим, какие инструменты способствуют созданию эмоционально привлекательного визуального дизайна.

Компоненты эмоционального дизайна

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

1. Брендбук

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

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

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

2. Цвета

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

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

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

3. Антураж

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

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

« Эмоциональный дизайн превращает случайных пользователей в фанатиков, готовых рассказать другим о своем положительном опыте », — заключает Аарон Уолтер, один из отцов-основателей эмоционального дизайна.

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