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 |