29 lines
2.5 KiB
Markdown
29 lines
2.5 KiB
Markdown
|
---
|
|||
|
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
|