O documento aborda a prototipação de software como meio de facilitar a concepção de requisitos durante o desenvolvimento de sistemas, apresentando definições e classificações de protótipos em baixa, média e alta fidelidade. Além disso, descreve o processo de prototipação dividido em quatro fases e diferentes abordagens, como prototipação evolucionária, incremental e descartável, bem como os benefícios da prototipação para a melhoria do projeto e a aproximação às necessidades dos usuários.

1. Prototipação de Software
Facilitação de requisitos através da
prototipagem
Marcio Costa

2. Definição de Protótipo
É um produto de trabalho da fase de testes e/ou
planejamento de um projeto, utilizado para uma
melhor conceituação de uma necessidade.
Assim, podemos nos referir a um protótipo
automobilístico, naval, móveis, entre outros.

3. Na Engenharia de Software, o que
seria um protótipo?
• Uma representação visual do produto que está sendo
desenvolvido.
• Geralmente construído com os mesmos materiais do
produto final e na sua maioria, traz os mecanismos
necessários para o fazer funcionar.
• A ideia que envolve a prototipação está voltada para o
tempo e o custo de desenvolver algo que possa ser
testado pelos usuários.

4. Perda de tempo, ou investimento num
produto final?
“As maiores melhorias na interface de um produto
são obtidas através da recolha de dados de
usabilidade nas fases inicias de seu
desenvolvimento.”
Jakob Nielsen, 2013

5. Classificação de protótipos
Segundo Nielsen, podemos classificar em:
• Horizontal: Exibe a interface do usuário sem ter o foco
nas funcionalidades por trás dos botões, demonstrando
superficialmente toda a interface. Este tipo de protótipo
permite testar a interface como um todo.
• Vertical: Tem seu foco nas funcionalidades do sistema.
Possui poucas tarefas, mas funcionalmente
aprofundadas. Este tipo de protótipo permite testar uma
pequena parte do sistema.

6. Protótipo Horizontal

7. Protótipo Vertical

8. Classificações de Protótipos
Podemos classificar os protótipos em três:
• Baixa Fidelidade
• Média Fidelidade
• Alta Fidelidade

9. Classificação de Protótipo – Baixa
Fidelidade
Os protótipos de baixa fidelidade, também chamados de rascunhos
ou sketches, são concebidos ainda na fase inicial, durante a
concepção do sistema. Desenhados geralmente à mão utilizando
lápis, borracha e papel, essas representações são feitas de maneira
rápida e superficial, apenas margeando a ideia do projeto e
definindo superficialmente sua interação com o usuário, não se
preocupando ainda com elementos de layout, cores, disposições, etc.

10. Classificação de Protótipo – Média
Fidelidade
• Conhecidos também por wireframes, esse protótipos são
desenvolvidos na fase da arquitetura da informação.
• Utilizando lápis e papel ou softwares de prototipação, como o
Balsamiq ou Axure, esses documentos apresentam a estrutura
e o conteúdo da interface, definindo peso, relevância e relação
dos elementos, formando layout básico do projeto.

11. Classificação de Protótipo – Alta
Fidelidade
• Protótipos mais reais possíveis, como se fossem o produtod final
• Sua realidade também é presente na visibilidade do protótipo, ou
seja, as interatividades e navegações já são concebidas
• Realizado na fase final da definição da interface
• Utilizam programas de design gráfico, como Photoshop, Fireworks
• Codificação do mesmo pode ser em editores como Sublime Text,
Dreamweaver com HTML + CSS + JQuery

12. Classificação de Protótipo – Alta
Fidelidade

13. Plano de processo de prototipação
O processo de prototipação consiste em quatro fases:

14. 1 - Definição dos objetivos do protótipo: É feito um
estudo das regras de negócio do sistema que deverá ser
criado. O objetivo é verificar a viabilidade da
prototipação, o material a ser utilizado.
2 - Definição das funcionalidades do protótipo:
Este é o momento em que são combinadas e registradas
quais são as funcionalidades mais desejadas e mais
importantes que devem estar presentes.
1ª e 2ª fase do processo

15. 3ª e 4ª do processo
3 - Desenvolvimento do protótipo: Nesta fase é
construído o protótipo de acordo com as especificações
geradas nas fases anteriores.
4 - Entrega e avaliação do protótipo: O final de uma
iteração no desenvolvimento de um protótipo é a entrega
do mesmo, podendo este ser demonstrado aos usuários,
extraindo a opinião dos mesmos a respeito do protótipo,
verificando assim, as possibilidades de modificações e
novas idéias sobre o objeto final a ser entregue.

16. Prototipação na Engenharia de
Software
É importante ressaltar três modelagens de
protótipos na Engenharia de Software:
• Prototipação Evolucionária
• Prototipação Incremental
• Prototipação Descartável

