Кто, что и как: карты дизайна показывают путь к реализации

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

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

Как создавать карты дизайна для совместной работы

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

В этом видео Уильям демонстрирует, как собрать все основные элементы карты дизайна и, как и многие другие инструменты в UX-дизайнвы делаете это с помощью стикеров.

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

Инструменты дизайна карты

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

Для цифровых карт дизайна вы можете использовать различные цифровые инструменты для совместной работы. В этих видеороликах Уильям показывает, как создавать карты дизайна в Figma и Miro с помощью бесплатных учетных записей.

Фигма

Миро

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

Добавьте свои визуализации

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

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

Вывод

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

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

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

Рекомендации и где узнать больше

Подробнее о картах дизайна читайте в книге Джона Прюитта и Тамары Адлин. Жизненный цикл персоны. Также есть более короткая версия Основной жизненный цикл личности. Вы можете скачать Тамару Адлин. глава о разработке карт в формате PDF.

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

Главное изображение: © Pruitt & Adlin, The Persona Lifecycle, Добросовестное использование. Перерисовано Интерактивный дизайн Фундамент.