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

Но у Wufoo есть одна отличительная черта – индивидуальность. Потратьте на изучение приложения пару минут, и вы поймете, что за люди его сделали. Это читается между строк. Верх приборной панели украшает шекспировская строчка «О, на что только не осмеливаются люди!» Над примером, который можно подогнать под свои требования, написано: «Это пустая страница. Заполните ее, пожалуйста. Она шикарная!» Обратите внимание на цвета и шрифты без засечек, создающие неформальную обстановку. Углы всех элементов сглажены, что производит мультяшное впечатление. Даже если вы никогда не встречались с разработчиками приложения, вы словно читаете их мысли, которые находят продолжение в дизайне: «Wufoo – всего лишь софт, но посмотрите, какой он человечный и обаятельный».

Разрабатывая концепцию софта, один из основателей Wufoo, ведущий дизайнер пользовательских интерфейсов Кевин Хейл, не оставил без внимания эмоциональную сторону дела:

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

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

Wufoo создали настоящие мастера своего дела, но сейчас я говорю не о технической стороне. Истинный мастер не просто применяет свои навыки – в его продукте чувствуется прикосновение его рук, его работа излучает тепло. Можно долго перечислять элементы дизайна, составляющие неповторимый стиль 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. Я в ответ спросил, неужели он и вправду считает, что мультимиллионная корпорация и интернет-магазин, управляемый одним человеком, должны играть по одним и тем же правилам.

Наш спор двигался во вполне предсказуемом направлении, пока я не осознал, что этот клиент больше у нас ничего не купит, и тогда я предложил ему пари: если Portland Trail Blazers, баскетбольная команда из его города, выиграет очередную игру у Los Angeles Clippers, я предоставлю ему скидку, да к тому же подарю пару розовых штанов. Если пари выиграю я, то он все равно получит скидку, но должен будет рассказать двум людям, что теперь работает консультантом в Betabrand.