storyboard

16
Storyboard Érico Fernandes Fileno. MSc Designer de Interação Instituto Faber-Ludens de Design de Interação

Upload: erico-fileno

Post on 31-Oct-2014

9 views

Category:

Design


1 download

DESCRIPTION

Aula de Prototipação 1

TRANSCRIPT

Page 2: Storyboard

Storyboard

(ou narrativa gráfica)

É

uma representação das interações entre os usuários e o sistema em seu ambiente de trabalho. Ela corresponde ao detalhamento de um cenário de uso

especificado para o

sistema, consistindo em uma seqüência de desenhos representando não só

esboços de telas, mas também

elementos do contexto (usuário, equipamento, móveis, telefones, pessoas, etc.).

Page 3: Storyboard

Exemplo de storyboard

Page 4: Storyboard

Exemplo de storyboard

Page 5: Storyboard

Cenários e personagens

Cenários de uso informam as exigências por meio de exemplos de situações típicas de uso, descrevendo, em linguagem natural, como determinados usuários realizarão a tarefas específicas com o sistema e/ou aparato tecnológico em determinado contexto.

Pulando a identificação do usuário, é

preciso decompor os objetivos dos usuários em operações necessárias para alcançá-los, identificando as atividades que deverão ser realizadas pelo usuário e as que serão de responsabilidade do programa ou aplicação (sistema).

Cada atividade é

uma AÇÃO.

Page 6: Storyboard
Page 7: Storyboard

Exemplos de esboços

Page 8: Storyboard

Storyboard

demonstrando como abastecer um carro com gasolina

Page 9: Storyboard

Exemplo de storyboard

(fotos)

Page 10: Storyboard

Esboço de um PDA

Page 11: Storyboard

Esboço de um PDA

Page 12: Storyboard

CabinetBy

Ianus

Keller

(2005)

Technical

University of

Delft

Page 13: Storyboard
Page 14: Storyboard

Exemplo de uma ferramenta

Page 15: Storyboard

Exemplo de uma ferramenta

Page 16: Storyboard

Atividade:

Desenhar o storyboard para uma viagem entre Curitiba e

São Paulo via Aeroporto Afonso Pena.