freeCodeCamp/guide/russian/user-experience-design/storyboards/index.md

29 lines
2.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
title: Storyboards
localeTitle: Раскадровка
---
## Раскадровка
Раскадровка представляет собой последовательность изображений и сопровождающих рекламных роликов, которые вместе передают опыт пользователя в достижении определенной цели. Раскадровка помогает продуктам и командам UX мозговой штурм вокруг точек боли пользователя.
Раскадровка сначала происходит после исследований пользователей, разработки персонажей и выполнения заданий. Этот экземпляр Storyboarding описывает точки боли пользователя с помощью существующего решения. Следующий пример раскадровки приходит после идеи решения, чтобы сообщить предполагаемое будущее о том, как жизнь пользователя улучшилась.
В общем, нарисованные вручную, раскадровки - это быстрый и дешевый способ сообщать поведение пользователя до и после предлагаемого решения.
Эффективные раскадровки ...
* Должен:
* четко обозначить пользователя, его действия, эмоции и результаты
* показывать только элементы пользовательского интерфейса, имеющие отношение к взаимодействию при отображении крупным планом устройства
* Не следует:
* быть "пиксельно-совершенным"
* продемонстрировать полноту пользовательского интерфейса
![Пример раскадровки](https://github.com/yunChigewan/storage/blob/master/storyboard_pic.jpeg?raw=true)
Image credit: Chelsea Hostetter, Остин Центр дизайна
#### Дополнительная информация:
* Изображения для использования в Раскадровки www.designcomics.org
* Статья раскадровки из UX Planet https://uxplanet.org/storyboarding-in-ux-design-b9d2e18e5fab