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

Animação 1 - Personagens - Expressões e Posturas
Animação 1 - Personagens - Expressões e PosturasAnimação 1 - Personagens - Expressões e Posturas
Animação 1 - Personagens - Expressões e Posturasprofealbattaiola
 
A arte do cinema: Como se faz um filme - Teresa Silva
A arte do cinema: Como se faz um filme - Teresa SilvaA arte do cinema: Como se faz um filme - Teresa Silva
A arte do cinema: Como se faz um filme - Teresa SilvaTeresa Silva
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animaçãogasparlanca
 
Introdução ao cinema
Introdução ao cinemaIntrodução ao cinema
Introdução ao cinemaDaiane Pettine
 
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
 
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Mauricio Mallet Duprat
 
Evolução do Cinema
Evolução do CinemaEvolução do Cinema
Evolução do CinemaMichele Pó
 
Linguagem Cinematográfica
Linguagem CinematográficaLinguagem Cinematográfica
Linguagem CinematográficaLaércio Góes
 
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfPRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfUNIP. Universidade Paulista
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteAline Corso
 
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
 
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
 
Pré produção audiovisual
Pré produção audiovisualPré produção audiovisual
Pré produção audiovisualMarcioveras
 
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / PersonagemAnimação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagemprofealbattaiola
 
Oficina de Introdução ao Roteiro Audiovisual
Oficina de Introdução ao Roteiro AudiovisualOficina de Introdução ao Roteiro Audiovisual
Oficina de Introdução ao Roteiro AudiovisualPaola Giovana
 
Montagem e edição no cinema
Montagem e edição no cinemaMontagem e edição no cinema
Montagem e edição no cinemaBianca Pasetto
 

Mais procurados (20)

Animação 1 - Personagens - Expressões e Posturas
Animação 1 - Personagens - Expressões e PosturasAnimação 1 - Personagens - Expressões e Posturas
Animação 1 - Personagens - Expressões e Posturas
 
A arte do cinema: Como se faz um filme - Teresa Silva
A arte do cinema: Como se faz um filme - Teresa SilvaA arte do cinema: Como se faz um filme - Teresa Silva
A arte do cinema: Como se faz um filme - Teresa Silva
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animação
 
Introdução ao cinema
Introdução ao cinemaIntrodução ao cinema
Introdução ao cinema
 
Aula linguagem audiovisual 02
Aula linguagem audiovisual 02Aula linguagem audiovisual 02
Aula linguagem audiovisual 02
 
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
 
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
 
Evolução do Cinema
Evolução do CinemaEvolução do Cinema
Evolução do Cinema
 
Linguagem Cinematográfica
Linguagem CinematográficaLinguagem Cinematográfica
Linguagem Cinematográfica
 
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdfPRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
PRODUÇÃO AUDIOVISUAL Processos de produção audiovisual pdf
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
 
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
 
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
 
Pré produção audiovisual
Pré produção audiovisualPré produção audiovisual
Pré produção audiovisual
 
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / PersonagemAnimação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
Animação 1 - Roteiro (3) Documento de Criação de Narrativa / Personagem
 
Oficina de Introdução ao Roteiro Audiovisual
Oficina de Introdução ao Roteiro AudiovisualOficina de Introdução ao Roteiro Audiovisual
Oficina de Introdução ao Roteiro Audiovisual
 
Stop motion na sala de aula
Stop motion na sala de aulaStop motion na sala de aula
Stop motion na sala de aula
 
Aula linguagem audiovisual 01
Aula linguagem audiovisual 01Aula linguagem audiovisual 01
Aula linguagem audiovisual 01
 
Montagem e edição no cinema
Montagem e edição no cinemaMontagem e edição no cinema
Montagem e edição no cinema
 
Linguagem cinematografica
Linguagem cinematograficaLinguagem cinematografica
Linguagem cinematografica
 

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
 
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
 
Storyboard digital imedia
Storyboard digital imediaStoryboard digital imedia
Storyboard digital imediaizzat shafiq
 
Multimedia: storyboard
Multimedia: storyboardMultimedia: storyboard
Multimedia: storyboardErik Duval
 

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
 
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
 
Anim2 Aula07 Temporizacao
Anim2 Aula07 TemporizacaoAnim2 Aula07 Temporizacao
Anim2 Aula07 Temporizacao
 
Storyboard digital imedia
Storyboard digital imediaStoryboard digital imedia
Storyboard digital imedia
 
Multimedia: storyboard
Multimedia: storyboardMultimedia: storyboard
Multimedia: storyboard
 

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
 

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.).