O documento apresenta diferentes tipos de protótipos de baixa, média e alta fidelidade e seus usos no desenvolvimento de ideias e produtos. Ele explica porque prototipar é importante e fornece exemplos de ferramentas digitais para criação de protótipos funcionais de websites e aplicativos móveis.

1. 1
Prototype for life
Conceito e produção de prototipagem de
baixa e média fidelidade
by Fernando Tomé

2. 2
FERNANDO TOMÉ
Comnaction
Inteligência Social &
Digital
https://Comnaction.com.br
AngelHack
https://angelhack.com
Veja essa apresentação em:
bit.ly/proto4life

3. 3
No início era uma ideia…

4. 4
4
Caminho básico:
Ideia
Lista
Plano ou Projeto
Estratégico e tático
Desenho
Protótipo

5. 5
Por que prototipar?

6. 6
6
TIPOS DE PROTÓTIPO:
Baixa fidelidade
Média fidelidade
Alta fidelidade

7. 7
Protótipo de
baixa fidelidade

8. 8
Eu no LinkedIn Eu no Instagram
Esta Foto de Autor Desconhecido está licenciado em CC BY

9. 9
Protótipo de
média fidelidade

10. 10
Protótipo de
alta fidelidade

11. 11
Webapp: Worpress + Toolset 11

12. 12
12

13. 13
13
Esta Foto de Autor Desconhecido está licenciado em CC BY-SA

14. 14
14
Caminho básico:
Desenho no papel
Prototipação digital
Prototipação física (hardware)
Prototipação de negócio

15. 15
OK, mas tem um
exemplo fera?!?

16. 16

17. 17
17

18. 18
18

19. 19https://www.strikingly.com/

20. 20https://fabricadeaplicativos.com.br/

21. 21https://proto.io/

22. 22https://marvelapp.com/

23. 23https://www.invisionapp.com/

24. 24https://invisionapp.com/

25. 25https://pluga.co/

26. 26https://zapier.com/

27. 27
27

28. 28https://stripe.com/

29. 29
29Links que apresentei:
Para organizar e modelar ideias e negócios:
Canvas digital (vários tipos):
https://canvanizer.com/
Para prototipar Web Sites funcionais:
Em Português: https://wix.com
https://www.strikingly.com
Para prototipar apps em celular, tablets, smartwatches, web:
https://proto.io
Para prototipar apps com foco em design de alta qualidade:
https://www.invisionapp.com

30. 30
30Links que apresentei:
Para prototipar apps mobile:
Em Português: https://fabricadeaplicativos.com.br/
https://marvelapp.com/
Conector de API’s:
Em Português: https://pluga.co/
https://zapier.com

31. 31
31Links que apresentei:
Protótipos digitais de alta fidelidade (Webapp)
https://wordpress.org/
https://toolset.com/
Plataforma de pagamentos online :
Em Português: https://wirecard.com.br/
https://www.paypal.com/br/webapps/mpp/home
Plataforma de pagamentos online com APIs
https://stripe.com/

32. 32
Obrigado!