TDC2016POA | Trilha UX Design - Design antecipatório para projetos de "zero interfaces".
Prototipação para Design de Interfaces
-
Upload
rodrigo-freese-gonzatto -
Category
Technology
-
view
231 -
download
0
Transcript of Prototipação para Design de Interfaces
![Page 1: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/1.jpg)
• 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](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/2.jpg)
Sketchs ou Rabiscos
![Page 3: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/3.jpg)
![Page 4: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/4.jpg)
Sketches de Jonas Lowgren
![Page 5: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/5.jpg)
![Page 7: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/7.jpg)
![Page 8: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/8.jpg)
![Page 9: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/9.jpg)
Diverge Converge
especificaçõesdefinições
compreensãowireframe
exploraçãopossibilidadesambiguidade
sketch/rabisco
![Page 10: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/10.jpg)
Cubezilla
![Page 11: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/11.jpg)
Música por gestos
![Page 12: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/12.jpg)
WireframeMomento de definição:
especificação
![Page 13: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/13.jpg)
![Page 14: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/14.jpg)
![Page 15: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/15.jpg)
![Page 16: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/16.jpg)
![Page 17: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/17.jpg)
Ferramenta para edição de quadrinhos online: Pixton
StoryboardÉ um protótipo
de baixa fidelidade
![Page 18: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/18.jpg)
![Page 19: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/19.jpg)
Protótipos em baixa ou em
alta fidelidade
Protótipos
![Page 20: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/20.jpg)
Protótipo em baixa fidelidade
![Page 21: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/21.jpg)
Protótipo em papel
![Page 22: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/22.jpg)
Protótipo que permite testar funcionalidades com usuários
![Page 23: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/23.jpg)
Cardboard Mockup of a calendar application for school kids
![Page 24: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/24.jpg)
Protótipo em alta fidelidade
![Page 25: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/25.jpg)
Protótipo semi-funcional Ouvido Visual
![Page 26: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/26.jpg)
Protótipo semi-funcional Reactables
![Page 27: Prototipação para Design de Interfaces](https://reader031.fdocument.pub/reader031/viewer/2022030301/587eb14f1a28abbb688b522b/html5/thumbnails/27.jpg)
Performance Reactables