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

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

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

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

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

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

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

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

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

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

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

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