A Arte de Prototipar
-
Upload
appstartup -
Category
Technology
-
view
352 -
download
0
description
Transcript of A Arte de Prototipar
![Page 1: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/1.jpg)
A ARTE DEPROTOTIPAR
Criada por / e /
Douglas Hermann @DouglasHermannFelipe Plets @FelipePlets
![Page 2: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/2.jpg)
TALKS.APPSTARTUP.ME/PROTOTIPAR
![Page 3: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/3.jpg)
![Page 4: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/4.jpg)
![Page 5: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/5.jpg)
O QUE É UM PROTÓTIPO?
Representação total ou parcial de um sistema interativo;
Artefato tangível e não uma descrição abstrata;
Utilizado para visualizar e refletir sobre o sistema final.
![Page 6: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/6.jpg)
![Page 7: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/7.jpg)
![Page 8: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/8.jpg)
![Page 9: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/9.jpg)
![Page 10: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/10.jpg)
![Page 11: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/11.jpg)
PROTÓTIPOS, MOCKUPS EWIREFRAMES
![Page 12: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/12.jpg)
WIREFRAMES
![Page 13: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/13.jpg)
MOCKUPS
![Page 14: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/14.jpg)
PROTOTYPES
![Page 15: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/15.jpg)
POR QUE PROTOTIPAR?
![Page 16: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/16.jpg)
A ÚNICA MANEIRA DE DESCOBRIR OQUE AS PESSOAS REALMENTE
QUEREM É PRESTANDO ATENÇÃONELAS.
![Page 17: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/17.jpg)
"Prototypes let you create a caviar app on ahotdog budget, easily paying for themselves
in the end." - Carla White
![Page 18: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/18.jpg)
![Page 19: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/19.jpg)
DIMENSÕES DE UM PROTÓTIPO
![Page 20: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/20.jpg)
Ex.:
REPRESENTAÇÃO
Papel;
Digital.
![Page 21: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/21.jpg)
Ex.:
PRECISÃO
Baixa fidelidade;
Alta fidelidade.
![Page 22: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/22.jpg)
Ex.:
INTERATIVIDADE
Apenas observar;
Interações básicas;
Totalmente interativo.
![Page 23: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/23.jpg)
Ex.:
EVOLUÇÃO
Descartável;
Evolucionário;
Incremental.
![Page 24: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/24.jpg)
![Page 25: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/25.jpg)
COMECE PELO FLUXOGRAMA
![Page 26: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/26.jpg)
MANTENHA SIMPLES
![Page 27: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/27.jpg)
EXEMPLO DE FLUXOGRAMA
![Page 28: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/28.jpg)
![Page 29: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/29.jpg)
BAIXA FIDELIDADE
![Page 30: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/30.jpg)
ESBOÇO COM PAPEL E CANETA
![Page 31: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/31.jpg)
www.uistencils.com
ESTÊNCILS
![Page 32: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/32.jpg)
ALTA FIDELIDADE
![Page 33: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/33.jpg)
FERRAMENTAS
![Page 34: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/34.jpg)
BALSAMIQ
![Page 35: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/35.jpg)
FLUID UI
![Page 36: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/36.jpg)
PENCIL PROJECT
![Page 37: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/37.jpg)
PROTO.IO
![Page 38: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/38.jpg)
PROTÓTIPOS FUNCIONAIS
Seja consistente.
Use exemplos reais.
Certifique-se que os controles da tela possam ser tocados.
Não vá a fundo nos detalhes.
![Page 39: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/39.jpg)
![Page 40: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/40.jpg)
VALIDAÇÃO
![Page 41: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/41.jpg)
CRIATIVIDADE PARA VALIDAR
![Page 42: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/42.jpg)
CAPTURE FEEDBACK "ÚTIL"
Use mais os olhos e ouvidos do que a boca.
Não discuta sobre sua App com o usuário.
Os testes devem durar poucos minutos.
A cada "huh?" que você escutar, você tem algo paraarrumar.
![Page 43: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/43.jpg)
"GET IT?"
O que o usuário pensou sobre a app?
Por que ele pensou isso?
Entendeu o fluxo de navegação?
Entendeu o propósito dos controles?
![Page 44: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/44.jpg)
"FIVE-SECOND TEST"
Chamou a atenção do usuário?
O que chamou mais a atenção?
O que chamou menos a atenção?
Aonde ele tocou primeiro?
![Page 45: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/45.jpg)
![Page 46: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/46.jpg)
![Page 47: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/47.jpg)
![Page 48: A Arte de Prototipar](https://reader034.fdocument.pub/reader034/viewer/2022051112/55864294d8b42a962c8b4fe6/html5/thumbnails/48.jpg)
Saiba mais em
OBRIGADO!
APPSTARTUP.ME
Criada por / e /
Douglas Hermann @DouglasHermannFelipe Plets @FelipePlets