SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Storyboard



Érico Fernandes Fileno. MSc – Designer de Interação   Instituto Faber-Ludens de Design de Interação
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.).
Exemplo de storyboard
Exemplo de storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard
Storyboard

Mais conteúdo relacionado

Mais procurados

Aula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioAula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioElizeu Nascimento Silva
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitáriaThayse Beckner
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Direção de Arte
Direção de ArteDireção de Arte
Direção de ArteYu Amaral
 
O que é a fotografia
O que é a fotografiaO que é a fotografia
O que é a fotografiajorgefelz
 
I história da fotografia
I   história da fotografiaI   história da fotografia
I história da fotografiaMINAJOCA2010
 
Aula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosAula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosGabriel Ferraciolli
 
Criação Publicitária - Aula 01 - Criatividade
Criação Publicitária - Aula 01 - CriatividadeCriação Publicitária - Aula 01 - Criatividade
Criação Publicitária - Aula 01 - CriatividadeThiago Ianatoni
 

Mais procurados (20)

Aula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioAula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitário
 
Animação 1 - Storyboard
Animação 1 - StoryboardAnimação 1 - Storyboard
Animação 1 - Storyboard
 
4. Montagem e continuidade
4. Montagem e continuidade4. Montagem e continuidade
4. Montagem e continuidade
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitária
 
Historia do cinema
Historia do cinema Historia do cinema
Historia do cinema
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Slides do Módulo 3 sobre Roteiro e Edição de vídeo
Slides do Módulo 3 sobre Roteiro e Edição de vídeoSlides do Módulo 3 sobre Roteiro e Edição de vídeo
Slides do Módulo 3 sobre Roteiro e Edição de vídeo
 
Direção de Arte
Direção de ArteDireção de Arte
Direção de Arte
 
Tipos e formatos de imagens
Tipos e formatos de imagensTipos e formatos de imagens
Tipos e formatos de imagens
 
Produção cinematógrafiaca
Produção cinematógrafiacaProdução cinematógrafiaca
Produção cinematógrafiaca
 
Conceitos de Design
Conceitos de DesignConceitos de Design
Conceitos de Design
 
O que é a fotografia
O que é a fotografiaO que é a fotografia
O que é a fotografia
 
I história da fotografia
I   história da fotografiaI   história da fotografia
I história da fotografia
 
Criatividade
CriatividadeCriatividade
Criatividade
 
Aula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosAula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicos
 
Módulo 2 - Fotografia
Módulo 2 - FotografiaMódulo 2 - Fotografia
Módulo 2 - Fotografia
 
Criação Publicitária - Aula 01 - Criatividade
Criação Publicitária - Aula 01 - CriatividadeCriação Publicitária - Aula 01 - Criatividade
Criação Publicitária - Aula 01 - Criatividade
 

Destaque

Apresentação storyboard
Apresentação storyboardApresentação storyboard
Apresentação storyboardrafaelsf
 
Introdução ao Storyboard - MobileConf2014
Introdução ao Storyboard - MobileConf2014Introdução ao Storyboard - MobileConf2014
Introdução ao Storyboard - MobileConf2014Vinicius Pacheco
 
Storyboard Pronuncia
Storyboard PronunciaStoryboard Pronuncia
Storyboard Pronunciaepe3 epe3
 
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPedro Almeida
 
Storyboards ead unama ead
Storyboards   ead unama  eadStoryboards   ead unama  ead
Storyboards ead unama eadFranc_marc
 
Multimedia storyboard template
Multimedia storyboard templateMultimedia storyboard template
Multimedia storyboard templateFrankie Jones
 
Multimedia presentation storyboard
Multimedia presentation storyboardMultimedia presentation storyboard
Multimedia presentation storyboardjbosleywisdom2010
 
Storyboard publicidade
Storyboard   publicidadeStoryboard   publicidade
Storyboard publicidadeSandra Ribeiro
 
