Prototipação de SoftwareFacilitação de requisitos através daprototipagem

Marcio Costa

Definição de Protótipo

É um produto de trabalho da fase de testes e/ouplanejamento de um projeto, utilizado para umamelhor conceituação de uma necessidade.Assim, podemos nos referir a um protótipoautomobilístico, naval, móveis, entre outros.

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.

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

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.

Protótipo Horizontal

Protótipo Vertical

Classificações de Protótipos

Podemos classificar os protótipos em três:

• Baixa Fidelidade

• Média Fidelidade

• Alta Fidelidade

Classificação de Protótipo – Baixa

Fidelidade

Os protótipos de baixa fidelidade, também chamados de rascunhosou sketches, são concebidos ainda na fase inicial, durante aconcepção do sistema. Desenhados geralmente à mão utilizandolápis, borracha e papel, essas representações são feitas de maneirarápida e superficial, apenas margeando a ideia do projeto edefinindo superficialmente sua interação com o usuário, não sepreocupando ainda com elementos de layout, cores, disposições, etc.

Classificação de Protótipo – Média

Fidelidade

• Conhecidos também por wireframes, esse protótipos sãodesenvolvidos na fase da arquitetura da informação.

• Utilizando lápis e papel ou softwares de prototipação, como oBalsamiq ou Axure, esses documentos apresentam a estruturae o conteúdo da interface, definindo peso, relevância e relaçãodos elementos, formando layout básico do projeto.

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, ouseja, 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

Classificação de Protótipo – Alta

Fidelidade

Plano de processo de prototipação

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

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

3ª e 4ª do processo

3 - Desenvolvimento do protótipo: Nesta fase éconstruído o protótipo de acordo com as especificaçõesgeradas nas fases anteriores.

4 - Entrega e avaliação do protótipo: O final de umaiteração no desenvolvimento de um protótipo é a entregado 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 enovas idéias sobre o objeto final a ser entregue.

Prototipação na Engenharia de

Software

É importante ressaltar três modelagens deprotótipos na Engenharia de Software:

• Prototipação Evolucionária

• Prototipação Incremental

• Prototipação Descartável

Prototipação Evolucionária

Inicia um sistema relativamente simples, implantandoos requisitos mais importantes e o sistema é ampliado ealterado a medida que novos requisitos são descobertos.

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);

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.

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.

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 dosoftware, ou seja, esclarece os requisitos e forneceinformações para que os riscos de processos sejam avaliados.Então, ela ajuda a desenvolver os requisitos do sistema.

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 objetofinal desejado.

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 dolayout e sua relação com os demais elementos formadores dotodo.

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 objetospossibilitando ao usuário interagir com a interface.

Softwares para auxílio na construção

do protótipo

Ferramentas de prototipação são utilizadas duranteos primeiros estágios de design quando avaliaçõestendem a ser feitas para prever a possibilidade deutilização do produto ou uma parte do produto.

Uma ferramenta de prototipação precisa ser fácil deusar, devendo possibilitar rapidez na construção de umprotótipo.

A seguir, exemplos de softwares disponíveis nomercado.

Serena Prototype Composer

Possibilita a criação de um projeto de interface bastante

completo, contendo documentação e regras de interface, epossui diversos elementos de tela para serem usados naprototipação.

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 eguiará o restante do trabalho. Usá-lo é muito simples, bastaclicar e arrastar para ter a função inserida no projeto.

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.

Benefícios da Prototipação

• Equívocos entre os usuários de software edesenvolvedores são expostos.

• Serviços esquecidos podem ser detectados e serviçosconfusos podem ser identificados.

• Um sistema funcionando está disponível nos primeirosestágios no processo de desenvolvimento.

• O protótipo pode ser usado para treinamento do usuárioe teste de sistema.

Benefícios da Prototipação

• Maior aproximação do sistema com as necessidades dosusuários.

• Melhoria da qualidade do projeto.

• Melhoria na facilidade de manutenção.

• Redução no esforço de desenvolvimento

Referências

• TiagoNasc, A importância dos protótipos no desenvolvimento de sistemas. Disponívelhttp://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çode 2015;

• Blog do Dilo. Engenharia de Software – Prototipação. Disponívelhttp://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 em21 de março de 2015;

• Dextra. Prototipação e sua importância no desenvolvimento de software. Disponívelhttp://www.dextra.com.br/prototipacao-e-sua-importancia-no-desenvolvimento-de-software/.Acesso em 21 de março de 2015;