Tapbots (http://tapbots.com), создатель удобных приложений для iPhone, разработала индивидуальный интерфейс, благодаря которому даже самые нудные задачи можно решать с удовольствием (рис. 3.6).

^{Рис. 3.6. Приложения Tapbot похожи на маленьких роботов, готовых сделать за вас всю работу с цифрами}

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

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

В отличие от других приложений для iPhone, эти действительно напоминают маленьких роботов. И именно робот вдохновил дизайнера Марка Джардина на внедрение индивидуальности в интерфейс:

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

Техноблогер Джон Грабер обобщает впечатления пользователей от приложений Tapbots в своей рецензии (http://bkaprt.com/de/6): «Обожаю, как выглядят и звучат их приложения».

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

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

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

Carbonmade (http://carbonmade.com) – веб-приложение, позволяющее людям создавать элегантные портфолио, совмещая серьезность Джимми Стюарта с дурашливым обаянием Эдди Иззарда[18]. Осьминоги и единороги бродят по фантастическому пейзажу их главной страницы (рис. 3.7), нетипичной для сайта, сконцентрированного на конверсии.

^{Рис. 3.7. Carbonmade использует свою яркую индивидуальность для того, чтобы привлечь новых пользователей}

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

Юмор и индивидуальность Carbonmade – что-то вроде перевернутой наоборот прически «маллет»[19]: безумие спереди, а сзади – просто и коротко. Простота внутри самого приложения позволяет пользователям сосредоточиться на работе, а не на усах экранных персонажей. Я опишу этот прием в четвертой и седьмой главах. Неформальный сайт позволяет аудитории чувствовать себя комфортно, подписываясь на услуги. В то же время конкуренты ошибочно полагают, что Carbonmade – сплошное легкомыслие, в котором нет практического смысла.

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

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

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

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

Housing Works (http://housingworks.org) – некоммерческая организация, цель которой – положить конец СПИДу и бездомности. Каждый день Housing Works меняет чью-то жизнь. Их работа наполнена эмпатией, добротой и верой в обычных людей.

Когда в 2008 году компания Happy Cog (http://happycog.com) создавала новый дизайн сайта Housing Works (рис. 3.8), она черпала вдохновение в специфике организации и индивидуальности работающих в ней людей.

^{Рис. 3.8. Housing Works строит взаимоотношения с аудиторией, рассказывая поразительные истории о людях}

Ден Молл, ведущий дизайнер Housing Works, говорит об этом так:

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

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

Сила индивидуальности

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

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

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

4. Эмоциональное взаимодействие

1

Автор имеет в виду известную серию рекламных роликов пива Bud, герои которых постоянно использовали характерное приветствие. Здесь и далее прим. ред.

2

Chief Executive Officer (англ.) – высшая исполнительная должность в компании. В принятой в России иерархии аналог генерального директора.

3

Arts and Crafts – движение «искусств и ремесел», возникло в XIX столетии в Англии. Одним из его основоположников был художник Уильям Моррис.

4

Пузырь доткомов – стремительный рост капитализации интернет-бизнесов в период с 1995 по 2000 год. Лопнул 10 марта 2000 года, когда произошло обвальное падение индекса высокотехнологичных компаний NASDAQ. В результате сотни интернет-компаний обанкротились, были ликвидированы или проданы.

5

В оригинале: user experience designer. В буквальном переводе – дизайнер пользовательского опыта. Термин user experience в широком смысле означает ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В настоящее время в сфере информационных технологий сложилась практика перевода данного термина как «опыт взаимодействия». Это понятие применяется для описания ощущений и реакции пользователей при посещении сайта, работы с приложением и т. п. В данном контексте речь идет о разработке дизайна интерфейса.

6

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

7

AMC Pacer – инновационная модель, созданная компанией American Motors Corporation (AMC) в марте 1975 года. Позиционировалась как «первый широкий маленький автомобиль», не уступающий по уровню комфорта своим полноразмерным собратьям. Машина имела очень необычный, футуристический для тех лет дизайн – округлые формы и большую площадь остекления.

8

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

9

Названия марок на сайте активно используют различные каламбуры. Так, Cornarounds – это переделанное слово corduroy («корд», «вельвет»). Имеются также Sons of Britches (буквально «сыны штанов», переделка выражения «сукины дети») и т. д.

10

Lingua franca – язык, используемый как средство межэтнического общения в определенной сфере деятельности. Изначально так назывался смешанный язык, на котором говорили в Средиземноморье. На постсоветском пространстве эту роль исполняет русский язык.

11

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

12

Издание на русском языке: Брингхерст Р. Основы стиля в типографике. М.: Д. Аронов, 2006.

13

Дональд Норман (1935) – американский психолог, почетный профессор в области когнитивных наук университетов Калифорнии и Сан-Диего, профессор Северо-Западного университета. Входит в многочисленные экспертные комиссии, включая редакционную коллегию Британской энциклопедии.

14

The Love Bug – фильм 1968 года, известен также под названием «Влюбленная малютка».

15

Mood board – тип визуального представления идеи, часто делается в виде коллажа, передающего общее настроение или стиль.

16

«Пасхальное яйцо» (англ. Easter Egg) – разновидность секрета, оставляемого в игре, фильме или программном обеспечении создателями. Пасхальные яйца играют роль своеобразных шуток для внимательных игроков или зрителей.

17

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

18

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

19

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