Projeto DI Curso Virtual SSI - UNIFEI
Projeto DI Curso Virtual SSI - UNIFEIProjeto DI Curso Virtual SSI - UNIFEI
Projeto DI Curso Virtual SSI - UNIFEIMarcos Xavier
 
Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Aimee Maree Forsstrom
 
STORYBOARD DO CURSO PRONUNCIA
STORYBOARD DO CURSO PRONUNCIASTORYBOARD DO CURSO PRONUNCIA
STORYBOARD DO CURSO PRONUNCIAepe3 epe3
 
Storyboard pronto
Storyboard prontoStoryboard pronto
Storyboard prontosami_s
 
Educ118 storyboard
Educ118 storyboardEduc118 storyboard
Educ118 storyboardokapi711
 
Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Eduardo Teix
 
Animação 1 - Roteiro (2) Roteiro Literário
Animação 1 - Roteiro (2) Roteiro LiterárioAnimação 1 - Roteiro (2) Roteiro Literário
Animação 1 - Roteiro (2) Roteiro Literárioprofealbattaiola
 

Destaque (20)

Apresentação storyboard
Apresentação storyboardApresentação storyboard
Apresentação storyboard
 
Introdução ao Storyboard - MobileConf2014
Introdução ao Storyboard - MobileConf2014Introdução ao Storyboard - MobileConf2014
Introdução ao Storyboard - MobileConf2014
 
Storyboard Pronuncia
Storyboard PronunciaStoryboard Pronuncia
Storyboard Pronuncia
 
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
 
Storyboards ead unama ead
Storyboards   ead unama  eadStoryboards   ead unama  ead
Storyboards ead unama ead
 
Multimedia storyboard template
Multimedia storyboard templateMultimedia storyboard template
Multimedia storyboard template
 
Multimedia presentation storyboard
Multimedia presentation storyboardMultimedia presentation storyboard
Multimedia presentation storyboard
 
O Que é Um GuiãO
O Que é Um GuiãOO Que é Um GuiãO
O Que é Um GuiãO
 
Storyboard publicidade
Storyboard   publicidadeStoryboard   publicidade
Storyboard publicidade
 
Projeto DI Curso Virtual SSI - UNIFEI
Projeto DI Curso Virtual SSI - UNIFEIProjeto DI Curso Virtual SSI - UNIFEI
Projeto DI Curso Virtual SSI - UNIFEI
 
Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]
 
STORYBOARD DO CURSO PRONUNCIA
STORYBOARD DO CURSO PRONUNCIASTORYBOARD DO CURSO PRONUNCIA
STORYBOARD DO CURSO PRONUNCIA
 
Storyboard pronto
Storyboard prontoStoryboard pronto
Storyboard pronto
 
Narrativa por Storyboards: técnicas e padrões
Narrativa por Storyboards: técnicas e padrõesNarrativa por Storyboards: técnicas e padrões
Narrativa por Storyboards: técnicas e padrões
 
MONTAJ
MONTAJMONTAJ
MONTAJ
 
Educ118 storyboard
Educ118 storyboardEduc118 storyboard
Educ118 storyboard
 
Oratória I
Oratória I Oratória I
Oratória I
 
Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014
 
Animação 1 - Roteiro (2) Roteiro Literário
Animação 1 - Roteiro (2) Roteiro LiterárioAnimação 1 - Roteiro (2) Roteiro Literário
Animação 1 - Roteiro (2) Roteiro Literário
 
Anim2 Aula07 Temporizacao
Anim2 Aula07 TemporizacaoAnim2 Aula07 Temporizacao
Anim2 Aula07 Temporizacao
 

Mais de Erico Fileno

História da UX no Brasil - v1.1
História da UX no Brasil - v1.1História da UX no Brasil - v1.1
História da UX no Brasil - v1.1Erico Fileno
 
Artigos Interaction South America 2010
Artigos  Interaction South America 2010Artigos  Interaction South America 2010
Artigos Interaction South America 2010Erico Fileno
 
História da UX no Brasil
História da UX no BrasilHistória da UX no Brasil
História da UX no BrasilErico Fileno
 
