Элиот Стокс - Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки

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

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

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

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

В нашей личной жизни есть несметное количество случайных лиц, которых мы и в глаза не видели. Конечно, тяжело осознавать, что некоторые люди не принимают наш образ на ура. Глупо пытаться подстраиваться под желания всех, с кем нас так или иначе сводит судьба. Самое лучшее, что мы можем сделать, оставаться самими собой и верить, что есть люди на планете, которые принимают нас такими, какие мы есть. (Бог мой! По-моему, мы под шумок внесли лекцию о жизни в книгу о дизайне, вам не кажется?)

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

Как ведущему дизайнеру пользовательского опыта в Мейлчимпе, мне это известно из первых рук. Юмор, остроты и веселые времена, что я переживаю каждый день с моими коллегами, отражаются в текстах, иллюстрациях и интерактивном дизайне, которые мы создаем. Приколы Фредди фон Чимпенхаймера IV, нашего талисмана, шимпанзе, который сидит вверху каждой страницы приложения, собраны людьми нашей компании. Так выражается наше чувство юмора. Когда вы взаимодействуете с сайтом MailChimp, вы взаимодействуете с теми, кто его создавал.

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

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

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

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

Наши пользователи умеют обращаться со слухами

Образы в дизайне помогают распространить слух о нас. Не надо никакой дополнительной рекламы. Wufoo[87], разработчики веб-приложения, которое упрощает создание веб-форм и управление собранными данными, полностью ликвидировали свой маркетинговый бюджет, когда увидели, что пользователи рекламируют приложение за них.

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

Записи в Twitter, посты в блогах и простая молва привлекли новых пользователей более эффективно, чем баннеры. Неизбитый дизайн сайта, остроумный текст и озорник Динозаврик резко выделяют Wufoo в среде конкурентов, которые с большой неохотой используют образы. Пользуясь сайтом Wufoo, мы легко можем увидеть образы тех людей, кто его создавал[88]. Владение продуктом, любимым пользователями и который постоянно растет за счет сарафанного радио, сделало Wufoo привлекательным и ценным приобретением для компании SurveyMonkey[89], что купила его в 2011 году приблизительно за 35 миллионов долларов.

Образ: уже не только для дизайнеров

Уважаемые дизайнеры пользовательского опыта, такие как Стивен Андерсон и Энди Бад, размышляют и говорят о связи между образами, эмоциями и дизайном вот уже несколько лет. Тема нашла поддержку в дизайнерской среде. Но мы не единственные, кто осознает силу образов на переполненном рынке. Люди, которые создают стартапы, тоже понимают это.

В своем блоге Фред Уилсон, венчурный капиталист и директор компании Union Square Ventures, выступает за ясность речи и образов в дизайне продукта, и высказывает мысль, что это является «решающим в создании успешного продукта»[90].

Дейв Мак-Клер, «инвестор-ангел» и основатель бизнес-инкубатора из 500 мелких компаний, придерживается того же мнения. Он рассматривает образы и эмоции как важныe факторы успеха продукции. В своей речи на конференции Warm Gun conference в 2011 году Мак-Клер обратился к дизайнерам и предпринимателям: «Будьте собой, суперсамими собой. В чем вы можете быть искренними и где вам уютно? Ищите свою сущность и расширяйте ее. Найдите чувство или эмоции, которые вы можете поддерживать»[91].

Бизнес-СМИ также раскрывают роль образов в дизайне. Спонсор журнала Forbes Энтони Винг Коснер подтверждает, что образы могут сделать сайт более запоминающимся:

«Почему сайты одних компаний запоминаются больше, чем остальные? На первый взгляд, может показаться, что все дело в оригинальности, визуальном воздействии и создании бренда. А если я вам скажу, что наиважнейшим фактором в создании сайта являются чувства посетителей, которые он вызывает?»[92]

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

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

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

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

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

Вот для чего именно нужны персонажи.

Определяем ваш образ с помощью дизайн-персонажа

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

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

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

1. Название бренда