O documento discute a importância da prototipagem de software, definindo-a como a criação de versões iniciais de sistemas para validar requisitos com usuários. Apresenta dois tipos de protótipos - de baixa e alta fidelidade - e explica como a prototipagem beneficia a comunicação entre times e reduz mudanças posteriores, além de ser útil em metodologias ágeis para aumentar produtividade.

1. Prototipagem de Software
para Devs
Marcos Marcolin, IXC.

2. Roteiro
● Definições;
● objetivos;
● modelos;
● benefícios &
● ferramentas/construção.

3. Definições
● “A prototipagem é a tangibilização de uma ideia, a passagem do abstrato para o físico ou virtual de
forma a representar a realidade mesmo que simplificada e propiciar validações.”
● “É a atividade de desenvolvimento de uma versão inicial do sistema baseada no atendimento dos requisitos
ainda pouco definidos, permitindo a descoberta de falhas difíceis de serem encontradas na comunicação
verbal.”
● “O protótipo é a forma mais rápida e econômica de se definir e experimentar um projeto.”

4. Objetivos
● O principal objetivo é validar requisitos dos usuários;
● refinar requisitos funcionais, técnicos e estéticos do usuário &
● mostrar um versão prévia do funcionamento do sistema sem que haja desenvolvimento.

5. Modelos
● Baixa fidelidade &
● Alta fidelidade.

6. Protótipo de baixa fidelidade
● Geralmente utilizados durante a concepção do sistema, definindo superficialmente sua interação
com o usuário, não se preocupando ainda com elementos de layout, cores, disposições, etc.

7. Protótipo de baixa fidelidade
● Possui baixo grau de detalhamento;
● apresenta visualmente a funcionalidade;
● não possui recursos de interação;
● não exibe necessariamente o mesmo design da versão final &
● podem ser realizados no papel.

8. Protótipo de alta fidelidade
● Assemelham-se mais do produto final. A aparência visual, as formas de navegação e interatividade
são concebidas e aplicadas neste modelo.

9. Protótipo de alta fidelidade
● Possibilita a interação do usuário, como se fosse o produto final;
● geralmente representa fielmente o produto final em termos de design e funcionalidade &
● é apresentado no formato final (software, app, etc.).

10. Benefícios
● Melhorar a comunicação entre os desenvolvedores e o usuário final;
● identificar de forma ágil os requisitos que não foram aplicados;
● analisar a experiência do usuário no software &
● reduzir as refações no desenvolvimento do projeto.

11. Baixa fidelidade x Alta fidelidade

12. Modelo de Processo de Software
● Prototipação de Pressmann.
● Evolucionária || descartável.

13. Prototipação em Metodologias Ágeis?

14. E o que isso tem a ver como o mundo ágil?
Lembra dos pilares do SCRUM?

15. E o que isso tem a ver como o mundo ágil?
Alguns benefícios:
● Aumento de produtividade;
● redução do desperdício;
● maior qualidade do produto &
● trabalho em equipe.

16. A colaboração é um dos pilares da cultura ágil!

17. E como isso funciona?
● “Durante o backlog grooming ou sprint planning, aproveito para reunir com o time para pensarmos,
coletivamente, como a funcionalidade deve ser. Ficamos todos em frente ao quadro branco
criando wireframes e pensando nos casos de uso que o projeto comporta (ex. E se o usuário fizer
isso? E se ele fizer aquilo, como a funcionalidade vai se comportar? Quando o usuário cadastrar algo
aqui, com qual módulo ele deve se comunicar?)”

18. E como isso funciona?
● “Após esse processo, tenho como resultado um esboço de protótipo de baixa fidelidade
desenhado no quadro branco. Então, a partir dele, crio um protótipo de alta fidelidade e procuro
validar com o usuário, aplicando um “teste de usabilidade” (de baixíssimo custo) criando cenários e
pedindo para o usuário realizar alguma ação referente a funcionalidade em si.”
● http://agile.pub/agile-ux/prototipacao-em-times-ageis/

19. Benefícios->offTopic();

20. Benefícios->offTopic();
http://www.juliomontex.com.br/2017/10/16/importancia-de-prototipar-informacao-para-desenvolver-projetos-inovadores/

21. Benefícios->offTopic();

22. Benefícios->offTopic();

23. Benefícios->offTopic();

24. Benefícios->offTopic();

25. Benefícios->offTopic();

26. Benefícios->offTopic();

27. Benefícios->offTopic();

28. Benefícios->offTopic();

29. Benefícios->offTopic();

30. Benefícios->offTopic();

31. Benefícios->offTopic();

32. Ferramentas

33. Fim
● somente depois da parte prática :(
● Questionamentos?