27
Propósito (demonstrar, testar, explorar) Fidelidade (alta, baixa) Funcionalidade (funcional, semi-funcional) Etapa e Competência técnica Prototipação

Prototipação para Design de Interfaces

Embed Size (px)

Citation preview

Page 1: Prototipação para Design de Interfaces

• Propósito (demonstrar, testar, explorar)• Fidelidade (alta, baixa)• Funcionalidade (funcional, semi-funcional)• Etapa e Competência técnica

Prototipação

Page 2: Prototipação para Design de Interfaces

Sketchs ou Rabiscos

Page 3: Prototipação para Design de Interfaces
Page 4: Prototipação para Design de Interfaces

Sketches de Jonas Lowgren

Page 5: Prototipação para Design de Interfaces
Page 7: Prototipação para Design de Interfaces
Page 8: Prototipação para Design de Interfaces
Page 9: Prototipação para Design de Interfaces

Diverge Converge

especificaçõesdefinições

compreensãowireframe

exploraçãopossibilidadesambiguidade

sketch/rabisco

Page 10: Prototipação para Design de Interfaces

Cubezilla

Page 11: Prototipação para Design de Interfaces

Música por gestos

Page 12: Prototipação para Design de Interfaces

WireframeMomento de definição:

especificação

Page 13: Prototipação para Design de Interfaces
Page 14: Prototipação para Design de Interfaces
Page 15: Prototipação para Design de Interfaces
Page 16: Prototipação para Design de Interfaces
Page 17: Prototipação para Design de Interfaces

Ferramenta para edição de quadrinhos online: Pixton

StoryboardÉ um protótipo

de baixa fidelidade

Page 18: Prototipação para Design de Interfaces
Page 19: Prototipação para Design de Interfaces

Protótipos em baixa ou em

alta fidelidade

Protótipos

Page 20: Prototipação para Design de Interfaces

Protótipo em baixa fidelidade

Page 21: Prototipação para Design de Interfaces

Protótipo em papel

Page 22: Prototipação para Design de Interfaces

Protótipo que permite testar funcionalidades com usuários

Page 23: Prototipação para Design de Interfaces

Cardboard Mockup of a calendar application for school kids

Page 24: Prototipação para Design de Interfaces

Protótipo em alta fidelidade

Page 25: Prototipação para Design de Interfaces

Protótipo semi-funcional Ouvido Visual

Page 26: Prototipação para Design de Interfaces

Protótipo semi-funcional Reactables

Page 27: Prototipação para Design de Interfaces

Performance Reactables