Роль раскадровки в UX-дизайне

Автор: Диана Сиддикви

IT-копирайтер, переводчик, контент-менеджер.

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

Что такое раскадровка?

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

История, рассказ – это самая мощная форма подачи информации по целому ряду причин:

• Визуализация. Картинка стоит тысячи слов. Концепция, представленная в виде иллюстраций, позволяет людям легко уловить мысль рассказчика. «Голос» изображения звучит громче, чем обычные слова, при этом в истории можно создавать дополнительные смысловые уровни.
• Запоминаемость. Исследования показали, что истории запоминаются примерно в 20 раз лучше, чем простые факты.
• Эмпатия. Раскадровки помогают вызвать у людей чувство причастности к рассказу. Если история хорошая, все мы начинаем сочувствовать персонажам, которые сталкиваются с проблемами, похожими на наши собственные. Когда дизайнеры рисуют раскадровки, они часто наделяют своих героев эмоциями.
• Привлекательность. Истории привлекают внимание. Люди на них реагируют, у них просыпается любопытство и они хотят узнать, что будет дальше.

Раскадровка в UX-дизайне

Раскадровка в UX-дизайне это инструмент, который визуально предсказывает и исследует опыт пользователя, взаимодействующего с продуктом. На практике дизайн-раскадровка очень похожа на раскадровку фильма – там изображены люди, находящиеся в различных ситуациях. Этот метод помогает дизайнерам понять, каким образом люди могут пользоваться сайтом, приложением или программой, а это в свою очередь позволяет понять, что для этих людей является наиболее важным.

Истории – это очень эффективный способ получения, передачи и изучения опыта в процессе проектирования. В UX-дизайне этот метод имеет следующие преимущества:

• Подход, ориентированный на пользователя. Раскадровка ставить людей в центр процесса проектирования. Человек, а не аналитика и результаты исследования является главным в этом процессе.
• Понимание пользовательских действий. Дизайнеры очень часто заблуждаются насчет того, для чего людям нужен их продукт. Раскадровка позволяет подробно рассмотреть существующие сценарии взаимодействия и проверить гипотезы потенциально иных способах получения опыта.
• Расстановка приоритетов. Раскадровка также позволяет определить, на что не стоит тратить средства и усилия. В результате можно сократить объем бесполезной работы.
• Конструктивная критика. Раскадровка позволяет вовлечь в процесс всю рабочую группу, а не только дизайнеров. Как и в киноиндустрии, каждая сцена может заставить высказаться любого члена команды. Рассказ истории вдохновляет на сотрудничество и вырабатывает более четкое представление о продукте. Так появляются новые дизайн-концепции.
• Упрощенная итерация. Раскадровки очень полезны, когда непонятно, каким должен быть продукт. Эскизы позволяют дизайнерам работать без лишних усилий и при этом одновременно тестировать несколько концепций. В результате процесс проектирования существенно сокращается.

Раскадровка сцены в фильме Мартина Скорцезе «Goodfellas»

Как разработать структуру истории

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

Перед тем, как начинать рисовать и придумывать подписи, UX-дизайнер должен провести предварительную подготовку. История должна быть логичной и понятной. Зная ключевые моменты рассказа, можно дополнять его блоками иллюстраций, выстраивая четкую визуальную последовательность. Каждая история должна иметь следующие элементы:

• Персонаж. Персонаж это пользователь, являющийся главным героем истории. Его поведение, ожидания, чувства, а также любые решения, которые он может принять, очень важны. Выявление того, что происходит в сознании персонажа, необходимо для успешной иллюстрации его опыта. Каждая история должна включать хотя бы одного персонажа.
• Сцена. Это среда, в которой живет персонаж. В основе сцены должен лежать реальный контекст, то есть существующие места и пользователи.
• Сюжет. Рассказ должен начинаться с определенного события-триггера и заканчиваться показом определенной выгоды или показом проблемы, которую решает или не решает продукт.
• Повествование. В повествовании следует сосредоточиться на цели, к которой стремиться персонаж. Дизайнеры очень часто начинают описывать преимущества продукта, забывая о предыстории. Это ошибка. Любая история должна быть структурирована и иметь очевидное начало, середину и конец. Большинство историй это последовательность, которую называют пирамидой Густава Фрейтага. Фрейтаг разбил рассказ на пять актов: экспозицию, восходящее действие, кульминацию, завершающее действие и развязку.

Чтобы сделать историю интересной и впечатляющей, нужно помнить о следующих моментах:

• Ясность. Самое главное – сделать персонажа, его цель и его опыт как можно более ясными. Результат истории должен быть понятным для любого человека, просматривающего раскадровку. Если история описывает какую-либо проблему, нужно понятно объяснить, какое решение улучшит жизнь персонажа.
• Подлинность. При создании раскадровки нужно опираться на реальный опыт людей, для которых создается дизайн. Если рассказывать историю, не опираясь на факты, раскадровка будет бесполезной. Чем ближе раскадровка к истинному положению дел, тем лучше будет результат.
• Простота. Каждая деталь в истории должна иметь отношение к пользовательскому опыту. Все остальное можно выбросить за ненадобностью. Если какая-то сцена ничего не значит и не влияет на результат, ее нужно удалить.
• Эмоция. В истории обязательно должны быть эмоции. В раскадровке персонаж должен внятно реагировать на те или иные качества продукта.

Вывод

Раскадровка – один из самых мощных инструментов в арсенале UX-дизайнера. Отличный пример использования такого подхода – история компании Airbnb. Чтобы понять, как взаимодействовать с клиентами и сформировать стратегию, руководство обратилось к опыту студии Disney. В Airbnb создали список эмоциональных моментов, связанных с использованием сервиса и затем превратили их в истории. В результате появилась ценная идея, которая позволила понять, что Aipbnb не просто веб-сайт. Большая часть пользовательского опыта происходит в автономном режиме, внутри и снаружи домов и квартир, представленных на сайте. Это понимание подтолкнуло разработчиков к созданию мобильного приложения как среды, которая связывает онлайн и оффлайн опыт.

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

Источник