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

Вскоре после проведения редизайна с Blue Sky Resumes связался креативный директор журнала O, the Oprah Magazine и попросил разрешения упомянуть о них в статье о женщинах, желающих сменить профессию. Почему он выбрал именно Blue Sky? Потому что сайт представлял их как компанию, которая заботится об интересах своих клиентов. Они отличались от конкурентов, поставивших сбор резюме на поток ради прибыли. Дизайн же сайта Blue Sky Resumes ясно дает понять, что эта компания больше всего ценит личность.

Руководители Blue Sky Resumes не сразу одобрили выбранное Squared Eye направление. Оно казалось рискованным, потому что слишком отличалось от привычного. Но в итоге именно благодаря яркой индивидуальности их бизнес резко пошел в гору.

Blue Sky Resumes сделала ставку на редизайн, а CoffeeCup Software использовала тщательно продуманный единовременный ход. Но есть и третий вариант.

Компромисс: постепенное улучшение

Можно экспериментировать с эмоциональным дизайном, применяя незначительные вре́менные нововведения, как в случае с CoffeeCup Software, или пройти весь путь от начала до конца, проведя ребрендинг и редизайн, как это сделали в Blue Sky Resumes. Но существует и еще один подход, который вы можете использовать при создании эмоционального дизайна. Если вы читали A List Apart, журнал для разработчиков веб-сайтов, то знаете о концепции прогрессивного улучшения (http://bkaprt.com/de/13). Согласно этой концепции следует создавать сайты, отвечающие общепринятым требованиям, и добавлять дополнительные функции для тех, кто использует новые версии браузеров.

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

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

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

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

Спустя год после запуска режима «ворчун» мы решили посмотреть, сколько наших пользователей его включили. Я очень боялся узнать результаты, потому что, если таких большинство, нам пришлось бы серьезно подумать, что делать с созданным нами дизайн-образом. Оказалось, что на режим «ворчун» перешли всего 0,007 % наших пользователей. Так мы убедились, что, несмотря на присутствие нескольких ворчунов, не разделяющих наших взглядов на бренд MailChimp, гораздо больше людей их принимают и получают удовольствие от того же, что и мы. Я считаю, что ради этого можно было рискнуть.

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

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

Убедить начальство

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

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

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

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

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

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

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

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

Заключение

В этой небольшой книге мы прошли немалый путь, в ней я рассказал вам о применении принципов дизайна и психологии на примерах Wufoo, Betabrand, Housing Works, Mint, Flickr и Blue Sky Resumes. Несмотря на то, что аудитория, контент и дизайн этих сайтов различны, у них есть нечто общее: создатели каждого из них ценят мастерство и индивидуальность, что позволяет их пользователям видеть живых людей за компьютерными интерфейсами.

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

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

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