MATERIAIS E PROCESSOS III
ELEMENTOS BÁSICOS DO DESIGN DIGITAL




Professor: Alan Vasconcelos
PROTOTIPAÇÃO EM PAPEL


Exercício em sala
PROTOTIPAÇÃO EM PAPEL




             Prototipação em papel
                              =
               Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
   interface de um sistema (web, app, game, etc...).
PROTOTIPAÇÃO EM PAPEL




             Prototipação em papel
                              =
               Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
   interface de um sistema (web, app, game, etc...).

• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)
PROTOTIPAÇÃO EM PAPEL




             Prototipação em papel
                              =
               Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
   interface de um sistema (web, app, game, etc...).

• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)

• É mais legal! (envolve mais pessoas. Além de engajar a equipe,
   rabiscar é sempre bom!)
PROTOTIPAÇÃO EM PAPEL




              Prototipação em papel
                               =
                Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
   interface de um sistema (web, app, game, etc...).

• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)

• É mais legal! (envolve mais pessoas. Além de engajar a equipe,
   rabiscar é sempre bom!).

• Não precisa ser bonito! (Aliás, a proposta é ser ágil. O foco é na
   experiência de uso)
PROTOTIPAÇÃO EM PAPEL




  Prototipação é uma disciplina de UX


• UX é a sigla que o mercado adota para User Experience.
   Mais detalhes em (http://uxmag.com/)


• Esse assunto será melhor elucidado em Prática Projetual.

• Portanto, não abordaremos questões ligadas à UX em
   profundidade, ok?
ALGUNS EXEMPLOS


Baixando as expectativas! :p
Aula 04 - Prototipação
Aula 04 - Prototipação
Aula 04 - Prototipação
Aula 04 - Prototipação
PROTOTIPAÇÃO EM PAPEL




Prototipação ajuda o design da interface


• Em alguns escritórios, Design de interface e UX são realizados por
   profissionais distintos.
Home
Lista de produtos
Página de conteúdo textual
Aula 04 - Prototipação
Home
Aula 04 - Prototipação
Lista de produtos
Aula 04 - Prototipação
Página de conteúdo textual
?
VALEU!




alandbh@gmail.com
Referências
• UX Magazine

• Apple Computer

• MEMÓRIA, Felipe. Design para Web




•alandbh@gmail.com

Mais conteúdo relacionado

PDF
Engenharia de Software - Unimep/Pronatec - Aula 7
PDF
Aula 02 rev_04_03_13_tmm_tl
PPT
Aula1 - Introdução à disciplina Design de Produto 2
PDF
Aula 03 meios_de_transportes_rev_19_05_13_tmm_tl
PDF
CONTRATO DE PROJETO DE DESIGN DE PRODUTO
PDF
Perguntas filme historia_das_maquinas_ferramentas_aula2
PDF
Aula 01 rev_11_08_13_tmm_tl
PDF
CONTRATO DE PROJETO DE DESIGN DE PRODUTO
Engenharia de Software - Unimep/Pronatec - Aula 7
Aula 02 rev_04_03_13_tmm_tl
Aula1 - Introdução à disciplina Design de Produto 2
Aula 03 meios_de_transportes_rev_19_05_13_tmm_tl
CONTRATO DE PROJETO DE DESIGN DE PRODUTO
Perguntas filme historia_das_maquinas_ferramentas_aula2
Aula 01 rev_11_08_13_tmm_tl
CONTRATO DE PROJETO DE DESIGN DE PRODUTO

Destaque (20)

PDF
Aula _Processos_Fabricação_I_02 rev_19_08_13
PPT
Aula 3 - Projeto de Produto
PPT
Aula3
PPT
Aula 7 - Projeto de Produto
PPT
Aula5
PPT
Aula6
PPT
Aula8
PPT
Aula7
PPT
Aula4 - Design de Produto 2
PPT
Aula1
PPT
Aula11 2011
PPT
Aula2
PPT
Aula9
PPT
Aula 10 - Projeto de Produto
PPT
Aula10 2011
PPT
Aula 9 - Projeto de Produto
PPT
Aula13
PPT
Aula 2 - Design de Dieter Rams
PPT
Aula3
PPT
Aula4
Aula _Processos_Fabricação_I_02 rev_19_08_13
Aula 3 - Projeto de Produto
Aula3
Aula 7 - Projeto de Produto
Aula5
Aula6
Aula8
Aula7
Aula4 - Design de Produto 2
Aula1
Aula11 2011
Aula2
Aula9
Aula 10 - Projeto de Produto
Aula10 2011
Aula 9 - Projeto de Produto
Aula13
Aula 2 - Design de Dieter Rams
Aula3
Aula4
Anúncio

Semelhante a Aula 04 - Prototipação (20)

PDF
Prototipação
PPTX
Prototipação de software
PPTX
Processo de Desenvolvimento de Software - Prototipação
PDF
Prototipagem em Papel - Oficina
PDF
Prototipagem Em Papel
PDF
Desenvolvimento de Software: Navegando em Águas Misteriosas
PDF
Aula8. Projeto de Interface com o usuário
PPT
Retorno do Investimento em Usabilidade
PPTX
Técnica de prototipação - Aula 2
PDF
O retorno do investimento no projeto adequado de interfaces de usuário
PPTX
C poli c definitivo
PDF
Conteudo informatica2013 sirlei
PDF
Aula 2 - Técnicas de Prototipação I
PDF
Aula 3. frameworks front end
PPTX
Como não ferrar com a user experience - Campus Party 2012
PDF
Introducao ihm
PPTX
ads pra os nigers.pptx
PDF
Aula 5 - Tecnicas de Prototipação I
PPT
Interação Humano Computador Capítulo 8 - Antecipação
PPT
Usabilidade Simples
Prototipação
Prototipação de software
Processo de Desenvolvimento de Software - Prototipação
Prototipagem em Papel - Oficina
Prototipagem Em Papel
Desenvolvimento de Software: Navegando em Águas Misteriosas
Aula8. Projeto de Interface com o usuário
Retorno do Investimento em Usabilidade
Técnica de prototipação - Aula 2
O retorno do investimento no projeto adequado de interfaces de usuário
C poli c definitivo
Conteudo informatica2013 sirlei
Aula 2 - Técnicas de Prototipação I
Aula 3. frameworks front end
Como não ferrar com a user experience - Campus Party 2012
Introducao ihm
ads pra os nigers.pptx
Aula 5 - Tecnicas de Prototipação I
Interação Humano Computador Capítulo 8 - Antecipação
Usabilidade Simples
Anúncio

Mais de Alan Vasconcelos (20)

PDF
Design Universal - Os 7 Principios
PDF
Design Universal e arquitetura hostil
PPTX
Cibercultura
PPTX
MPP-III - Aula 08 - Usabilidade
PPTX
Ergo2 aula-14 Avaliação Heurística
PDF
Mta1 aula-06 - Design Universal
PPTX
Mta1 aula-05 Avaliação Heurística
PPTX
Mta1 aula-04 Framework DECIDE
PPTX
MTA1 Aula-02. Acessibilidade
PDF
MTA1 Aula-01. Introdução
PPTX
Usabilidade Aula-06. Processos: User Stories
PPTX
Usabilidade Aula-05. Processos: heuristicas
PPTX
Usabilidade aula-04. Processos: Personas
PPTX
Usabilidade aula-03. Processos: Arquitetura de informação
PPTX
Usabilidade aula-02. Metas e princípios
PDF
Usabilidade aula-01 Introdução
PDF
Aula 10--revisao
PDF
Aula 07 - Web
PDF
Aula 06 - variabilidade
PDF
Aula 03 - elementos-basicos
Design Universal - Os 7 Principios
Design Universal e arquitetura hostil
Cibercultura
MPP-III - Aula 08 - Usabilidade
Ergo2 aula-14 Avaliação Heurística
Mta1 aula-06 - Design Universal
Mta1 aula-05 Avaliação Heurística
Mta1 aula-04 Framework DECIDE
MTA1 Aula-02. Acessibilidade
MTA1 Aula-01. Introdução
Usabilidade Aula-06. Processos: User Stories
Usabilidade Aula-05. Processos: heuristicas
Usabilidade aula-04. Processos: Personas
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-02. Metas e princípios
Usabilidade aula-01 Introdução
Aula 10--revisao
Aula 07 - Web
Aula 06 - variabilidade
Aula 03 - elementos-basicos

Último (15)

PPTX
Chamada oral geo.pptx_Chamada oral feita PPT
PPTX
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
PPTX
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
PPTX
introduobblica-121003071240-phpapp02.pptx
PDF
molde do jake de hora de aventura feito por IA
PDF
Inflamação Aguda.pdfassasasasasasasasssassa
PDF
Metodologia projetual na construção de Ilustrações
PPTX
Frontend : conceitos e aplicações- 01.pptx
PPTX
Plano cartesiano_ coordenadas no 1º quadrante.pptx
PPTX
Trabalho, Energia e Potncia. e seus diferentes
PDF
DOC-20250806-WA0031._20250806_140925_0000.pdf
PPTX
CUBISMO, o ensino de artes no ensino médio.pptx
PDF
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
PDF
-Esbocos-no-evangelho-de-lucas.pdfffffffff
PDF
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
Chamada oral geo.pptx_Chamada oral feita PPT
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
introduobblica-121003071240-phpapp02.pptx
molde do jake de hora de aventura feito por IA
Inflamação Aguda.pdfassasasasasasasasssassa
Metodologia projetual na construção de Ilustrações
Frontend : conceitos e aplicações- 01.pptx
Plano cartesiano_ coordenadas no 1º quadrante.pptx
Trabalho, Energia e Potncia. e seus diferentes
DOC-20250806-WA0031._20250806_140925_0000.pdf
CUBISMO, o ensino de artes no ensino médio.pptx
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
-Esbocos-no-evangelho-de-lucas.pdfffffffff
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf

Aula 04 - Prototipação

  • 1. MATERIAIS E PROCESSOS III ELEMENTOS BÁSICOS DO DESIGN DIGITAL Professor: Alan Vasconcelos
  • 3. PROTOTIPAÇÃO EM PAPEL Prototipação em papel = Prototipação rápida • É um método que permite delinear de forma ágil e barata, a interface de um sistema (web, app, game, etc...).
  • 4. PROTOTIPAÇÃO EM PAPEL Prototipação em papel = Prototipação rápida • É um método que permite delinear de forma ágil e barata, a interface de um sistema (web, app, game, etc...). • É bem barato! (gasta-se, basicamente, papel, lápis e tempo)
  • 5. PROTOTIPAÇÃO EM PAPEL Prototipação em papel = Prototipação rápida • É um método que permite delinear de forma ágil e barata, a interface de um sistema (web, app, game, etc...). • É bem barato! (gasta-se, basicamente, papel, lápis e tempo) • É mais legal! (envolve mais pessoas. Além de engajar a equipe, rabiscar é sempre bom!)
  • 6. PROTOTIPAÇÃO EM PAPEL Prototipação em papel = Prototipação rápida • É um método que permite delinear de forma ágil e barata, a interface de um sistema (web, app, game, etc...). • É bem barato! (gasta-se, basicamente, papel, lápis e tempo) • É mais legal! (envolve mais pessoas. Além de engajar a equipe, rabiscar é sempre bom!). • Não precisa ser bonito! (Aliás, a proposta é ser ágil. O foco é na experiência de uso)
  • 7. PROTOTIPAÇÃO EM PAPEL Prototipação é uma disciplina de UX • UX é a sigla que o mercado adota para User Experience. Mais detalhes em (http://uxmag.com/) • Esse assunto será melhor elucidado em Prática Projetual. • Portanto, não abordaremos questões ligadas à UX em profundidade, ok?
  • 8. ALGUNS EXEMPLOS Baixando as expectativas! :p
  • 13. PROTOTIPAÇÃO EM PAPEL Prototipação ajuda o design da interface • Em alguns escritórios, Design de interface e UX são realizados por profissionais distintos.
  • 14. Home
  • 18. Home
  • 23. ?
  • 25. Referências • UX Magazine • Apple Computer • MEMÓRIA, Felipe. Design para Web •alandbh@gmail.com