Empathy and Otherness
Empathy and OthernessEmpathy and Otherness
Empathy and OthernessErico Fileno
 
DesignThinkers Academy - Região Sul
DesignThinkers Academy - Região SulDesignThinkers Academy - Região Sul
DesignThinkers Academy - Região SulErico Fileno
 
Inovação em serviços através do uso do design centrado nas pessoas
Inovação em serviços através do uso do design centrado nas pessoas �Inovação em serviços através do uso do design centrado nas pessoas �
Inovação em serviços através do uso do design centrado nas pessoas Erico Fileno
 
Design de Interação e Inovação
Design de Interação e InovaçãoDesign de Interação e Inovação
Design de Interação e InovaçãoErico Fileno
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no UsuárioErico Fileno
 
UX at emergent market in Brazil
UX at emergent market in Brazil UX at emergent market in Brazil
UX at emergent market in Brazil Erico Fileno
 
IxD and sustentability
IxD and sustentabilityIxD and sustentability
IxD and sustentabilityErico Fileno
 
Aula 3 - Minicurso sobre Design Centrado no Usuário
Aula 3 - Minicurso sobre Design Centrado no UsuárioAula 3 - Minicurso sobre Design Centrado no Usuário
Aula 3 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Aula 2 - Minicurso sobre Design Centrado no Usuário
Aula 2 - Minicurso sobre Design Centrado no UsuárioAula 2 - Minicurso sobre Design Centrado no Usuário
Aula 2 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Diseño interacción en Brasil
Diseño interacción en BrasilDiseño interacción en Brasil
Diseño interacción en BrasilErico Fileno
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introduçãoErico Fileno
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidadeErico Fileno
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 

Mais de Erico Fileno (20)

História da UX no Brasil - v1.1
História da UX no Brasil - v1.1História da UX no Brasil - v1.1
História da UX no Brasil - v1.1
 
Artigos Interaction South America 2010
Artigos  Interaction South America 2010Artigos  Interaction South America 2010
Artigos Interaction South America 2010
 
História da UX no Brasil
História da UX no BrasilHistória da UX no Brasil
História da UX no Brasil
 
Empathy and Otherness
Empathy and OthernessEmpathy and Otherness
Empathy and Otherness
 
DesignThinkers Academy - Região Sul
DesignThinkers Academy - Região SulDesignThinkers Academy - Região Sul
DesignThinkers Academy - Região Sul
 
Inovação em serviços através do uso do design centrado nas pessoas
Inovação em serviços através do uso do design centrado nas pessoas �Inovação em serviços através do uso do design centrado nas pessoas �
Inovação em serviços através do uso do design centrado nas pessoas
 
Design de Interação e Inovação
Design de Interação e InovaçãoDesign de Interação e Inovação
Design de Interação e Inovação
 
Busca Mobile
Busca MobileBusca Mobile
Busca Mobile
 
Service Thinking
Service ThinkingService Thinking
Service Thinking
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no Usuário
 
UX at emergent market in Brazil
UX at emergent market in Brazil UX at emergent market in Brazil
UX at emergent market in Brazil
 
IxD and sustentability
IxD and sustentabilityIxD and sustentability
IxD and sustentability
 
Aula 3 - Minicurso sobre Design Centrado no Usuário
Aula 3 - Minicurso sobre Design Centrado no UsuárioAula 3 - Minicurso sobre Design Centrado no Usuário
Aula 3 - Minicurso sobre Design Centrado no Usuário
 
Aula 2 - Minicurso sobre Design Centrado no Usuário
Aula 2 - Minicurso sobre Design Centrado no UsuárioAula 2 - Minicurso sobre Design Centrado no Usuário
Aula 2 - Minicurso sobre Design Centrado no Usuário
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Diseño interacción en Brasil
Diseño interacción en BrasilDiseño interacción en Brasil
Diseño interacción en Brasil
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 

Último

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 

Último (8)

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 

Storyboard

  • 1. Storyboard Érico Fernandes Fileno. MSc – Designer de Interação Instituto Faber-Ludens de Design de Interação
  • 2. 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.).