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

^{Рис. 3.2. Индивидуальность – главное, что есть в дизайне автомобиля Volkswagen Beetle, и именно она обеспечила этому автомобилю колоссальный успех у нескольких поколений}

Улыбка, приветствующая водителя, выражает эмоции и вызывает особое отношение. В этом случае хочется улыбнуться в ответ даже неодушевленному предмету. Вокруг этой улыбки мы выстроили настоящий архетип, придумали игры вроде Slug bug red! и сделали Beetle героем фильмов (например, Херби в фильме The Love Bug[14]). Мы сумели создать воспоминания, и теперь они напоминают нам о положительных эмоциях, которые дарил этот автомобиль.

Библии Гутенберга и Volkswagen Beetle – интересные примеры, но, пожалуй, нет более наглядного примера очеловечивания дизайна, чем рекламная кампания Apple – Get a Mac. В ролике актер Джастин Лонг предстает в образе Mac’a – молодого хипстера, легко решающего сложные проблемы, в то время как его собеседник – безвольный и скучающий PC в исполнении Джона Ходгмана – справляется с задачами с заметным трудом. В этой рекламе есть эмоциональные переживания, она заставляет потребителя сравнить отношения, которые у них могут возникнуть с компьютером одной и другой модели. Никто не говорит о технических особенностях – вам просто показывают, как чувствует себя тот, кто купил Mac.

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

Моделирование «персонажей»

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

Пример такого «персонажа», показанный на рис. 3.3, создан Тоддом Заки Варфелем, дизайнером из messagefirst (http://messagefirst.com). Это Джулия – собирательный образ определенной группы пользователей. Благодаря ему мы узнаем о ее возрасте, поле, образовании, интересах, понимаем, что́ влияет на ее решения в отношении нашего проекта – в сущности, мы начинаем более глубоко воспринимать этот образ. Мы замечаем ее индивидуальность, что позволяет нам лучше понять ее мотивацию и выбрать наиболее подходящее для нее дизайнерское решение.

^{Рис. 3.3. «Персонажи» определяют процесс создания дизайна и позволяют фокусироваться на потребностях пользователя}

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

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

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

Создание образа для вашего сайта

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

По аналогии с «персонажем» пользователя вы можете создать досье на свой дизайн, вычленив и собрав воедино его индивидуальные черты. Индивидуальность может проявляться в интерфейсе – через графический дизайн, текст или способы взаимодействия с посетителями.

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

Цель – создать образ столь же яркий, как образы Джастина Лонга и Джона Ходгмана в рекламе Get a Mac.

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

Имя бренда: название компании или сервиса.

Обзор: краткий обзор индивидуальности бренда: что делает бренд уникальным?

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