Эмоциональный веб-дизайн

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

Эмоции и память

Переживания оставляют глубокий след в нашей памяти. Эмоции и воспоминания возникают и хранятся в лимбической системе, которая представляет собой совокупность отделов головного мозга. В книге Brain Rules («Правила мозга») биолог Джон Медина рассказывает о связи между эмоциями и памятью:

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

Как это происходит в нашем мозге? Свою роль в этом играет префронтальная область коры головного мозга, отвечающая за такие функции, как решение проблем, управление вниманием и подавление эмоциональных импульсов. И если префронтальный кортекс – это генеральный директор мозга, то поясная извилина[8] – его личный помощник. Помощник предлагает руководителю фильтровать информацию и помогает организовывать телеконференции с другими частями мозга, особенно с мозжечковой миндалиной, участвующей в управлении эмоциями. Мозжечковая миндалина заполнена нейротрансмиттером дофамином, который она использует так же, как ассистент – листочки post-it. Когда мозг обнаруживает вызвавшее эмоции событие, миндалина выделяет дофамин, который способствует запоминанию и переработке информации. Иными словами, она пишет на листочке «Запомни это!». Как только мозг прикрепит этот листок с напоминанием к определенной информации, она будет обрабатываться более тщательно. А это как раз то, чего добивается каждый родитель, учитель и руководитель.

Мистер Медина, добавьте в этот список и дизайнеров!

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

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

Подобный цикл имеет место и в дизайне интерфейсов. Положительные эмоции могут служить эффективным раздражителем. Они налаживают связь с пользователями, заставляя их переживать опыт, похожий на разговор с близким другом. Может показаться, что особый дизайн и тексты в Wufoo – всего лишь хитрый трюк, но на самом деле речь идет о работе напрямую с мозгом. Это способ создать приятное воспоминание и увеличить вероятность того, что пользователи не перестанут доверять Wufoo и не изменят ему. Вскоре вы убедитесь, что к такому же выводу пришли разработчики многих сайтов и приложений. Они поняли, что, если им удается выйти за пределы строгой функциональности и подарить приятные эмоции, их сервис будет привлекать все больше посетителей и их доходы будут расти. Эмоциональный дизайн полезен для бизнеса. Именно так говорит Крис Линдленд, СЕО магазина модной одежды для людей с чувством юмора Betabrand (рис. 1.5). На сайте Betabrand (http://betabrand.com) выложены материалы, на чтение которых уходит примерно тридцать минут, а также отличная галерея супергероев-любителей, демонстрирующих невероятную одежду. Это очень большой объем контента. Линдленд описывает Betabrand как онлайн- журнал, который торгует одеждой. Вещи играют роль артефактов или напоминания о времени, проведенном на сайте. Надевая пару штанов марки Cordaround, вы наслаждаетесь не только уникальными характеристиками ткани – вы становитесь членом тайного общества, открывшего для себя это чудо моды и новейших технологий.

^{Рис. 1.5. Betabrand видит себя онлайн-журналом, который вдобавок продает одежду. К тому же она может «снизить коэффициент сопротивления ткани» на поразительные 16,24 %}

У каждой вещи есть своя веселая история, и Линдленд уверен, что радость, которую он дарит людям, превращается в доход от продаж и экономию на маркетинге.

Информация о веселых вещах и впечатлениях быстро и бесплатно путешествует по Сети. Люди задумываются: «А почему бы нет?» Они чувствуют потенциал вещей, о котором приятно говорить.

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

Принцип эмоционального дизайна

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

Чтобы построить эмоциональную связь с аудиторией, вы должны продемонстрировать индивидуальность своего бренда. Это отчетливо видно на примерах Wufoo и Betabrand. Когда у вашего бренда есть индивидуальность, аудитория чувствует с ним связь, как с живым человеком. Индивидуальность создает эмпатию и показывает аудитории улучшенную версию самих себя. Люди хотят строить отношения с реальными людьми. Мы так часто забываем, что компании состоят из людей; почему бы это не демонстрировать?

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

Покупатель из Портленда узнал о распродаже Cordarounds[9] спустя десять дней после того, как купил пару брюк, – он сразу же написал нам письмо с просьбой о скидке. Он сказал, что подобная практика имеется у компаний типа Nordstrom. Я в