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

Уолтер Аарон

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

Tapbots: робот и любовь

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

^{Рис. 3.6. Приложения Tapbot}

похожи на маленьких роботов, готовых сделать за вас всю работу с цифрами

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

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

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

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

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

17

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

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

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

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

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

Carbonmade: осьминоги, единороги и усищи

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

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

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

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

18

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

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

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

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

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

19

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

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

Наша придурковатость успокаивает конкурентов и не дает им воспринимать нас всерьез – а нам того и надо.

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

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

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

Housing Works: имя и лицо

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