Эмоциональный веб-дизайн
Шрифт:
CoffeeCup проводила эксперимент в течение определенного времени, после чего сайт обрел свой прежний вид, и риски, связанные с использованием эмоционального дизайна, исчезли. Но согласитесь, что риск, на который пошла компания, не идет ни в какое сравнение с выгодой, которую она получила.
Это утверждение справедливо и для компании Blue Sky Resumes, сделавшей ставку на эмоциональный дизайн и сорвавшей большой куш.
Игра по-крупному: редизайн Blue Sky Resumes
Если вы создаете новый сайт и готовы к значительным переменам, то можете объединить бренд, дизайн и основной посыл в стратегию эмоционального дизайна. Blue Sky Resumes – сервис, помогающий людям создавать отличные резюме, – сделал именно это. Сайт обрел новый облик
Прежде чем приступить к работе, агентство изучило сайты конкурентов Blue Sky Resumes. Многие из них выглядели одинаково: низкопробные фотографии из фотостоков, унылые цвета и скучные шрифты – все это производило печальное впечатление. У них отсутствовала всякая индивидуальность – сложно было поверить, что с их помощью кто-то найдет работодателя, способного сыграть решающую роль в его карьере.
После общего ребрендинга компании силами агентства Able Design , Squared Eye разработала сайт, представляющий Blue Sky Resumes как идеальный выбор для молодых технически подкованных профессионалов, которые не хотят, чтобы их резюме было лишь одним из стопки. Сузив аудиторию, команда Squared Eye придала бренду индивидуальность, наслаждаясь свободой творчества и избегая шаблонных подходов, за которые цепляются остальные резюме-сервисы.
Дизайн сайта обыгрывает название компании (рис. 7.3) и олицетворяет оптимистичное будущее, что само по себе служит сильным посылом, особенно во времена рецессии, когда множество людей остались без работы.
Рис. 7.3. После редизайна сайт Blue Sky Resumes обрел неформальную индивидуальность, что значительно повысило уровень его конверсии
Плывущие облака, оригинальный текст и сильный, но неформальный шрифт с засечками в заголовке – вот лишь некоторые элементы дизайна, объясняющие пользователям, что Blue Sky Resumes уникален, как и они сами. Вот как Мэтью Смит описывает процесс его создания:
Я хотел сконструировать не просто свежий дизайн, но и технологию, которую с удовольствием будут использовать в современном мире, вот почему для усиления индивидуальности дизайна мы использовали @font-face [27] и необычный макет. Все эти технологии в сочетании с хорошими фотографиями и остроумными находками сделали сайт приятным и энергичным. Мы протестировали его с помощью клиентов Blue Sky Resumes и получили прекрасные отзывы.
27
Правило @font-face позволяет задать настройки шрифта и использовать на сайте любой шрифт, не установленный у пользователя на компьютере.
Запуская свой новый сайт, компания Blue Sky Resumes была уверена, что это поможет ее бизнесу, но она не могла даже представить, насколько впечатляющими окажутся результаты. Количество предложений выросло на 15 % в месяц, средний доход на одного клиента – тоже на 15 %. Число клиентов увеличивалось на 65 % ежемесячно, а общая прибыль – на невероятные 85 %. Конверсия возросла с неплохих 25 до 36 %.
Другими словами, новый сайт Blue Sky Resumes завоевал внимание пользователей, помог выстроить с ними прочные отношения и тем самым способствовал росту бизнеса. И что особенно впечатляет – команда Blue Sky Resumes ничего не меняла в своей маркетинговой политике. Конверсия и доходы возросли исключительно благодаря оформлению сайта, основой которого стал эмоциональный дизайн.
У сооснователя Blue Sky Resumes Луизы Флетчер есть свое мнение о том, почему редизайн смог увеличить бизнес-показатели:
Цифры показывают, что дизайн сайта убедил потенциальных клиентов стать реальными. Иными словами, они приняли решение еще до
Вскоре после проведения редизайна с 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, журнал для разработчиков веб-сайтов, то знаете о концепции прогрессивного улучшения . Согласно этой концепции следует создавать сайты, отвечающие общепринятым требованиям, и добавлять дополнительные функции для тех, кто использует новые версии браузеров.
Прогрессивное улучшение – вторая натура для тех, кто создает сайты по принятым стандартам.
Как явствует из примера с интерфейсом MailChimp, юмор и положительные эмоции помогли нам обрести верных последователей. Однако у этой медали была и оборотная сторона: многие люди восторгались нашим чувством юмора, но некоторые просто ненавидели все эти шуточки, да и приложение в целом. Просто этот стиль им не подходил – мы не подходили друг другу, как масло и вода.
Однако мы не собирались отказываться от индивидуального стиля бренда только потому, что кому-то он пришелся не по вкусу. Мы нашли решение, которое заставило стихнуть бурю негативных эмоций в Twitter и уменьшить поток обращений в службу поддержки с жалобами на лицо бренда. Таким решением стало создание режима «ворчун» – опции, позволявшей отключить шутливые приветствия и скрыть раскиданные по всему интерфейсу неформальные словечки. Его активация делала сайт достаточно строгим, что устраивало тех, кого наш юмор раздражал.
Буду откровенен: я был принципиальным противником режима «ворчун». Мне казалось, что, внедряя его, мы отказываемся именно от того, что в первую очередь отличает нас от всех остальных. К счастью, мое беспокойство о том, что он изменит наш бренд, не оправдалось.
Спустя год после запуска режима «ворчун» мы решили посмотреть, сколько наших пользователей его включили. Я очень боялся узнать результаты, потому что, если таких большинство, нам пришлось бы серьезно подумать, что делать с созданным нами дизайн-образом. Оказалось, что на режим «ворчун» перешли всего 0,007 % наших пользователей. Так мы убедились, что, несмотря на присутствие нескольких ворчунов, не разделяющих наших взглядов на бренд MailChimp, гораздо больше людей их принимают и получают удовольствие от того же, что и мы. Я считаю, что ради этого можно было рискнуть.
Прогрессивное улучшение может оказаться полезным и в вашем случае: поможет успокоить клиентов или начальство, утихомирить тех, кто не понимает индивидуальности вашего сайта. Теперь для аргументации у вас есть и цифры.
Итак, я привел доказательства ценности эмоционального дизайна, осталось дать ответ только на один вопрос: как убедить начальника.
Убедить начальство
Убедить босса или клиента в необходимости кардинальных изменений бывает очень непросто. Вы уже вооружены наглядными примерами и показателями, которыми можете подкрепить свои предложения, поэтому все, что вам нужно, это план.