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

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

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

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

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

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

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

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

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

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

Название вашей компании или продукта.

2. Обзор

Краткий обзор образа вашего бренда. В чем его уникальность?

3. Образ индивидуальности/личности

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

4. Качества бренда

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

5. Схема образа

Мы можем изобразить образ графически. Ось Х изменяется от враждебной к дружелюбной, а ось У – от покорной до господствующей [94].

6. Речь

Если бы ваш бренд мог говорить, как бы он это делал? Что бы он сказал? Разговаривал бы он компанейским простым языком, или утонченным?

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

7. Примеры текста

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

8. Визуальный словарь

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

9. Методы привлечения

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

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

Чтобы начать работать над вашим дизайн-персонажем, сначала скачайте образцы и шаблоны [96]. Если вы работаете в команде, соберитесь все вместе с легкой закуской и маркерной доской, чтобы проработать первоначальные идеи по поводу образа. Будет весело, и никому не повредит холодильник со взрослыми напитками.

Начните дискуссию с вопроса: «Какие семь слов могут описать нас лучше всего?» Будьте честными. Вы можете услышать такие характеристики, от которых не загордитесь. А теперь уточните: «Какие семь слов могут описать того, кем мы надеемся стать после редизайна?» Переделка сайтов по своей сути желательна и полезна, так как основывается на наших стремлениях.

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

В окончательном списке, «нацарапанном» на доске, отразите границы каждой характеристики. Каким бы вы не хотели видеть свой образ? Например, если в списке стоит характеристика «веселый», это может означать много чего. Веселый, как Элмо [97], или веселый от того, что с ветерком едешь за рулем Ferrari California вдоль Блуриджской парковой автострады? Рамки привнесут ясность в досье дизайн-персонажа и помогут вам увидеть во время проекта, когда пересекается граница.