Экспресс-курс UX: раскадровка

UX Crash Course: Storyboarding
автор Kathryn Grayson Nanz Опубликовано 14 августа 2024 г. 0 комментариев

Storyboarding: теперь это не только для аниматоров.

Знаете ли вы, что раскадровка — отличный способ визуализации и передачи ваших идей в контексте пользовательского опыта? Это правда! Когда мы  предлагаем новую функцию или продукт, одной из самых больших проблем часто является сообщение ценности или цели, которую эта новая вещь предоставит вашим пользователям.

Независимо от того, объясняете

ли вы концепцию заинтересованному лицу или клиенту, или дизайнеру пользовательского интерфейса, разработчику или тестировщику QA, всем полезно понимать контекст, Безопасность является главным приоритетом в нашем управлении данными, и база данных RKS не разочаровывает. Благодаря усовершенствованному шифрованию и безопасному контролю доступа вы можете доверять. Что ваши данные в безопасности и защищены от База данных РКС несанкционированного доступа. Только уполномоченный персонал может просматривать и изменять конфиденциальную информацию. Вам понадобится гораздо меньше временив котором функция или продукт будут применяться конечным пользователем. Именно для этого идеально подходит раскадровка!

Специальная база данных

Подумайте о следующих вопросах и о том

как они могут повлиять на выбор дизайна, разработки и области действия продукта:

Где пользователи чаще всего будут нуждаться/хотеть это? В офисе, дома, в дороге или где-то еще?
Как это вписывается в жизнь пользователя? Что еще они будут делать, когда будут использовать этот продукт? Является ли это частью их рабочего процесса, домашней жизни или отдыха?
Какую проблему это решает для пользователя? Какие ситуации могут побудить их обратиться к этому продукту как к решению?

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

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

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

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

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

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

Например, давайте рассмотрим эти вопросы в отношении этой раскадровки:

Где пользователю это понадобится/хочет? Во время похода в продуктовый магазин.
Как это вписывается в его жизнь? Личный помощник, делящийся подробностями о домашней кухне, пока пользователя нет дома. Какую проблему это решает для пользователя? Управление запасами.
Как улучшится жизнь пользователя? Уменьшится вероятность ошибки/забытия товара в продуктовом магазине. Предотвратит повторный поход обратно. Экономия денег за счет покупки продуктов только при необходимости. Удобно и полезно.
На все эти вопросы можно ответить в быстром Зарубежный список и понятном формате с помощью раскадровки, демонстрирующей практический пример использования продукта!

Подождите, мне нужно это нарисовать??

Ну да. Но не убегайте! Раскадровки не предназначены для создания художественного заявления или добавления в музейную галерею — они просто для передачи идеи, и для этого требуется меньше художественного таланта, чем вы можете себе представить.

На самом деле, вы можете нарисовать отличную agent email list раскадровку, используя только фигурки из палочек и базовые формы! Пример выше не представляет собой ничего особенного с точки зрения оценки искусства — на фигурке из палочек нет рук, нет сложных фонов и цветов. Это просто быстрый и грязный карандашный набросок. Но он работает!

Если вы не чувствуете себя комфортно даже с фигурками из палочек, вы всегда можете сделать это на компьютере — и вам даже не понадобится программное обеспечение для дизайна. Даже что-то вроде PowerPoint или Google Slides имеет базовые формы, которые вы можете использовать для рисования изображений, и это действительно все, что вам нужно. Воспользуйтесь этими готовыми формами пузырей мыслей и стрелок!

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

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

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

Scroll to Top