Storyboard

Sequência de quadros que mostra, passo a passo, como alguém vai interagir com um produto ou experiência.

Hard

O que é

Storyboard é uma sequência de quadros, desenhos ou imagens que mostra como uma experiência se desenrola no tempo. Ele veio do cinema e da animação e virou ferramenta comum em produto, porque transforma uma ideia abstrata em cena, passo a passo.

O valor está em tornar o intangível visível antes de construir. Em vez de ler uma especificação, o time vê a interação acontecer dentro do contexto. Isso costuma revelar atrito cedo, já que, ao desenhar o storyboard de um checkout, aparecem passos a mais ou caminhos confusos que o texto escondia.

E ele não precisa ser bonito. Boneco palito, sketch tosco ou screenshot anotado, tudo serve, porque a meta é comunicar o fluxo, e não fazer arte. A fidelidade baixa é de propósito, justamente pra dar liberdade de iterar rápido.

Em uma frase

Antes de abrir o Figma, vamos rascunhar o storyboard da compra em seis quadros.

A pergunta que ele responde

Como faço o time enxergar a experiência inteira antes de desenhar tela?

Quando usar

Faz sentido no começo, pra alinhar o time sobre o fluxo e a experiência antes de investir em telas detalhadas.

Como não usar

O cuidado é caprichar na arte do storyboard a ponto de travar a iteração, ou usá-lo no lugar do wireframe pra definir layout de tela.

Na prática

Pense num time antes de desenhar qualquer tela. Ele rascunha em seis quadros como a pessoa descobre, experimenta e conclui uma compra, e percebe um passo confuso bem no meio.

Não confunda com

Vale separar storyboard de wireframe. O wireframe mostra o layout de uma tela específica, então ele olha pra dentro de uma única tela. O storyboard mostra a sequência de ações entre várias telas e momentos, ou seja, olha pro fluxo inteiro. Um foca no quadro, o outro no filme.

D

Em inglês

Storyboard

Pronúncia

stóri-bórd

Também chamado de

storyboard, quadro de história

Origem

Cinema e animação; trazido pro design de experiência.

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre storyboarding em UX