• Propósito (demonstrar, testar, explorar)
• Fidelidade (alta, baixa)
• Funcionalidade (funcional, semi-funcional)
• Etapa...
Sketchs ou
Rabiscos
Sketches de Jonas Lowgren
VariáveisVisuais
Diverge Converge
especificações
definições
compreensão
wireframe
exploração
possibilidades
ambiguidade
sketch/rabisco
Cubezilla
Música por gestos
Wireframe Momento de definição:
especificação
Ferramenta para edição 

de quadrinhos online: Pixton
Storyboard
É um protótipo
de baixa fidelidade
Protótipos em baixa

ou em 

alta fidelidade
Protótipos
Protótipo em baixa
fidelidade
Protótipo em papel
Protótipo que permite testar
funcionalidades com usuários
Cardboard Mockup of a calendar application for school kids
Protótipo em alta
fidelidade
Protótipo
semi-funcionalOuvido Visual
Protótipo
semi-funcionalReactables
PerformanceReactables
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Prototipação para Design de Interfaces
Próximos SlideShares
Carregando em…5
×

Prototipação para Design de Interfaces

259 visualizações

Publicada em

Slides sobre vários aspectos da prototipação de artefatos e dispositivos digitais, em IHC e Design de Interação, mas especialmente para interfaces digitais.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
259
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
8
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Prototipação para Design de Interfaces

  1. 1. • Propósito (demonstrar, testar, explorar) • Fidelidade (alta, baixa) • Funcionalidade (funcional, semi-funcional) • Etapa e Competência técnica Prototipação
  2. 2. Sketchs ou Rabiscos
  3. 3. Sketches de Jonas Lowgren
  4. 4. VariáveisVisuais
  5. 5. Diverge Converge especificações definições compreensão wireframe exploração possibilidades ambiguidade sketch/rabisco
  6. 6. Cubezilla
  7. 7. Música por gestos
  8. 8. Wireframe Momento de definição: especificação
  9. 9. Ferramenta para edição 
 de quadrinhos online: Pixton Storyboard É um protótipo de baixa fidelidade
  10. 10. Protótipos em baixa
 ou em 
 alta fidelidade Protótipos
  11. 11. Protótipo em baixa fidelidade
  12. 12. Protótipo em papel
  13. 13. Protótipo que permite testar funcionalidades com usuários
  14. 14. Cardboard Mockup of a calendar application for school kids
  15. 15. Protótipo em alta fidelidade
  16. 16. Protótipo semi-funcionalOuvido Visual
  17. 17. Protótipo semi-funcionalReactables
  18. 18. PerformanceReactables

×