17. Prototipação Evolucionária
Inicia um sistema relativamente simples, implantando
os requisitos mais importantes e o sistema é ampliado e
alterado a medida que novos requisitos são descobertos.

18. Prototipação Evolucionária
Vantagens:
• Prototipação Evolucionária;
• Compromisso do usuário com o sistema;
Desvantagens:
• Problemas de gerenciamento (Custos, Documentação);
• Problemas de manutenção (mudanças de tecnologias);

19. Prototipação Incremental
Os componentes do sistema são desenvolvidos de
maneira incremental. Uma vez validado e entregues não
são modificados, exceto se for descoberto erros.

20. Prototipação Incremental
Vantagens:
• Fácil gerenciamento dos padrões de processos;
• Documentação produzida por estágios.
Desvantagens:
• Gerenciamento do custo é mais complexo devido ao
número de iterações (verba pode acabar).
• O fim do processo não pode ser previamente definido.

21. Prototipação Descartável
Essa abordagem amplia o processo de análise dos requisitos,
com intenção de reduzir os custos no ciclo de vida do
software, ou seja, esclarece os requisitos e fornece
informações para que os riscos de processos sejam avaliados.
Então, ela ajuda a desenvolver os requisitos do sistema.

22. Tipos de Prototipação
Prototipação em Papel
Utiliza meios físicos como papéis, cartolina e papelão para a
criação de objetos que irão demonstrar como será o objeto
final desejado.

23. Tipos de Prototipação
Wireframe
É o documento que apresenta a estrutura e o conteúdo da
interface, indicando o peso e relevância de cada elemento do
layout e sua relação com os demais elementos formadores do
todo.

24. Tipos de Prototipação
Mock-up
O mock-up é uma peça do tamanho real ou exagerado do produto.
Apresenta o fluxo de uma interação com a interface, e, além disto,
possui elementos como botões e menus entre outros objetos
possibilitando ao usuário interagir com a interface.

25. Softwares para auxílio na construção
do protótipo
Ferramentas de prototipação são utilizadas durante
os primeiros estágios de design quando avaliações
tendem a ser feitas para prever a possibilidade de
utilização do produto ou uma parte do produto.
Uma ferramenta de prototipação precisa ser fácil de
usar, devendo possibilitar rapidez na construção de um
protótipo.
A seguir, exemplos de softwares disponíveis no
mercado.

26. Serena Prototype Composer
Possibilita a criação de um projeto de interface bastante
completo, contendo documentação e regras de interface, e
possui diversos elementos de tela para serem usados na
prototipação.

27. Lumzy
Um serviço online para a construção de protótipos interativos,
ou seja, o esqueleto do seu site, que passará a ideia principal e
guiará o restante do trabalho. Usá-lo é muito simples, basta
clicar e arrastar para ter a função inserida no projeto.

28. Blender
É uma ferramenta que permite a criação de vastos conteúdos de 3D.
Oferece funcionalidades completas para modelagem, renderização,
animação, pós-produção, criação e visualização de conteúdo 3D
interativo.

29. Benefícios da Prototipação
• Equívocos entre os usuários de software e
desenvolvedores são expostos.
• Serviços esquecidos podem ser detectados e serviços
confusos podem ser identificados.
• Um sistema funcionando está disponível nos primeiros
estágios no processo de desenvolvimento.
• O protótipo pode ser usado para treinamento do usuário
e teste de sistema.

30. Benefícios da Prototipação
• Maior aproximação do sistema com as necessidades dos
usuários.
• Melhoria da qualidade do projeto.
• Melhoria na facilidade de manutenção.
• Redução no esforço de desenvolvimento

31. Referências
• TiagoNasc, A importância dos protótipos no desenvolvimento de sistemas. Disponível
http://thiagonasc.com/desenvolvimento-web/a-importancia-dos-prototipos-no-
desenvolvimento-de-sistemas. Acesso em 21 de março de 2015;
• Wikipedia, Prototype. Disponível http://pt.wikipedia.org/wiki/Prototype. Acesso em 21 de março
de 2015;
• Blog do Dilo. Engenharia de Software – Prototipação. Disponível
http://diloneigrando.blogspot.com.br/2010/08/engenharia-de-software-prototipacao.html.
Acesso em 21 de março de 2015;
• TechTudo. Lumzy. Disponível http://www.techtudo.com.br/tudo-sobre/lumzy.html. Acesso em
21 de março de 2015;
• Dextra. Prototipação e sua importância no desenvolvimento de software. Disponível
http://www.dextra.com.br/prototipacao-e-sua-importancia-no-desenvolvimento-de-software/.
Acesso em 21 de março de 2015;