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

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

Но были и те, кто противился слепому маршу во имя прогресса. Параллельно с развитием промышленности в середине XIX века возникло движение Arts and Crafts[3]. Его участники стремились сохранить ремесленное производство хотя бы в сфере предметов домашнего обихода. Они ценили вещи, которые проектировали, изготавливали и использовали в повседневной жизни. Они понимали, что мастер вкладывает в изделие частичку себя и этим даром можно наслаждаться многие годы.

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

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

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

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

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

Всемирной паутине далеко не сразу удалось установить эмоциональную связь со своими пользователями. Конечно, за способность объединять людей, находящихся в разных уголках света, она получает свои заслуженные пять баллов. Но корни этой связи всегда были слишком академичны, а потому суховаты. Как только первопроходцы Сети научились их поливать, она сразу же превратилась в благодатную почву для пузырей доткомов[4]. Я помню, как в конце 1990-х писал текст для собственного сайта, используя королевское «мы», пытаясь тем самым создать впечатление, что пишу от лица огромной компании. На самом деле за высокопарными фразами скрывался парень, сидящий в своей спальне в пижаме и мучившийся с html. Я не пытался быть самим собой, я хотел походить на крупных игроков.

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

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

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

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

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

Итак, с чего начать? Как и любой хороший дизайнер интерфейсов[5], начну с рассмотрения потребностей тех, для кого мы создаем дизайн.

В 1950–1960-е годы американский психолог Абрахам Маслоу открыл то, что мы все знали, но не могли сформулировать: независимо от пола, возраста, расы или статуса все мы имеем базовые потребности, которые необходимо удовлетворять. Свою идею Маслоу представил в виде так называемой пирамиды потребностей (рис. 1.1).

^{Рис. 1.1. Пирамида потребностей Маслоу}

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

^{Рис. 1.2. Переименовываем ступени пирамиды Маслоу в соответствии с нуждами наших пользователей}

Интерфейс должен быть функциональным. Он обязан отвечать потребностям пользователя. Если пользователь не может сделать с его помощью то, что хочет, он не станет тратить на приложение время. Помните, как Apple выпустила Ping? Она пыталась построить социальную сеть вокруг музыкальной библиотеки iTunes. Попытка завершилась провалом, во многом потому, что пользователи не могли обмениваться композициями с друзьями в Twitter и Facebook. Они быстро поняли, что в новой системе нет интересующих их функций, ушли и больше не вернулись.

Интерфейс должен быть надежным. Помните, как пользователи Twitter ненавидели кита, появление которого означало, что сервер перегружен или недоступен? Если сервер время от времени падает, то пользователи покинут его.

Интерфейс должен быть удобным. Основные задачи должны решаться легко, быстро и не требовать специальных навыков. Вы пытались хоть раз купить билет на самолет онлайн? Если да, ставлю пять баксов на то, что всякий раз, ожидая, пока сайт загрузится, вы с трудом сдерживали поток ругательств. И не вы одни. К счастью, компания Hipmunk (http://hipmunk.com) выпустила на рынок новую панель инструментов для бронирования билетов онлайн.

Исторически сложилось, что удобство использования, или юзабилити[6], всегда было краеугольным камнем дизайна интерфейсов. Если вы создали удобный интерфейс, то ваши шансы на успех высоки. Но представьте себе, что по тем же меркам живет автопром… Мы бы до сих пор мечтали об AMC Pacer[7] 1978 года выпуска.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Есть общая для всех нас черта: мы испытываем эмоции. В книге «Выражение эмоций у человека и животных»

Дарвин писал:

Дарвин считал, что мы идем по жизни с одним и тем же эмоциональным лексиконом. Мы не развиваем эмоции после рождения, наблюдая за окружающими, а рождаемся готовыми выражать боль, радость, удивление, раздражение и другие эмоции. Эмоции необходимы нам, чтобы выжить. С их помощью мы общаемся с теми, кто заботится о нас, а во взрослом возрасте строим взаимовыгодные отношения. Хотя по мере взросления мы развиваем устную речь, эмоции являются нашим родным языком с момента прихода в этот мир. Эмоции – это lingua franca[10] человечества.

Изучая эволюционную психологию, мы многое узнаём о дизайне и способах эффективной коммуникации с аудиторией. Эволюции подверглось не только тело человека – мозг также отобрал инстинкты, дававшие большие преимущества, и поведение, обеспечивающее выживание вида. Мы называем эти инстинкты человеческой природой. Они, как пресловутый Розеттский камень[11], дают объяснение, почему мы ведем себя так, а не иначе.

Давайте рассмотрим знакомый всем инстинкт и изучим, как он способен помочь нашему дизайну.

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

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

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

Я понимаю, это звучит дико, но ученые полагают, что природа заставила нас умиляться детям, чтобы мы их не убили. Очарование – защита для младенца. Эволюционный биолог Стивен Джей Гоулд в своем эссе A Biological Homage to Mickey Mouse («Микки-Маус: биологический аспект образа») отмечает, что мультипликаторы эксплуатируют этот принцип десятилетиями, создавая персонажей с большими головами, маленькими туловищами и широко открытыми глазами.

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

Вот лишь несколько примеров: Twitter, StickyBits (http://stickybits.com/), Brizzly (http://brizzly.com; рис. 2.1) и MailChimp (http://mailchimp.com).

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

^{Рис. 2.1. Brizzly использует в дизайне стилизованные элементы детских лиц, чтобы понравиться клиентам}

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

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

Нам не нужно видеть два глаза и рот, чтобы чувствовать эмоциональную связь. Иногда мы ощущаем присутствие людей благодаря совершенно абстрактным вещам, например пропорциям. Пифагор и древние греки осознали это, открыв золотое сечение – пропорцию, свойственную многим творениям природы, включая человеческое тело. Тысячелетиями мы применяли этот принцип, создавая произведения искусства и архитектуры. Мы можем не осознавать, что золотое сечение присутствует в дизайне таких вещей, как, например, iPod, но наше подсознание сразу замечает идеальные пропорции, присущие и нашему телу. Если вы читали гениальную книгу Роберта Брингхерста The Elements of Typographic Style[12], то знаете, что столетиями художники используют золотое сечение для размещения текста на странице.

Веб-дизайнеры также начали использовать этот принцип. Когда Дуг Бауман и его команда делали новый дизайн Twitter, страница была размечена по золотому сечению (рис. 2.2).

^{Рис. 2.2. Новый дизайн интерфейса Twitter использует золотое сечение для разметки страницы, делая ее более удобной и привлекательной для человеческого глаза}

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

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

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

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

Различия бывают:

• визуальными: разница в формах, цветах и т. д.;

• когнитивными: разница воспоминаний или впечатлений.

Узор на шкуре зебры контрастен и помогает ей слиться со стадом, чтобы львы не могли выделить кого-то одного. Когда все разные, никто не выделяется.

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

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

Контраст – мощный дизайнерский инструмент. Он просто и в то же время решительно влияет на активность пользователей. Убирая с главной страницы все лишнее, нуждающиеся в новых пользователях сайты вроде tumblr (рис. 2.3) увеличивают свои шансы. Сайт просто представляет продукт и призывает пользователя к действию. Визуальный контраст состоит в противопоставлении фона центральной части страницы, что сразу дает понять, чему посвящен этот сайт и каких действий ждут от пользователя.

^{Рис. 2.3. Простая и понятная домашняя страница сайта tumblr ограничивает количество содержимого и эффективно фокусирует внимание пользователя}

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

Контраст – мощный инструмент, но им нельзя злоупотреблять, ведь наш мозг имеет свои ограничения.

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

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

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

Контраст не просто формирует наше мировоззрение, он влияет на нашу способность воспринимать абстрактные концепции, например бренды.

Визуальный контраст Tumblr призван направлять пользователей. Аналогичным образом мы могли бы использовать когнитивный контраст, чтобы сформировать у аудитории определенный образ. В этом и состоит главная задача брендинга – создать неповторимый образ, который не позволит перепутать вас ни с кем из ваших конкурентов. Если ваш бренд заметно отличается от других, он непременно запомнится.

Веб-дизайнер Рикардо Местра понимает, какое значение имеет контраст. Его сайт (http://duplos.org) бросает вызов традициям (рис. 2.4).

^{Рис. 2.4. Дизайнерское портфолио Рикардо Местра бросает вызов традициям}

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

Дизайн, использующий визуальный и когнитивный контрасты, не только выделяет вас из толпы, но и влияет на то, как люди пользуются вашим интерфейсом.

Несмотря на то что tumblr и сайт Местра находятся, что называется, на разных концах спектра, у них есть кое-что общее: и тот и другой доставляют пользователям эстетическое удовольствие. Оба искусно используют цвет, шрифт, масштаб, разметку и пространство. Иными словами, они прекрасно сконструированы. Дизайн часто ошибочно принимают за необязательное украшение функционального интерфейса. Вы наверняка когда-нибудь слышали, как ваши коллеги говорят: «Было бы неплохо обзавестись стильным интерфейсом, но людей больше волнует то, что́ сайт делает, а не то, как он выглядит». Интересно, пришел бы кто-нибудь из них на собеседование в пижаме, раз важен не внешний вид, а способности? Думаю, если они осмелились бы это сделать, то быстро осознали бы, насколько неправы.

Как говорит в своей книге Emotional Design («Эмоциональный дизайн») первопроходец в области юзабилити Дональд Норман[13], красивый дизайн вызывает в мозгу позитивный эмоциональный отклик, который улучшает наши когнитивные способности:

Норман описывает эстетически-практичный эффект. Привлекательные вещи, как правило, лучше работают.

Многие бренды применяют этот принцип, но лишь некоторые достигли таких высот, как Apple.

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

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

В 2002 году Apple запатентовала так называемый Breathing Status LED Indicator. Каждый, у кого дома есть компьютер Mac, знает, что ноутбуки и моноблоки Apple оснащены индикатором статуса, который начинает мигать при переходе в спящий режим. Дизайнеры Apple поняли, что чаще всего этот индикатор будет виден в пустых офисах, спальнях и гостиных, где станет единственным источником света.

Индикатор пульсирует в строго определенном ритме. Он подражает дыханию человека в состоянии покоя: от 12 до 20 вдохов и выдохов в минуту. Мигание играет ту же роль, что и поглаживание младенца по спине – создает настроение. Как и в случае с золотым сечением в Парфеноне, человек не всегда сможет соотнести мигающий огонек с ритмом своего дыхания, но всегда ощутит его умиротворяющее воздействие. В Apple могли бы сделать индикатор, который просто горит в режиме сна, что было бы вполне оправданно с функциональной точки зрения, но «дышащий» огонек привлекает и успокаивает.

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

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

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

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

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

Дизайн интерфейсов относится к тому роду деятельности, который характеризуется понятием «человеко-компьютерное взаимодействие» (Human-Computer Interaction, HCI) и который существует на пересечении информатики, бихевиоризма и дизайна. Специалисты HCI разбираются в вопросах психологии, юзабилити, пользовательского взаимодействия, концепциях программирования и основных принципах визуального дизайна. Знакомо? Да-да, именно с этими дисциплинами каждый день сталкиваются в своей работе дизайнеры.

Открою вам секрет: я не фанат термина «человеко-компьютерное взаимодействие». Создавая дизайн, я думаю о том, чтобы пользователь воспринимал интерфейс так, будто перед ним человек, а не компьютер. Возможно, вам покажется, что я слишком умничаю, но я считаю, что в этом процессе очень важны имена. Они формируют наше восприятие и порой подбрасывают необычные идеи.

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

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

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

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

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

Разработав и начав применять гарнитуры, Гутенберг стал печатать сотни Библий, шрифт которых имитировал почерк писца. И хотя машина была создана для передачи божественного послания, он упорно работал над тем, чтобы результат был более «человечным» (рис. 3.1).

^{Рис. 3.1. Шрифт Гутенберга подражал рукописному тексту, чтобы напечатанные экземпляры Библии казались более «человечными»}

Стремление сделать дизайн более человечным ясно просматривается и в XX веке, когда производство стало массовым.

Volkswagen Beetle выпущен в 1938 году, производился до 2003 года, а его облик признан самым удачным за всю историю автомобилестроения. Причина его успеха именно в человечности дизайна (рис. 3.2). Это был настоящий «народный автомобиль» – антропоморфность сделала его больше чем просто автомобилем для людей. Фары Beetle похожи на глаза, а скругленный капот, словно улыбающийся нам, – на детское лицо. И хотя дизайнеры главным образом стремились оптимизировать аэродинамические характеристики автомобиля, а вовсе не создать индивидуальный образ, «лицо» автомобиля дарит надежду и радость. Значительные культурные изменения, произошедшие за семь десятилетий, не помешали нескольким поколениям автолюбителей ощущать глубоко личную связь с Beetle.

^{Рис. 3.2. Индивидуальность – главное, что есть в дизайне автомобиля Volkswagen Beetle, и именно она обеспечила этому автомобилю колоссальный успех у нескольких поколений}

Улыбка, приветствующая водителя, выражает эмоции и вызывает особое отношение. В этом случае хочется улыбнуться в ответ даже неодушевленному предмету. Вокруг этой улыбки мы выстроили настоящий архетип, придумали игры вроде Slug bug red! и сделали Beetle героем фильмов (например, Херби в фильме The Love Bug[14]). Мы сумели создать воспоминания, и теперь они напоминают нам о положительных эмоциях, которые дарил этот автомобиль.

Библии Гутенберга и Volkswagen Beetle – интересные примеры, но, пожалуй, нет более наглядного примера очеловечивания дизайна, чем рекламная кампания Apple – Get a Mac. В ролике актер Джастин Лонг предстает в образе Mac’a – молодого хипстера, легко решающего сложные проблемы, в то время как его собеседник – безвольный и скучающий PC в исполнении Джона Ходгмана – справляется с задачами с заметным трудом. В этой рекламе есть эмоциональные переживания, она заставляет потребителя сравнить отношения, которые у них могут возникнуть с компьютером одной и другой модели. Никто не говорит о технических особенностях – вам просто показывают, как чувствует себя тот, кто купил Mac.

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

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

Пример такого «персонажа», показанный на рис. 3.3, создан Тоддом Заки Варфелем, дизайнером из messagefirst (http://messagefirst.com). Это Джулия – собирательный образ определенной группы пользователей. Благодаря ему мы узнаем о ее возрасте, поле, образовании, интересах, понимаем, что́ влияет на ее решения в отношении нашего проекта – в сущности, мы начинаем более глубоко воспринимать этот образ. Мы замечаем ее индивидуальность, что позволяет нам лучше понять ее мотивацию и выбрать наиболее подходящее для нее дизайнерское решение.

^{Рис. 3.3. «Персонажи» определяют процесс создания дизайна и позволяют фокусироваться на потребностях пользователя}

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

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

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

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

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

Сделав индивидуальность основой вашего дизайна, вы сможете впоследствии усилить эмоциональное взаимодействие. Об этом – в следующей главе.

Итак, индивидуальность – отличный способ взаимодействия с аудиторией. Она дает пользователям понять, кто вы, формирует эстетику и интерактивный дизайн сайта.

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

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

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

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

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

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

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

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

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

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

Скепсис и лень – труднопреодолимые препятствия, но справиться с апатией еще сложнее. Она ужасно деморализует: вы потратили бессчетное число часов на разработку и запуск сайта или приложения, а ваши усилия дрейфуют в океане безразличия.

Пользователи равнодушны к сайтам, содержание которых не отвечает их интересам или плохо представлено. Создать нужное аудитории наполнение сайта вам поможет контентная стратегия. Я не буду углубляться в эту тему, но, если у вас существует проблема с генерированием контента, прочтите книгу Эрин Киссейн The Elements of Content Strategy[24].

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

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

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

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

Аудитория все еще остается апатичной после того, как вы применили идеи и рекомендации из этой книги? Тогда задайте себе следующие вопросы:

• является ли созданная мной индивидуальность бренда искренней и подходит ли она аудитории?

• не слишком ли схожи индивидуальность моего и конкурирующего бренда?

• хорошо ли написан контент моего сайта и отвечает ли он потребностям аудитории?

• не противоречат ли используемые мной методы эмоционального дизайна базовым потребностям пользователей (не делают ли они сайт менее функциональным, надежным или удобным)?

Возможно, вам будет трудно честно ответить на эти вопросы. В таком случае вы можете провести тестирование юзабилити или простой опрос среди пользователей. Есть ли у вас доступ к представителям вашей целевой аудитории? Опросите не менее трех человек – это можно сделать в скайпе или на GoToMeeting (http://gotomeeting.com). Задавайте пользователям прямые вопросы обо всем, что вас интересует.

Например:

• как бы вы описали свое первое впечатление от сайта?

• какие ощущения вызывает у вас сайт?

• если бы этот сайт был человеком, кем бы он был и почему?

• вы бы рекомендовали этот сайт другу? почему? почему нет?

• есть ли разделы или свойства сайта, которые кажутся вам более важными, чем остальные? менее важными? почему?

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

Проведите юзабилити-тестирование с участием трех пользователей, применяя методы Стива Круга, описанные в его бестселлере Don’t Make Me Think[26]. Круг рекомендует вам, купив что-нибудь вкусненькое, организовать встречу со своими пользователями, пригласить на нее боссов вашей компании и провести несколько простых юзабилити-тестов, призванных исследовать основные рабочие процессы. Запишите сессию, используя программу вроде Silverback (http://silverbackapp.com), а затем изучите этот видеоматериал – проанализируйте выражение лиц пользователей в ключевые моменты. Улыбнулись они вашему сюрпризу или проигнорировали его? Полученные результаты помогут вам понять, оказывают ли стратегии вашего эмоционального дизайна негативное влияние на надежность, функциональность или удобство использования сайта.

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

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

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

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

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

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

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

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

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

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

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

Я надеюсь, что вас заинтересовали все дизайнерские приемы, способные произвести впечатление на аудиторию. Однако на практике добавить страсти в свою работу может оказаться непросто, если ваш начальник не видит смысла в эмоциональном дизайне. Когда босс или клиент говорит: «Не знаю, ”эмоциональный дизайн“ звучит как-то рискованно» – у вас наготове должны быть конкретные примеры и план действий, способные убедить самого закоренелого скептика в том, что ваши идеи многого стоят. Прежде чем разработать план покорения начальства, давайте рассмотрим три реальных примера – они могут стать вашими дополнительными аргументами и заставить критиков умолкнуть.

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

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

Даже если ваш бренд уже находит оклик у клиентов, дизайн-образ поможет вам понять, какими вы хотите видеть ваши взаимные отношения с аудиторией. Это отличный инструмент в ваших с начальством переговорах об эмоциональном дизайне. Вместо того чтобы выдвигать предложения со словами «Мне кажется, было бы неплохо, если…», вы можете ссылаться на дизайн-образ и говорить: «Индивидуальность нашего бренда – это… Сделав новый дизайн, мы будем выгодно отличаться от конкурентов и более эффективно взаимодействовать с нашими клиентами».

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

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

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

Не пытайтесь сразу радикально изменить образ вашего сайта, сначала попробуйте выбрать ключевой показатель, который вам хотелось бы улучшить, например среднее время, проведенное пользователем на сайте. Слегка преобразуйте ваш интерфейс, руководствуясь принципами эмоционального дизайна, а затем воспользуйтесь программой, подобной Google Site Optimizer (http://bkaprt.com/de/14), чтобы протестировать сделанные изменения. Если показатели улучшатся, у вас будет сильный аргумент, чтобы убедить руководителя внедрить эмоциональный дизайн и в другие разделы вашего сайта – с цифрами не поспоришь.

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

1. http://gettingreal.37signals.com/

2. http://www.flickr.com/photos/clagnut/4947389773

3. http://en.wikipedia.org/wiki/File: Bundesarchiv_Bild_146II-732,_Erholung_am_Flussufer.jpg

4. http://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/

5. http://daringfireball.net/linked/2009/04/02/designing-convertbot

6. http://dribbble.com/shots/14379-Profile

7. http://blog.flickr.net/en/2006/07/19/temporary-storage-glitch/

8. http://www.flickr.com/photos/14922438@N00/194463892/

9. http://www.flickr.com/photos/41225983@N00/193706751/

10. http://interactions.acm.org/content/?p=1226

11. http://www.coffeecup.com/forums/search/?q=%22Guess+I+could+have+waited+for+today+if+all%22&in=81&type=contents&view=posts&search=true&button_search.x=54&button_search.y=-106&button_search=true

12. http://www.alistapart.com/articles/understandingprogressiveenhancement/

13. http://google.com/websiteoptimizer

14. http://amzn.com/1592535879

15. http://getmentalnotes.com/

16. http://amzn.com/0465051367

17. http://amzn.com/0393334775

18. http://amzn.com/014303622X

19. http://amzn.com/030746086X

20. http://amzn.com/0979777747

21. http://amzn.com/0321607376

22. http://uxmag.com/design/beyond-frustration-three-levels-of-happy-design

23. http://uxmag.com/design/the-psychologists-view-of-ux-design

24. http://uxmag.com/design/organized-approach-to-emotional-response-testing

25. http://boxesandarrows.com/view/emotional-design