Na fase de desenvolvimento do produto, é comum o empreendedor perder-se nos diversos conceitos. Uma vez que existem vários tipos de protótipo, este deve compreender as suas caraterísticas e em que consistem. Desde um rascunho num pedaço de papel até uma representação mais detalhada do produto a desenvolver, as opções são imensas.

Assim, deve-se considerar o objetivo, o nível de design e os recursos que tem disponíveis como critérios de escolha do tipo de protótipo a desenvolver. Para isso, numa fase inicial é necessário entender o conceito de fidelidade.

 

 

Fidelidade refere-se ao nível de detalhe e funcionalidade incluído num protótipo, podendo variar em relação ao visual, conteúdo, interatividade e outras áreas mais. Com isto, um protótipo pode variar entre dois níveis:

Protótipo de baixa fidelidade

É uma versão não muito realista do produto final. Aqui a prioridade está na verificação e teste das funcionalidades em detrimento da aparência visual deste. As caraterísticas deste tipo de protótipo focam-se nos seguintes critérios:·

• Visual: apenas alguns atributos visuais são apresentados, tais como as formas dos elementos, hierarquia visual básica, entre outros;
• Conteúdo: apenas os principais elementos do conteúdo estão incluídos;
• Interatividade: é tudo estático, sendo necessário que uma pessoa manipule as diferentes páginas. Durante um teste, é comum uma pessoa familiarizada com este design atue como um computador e faça as alterações necessárias manualmente de forma a transmitir a intenção.

As principais vantagens de elaboração e utilização destes tipos de protótipo são o facto de serem baratos e rápidos. Além disso, contribui para um trabalho em equipa fazendo passar a mesma perspetiva do projeto. Por outro lado, a principal desvantagem é a interatividade muito limitada e consequentemente, requer um grau elevado de imaginação por parte dos intervenientes. As técnicas mais populares de prototipagem de baixa fidelidade são os desenvolvidos em papel e os wireframes.

Protótipo de alta fidelidade

É uma versão mais realista acerca do produto final com a maioria de componentes integrados. São altamente funcionais e interativos, podendo levar a que muitos utilizadores ou outro tipo de partes interessadas, pensem que é de facto, o produto final. As caraterísticas deste tipo de protótipo focam-se nos seguintes critérios:

• Visual: design realista e detalhado de todos os elementos e funcionalidades;
• Conteúdo: maioria ou todo o conteúdo que aparecerá no design final está incluído no protótipo;
• Interatividade: altamente realista nas interações entre as páginas sendo que clicando nas secções certas a transição de páginas é feita naturalmente.

As principais vantagens de elaboração e utilização destes tipos de protótipo são a facilidade de demonstração da ideia para as partes interessadas (clientes, investidores, entre outros) e possibilidade de teste de usabilidade a fim de determinar se os clientes têm um fluxo de navegação natural ou não. Por outro lado, a principal desvantagem é envolver custos mais altos, quer de tempo quer monetário, para a criação de um protótipo de alta fidelidade. A técnica mais popular de prototipagem de baixa fidelidade é mockups.

Baseado na fidelidade e nas suas variações de interatividade, o empreendedor pode escolher a técnica a adotar para elaborar o seu protótipo.

 

 

Esboço manual

O protótipo em papel é uma excelente maneira de começar a visualizar as ideias. Assim, esboça-se as primeiras abordagens acerca do produto sem ter de recorrer a uma ferramenta digital. Esta é a técnica mais simples que existe e consiste no desenho à mão de diferentes telas que representam as interfaces de usuário do produto.

É bastante útil principalmente nas fases iniciais do projeto pois toda a equipa de trabalho pode contribuir pois não é necessário ter nenhuma habilidade específica. Além disso, permite detetar possíveis problemas precocemente sendo mais fácil fazer as alterações e ajustes necessários nesta fase. Este também pode ser útil como documentação, servindo de referência para iterações futuras.

Também é preciso notar que estes protótipos não são adequados para operações ou funções visualmente mais complexas ou altamente interativas uma vez que é tudo feito estaticamente.

Wireframe

Um wireframe é uma representação visual da arquitetura de como o objeto (interface, página web, modelo, entre outros) final será de acordo com as especificações definidas. Da forma mais simples possível, os elementos do projeto são organizados através de formas geométricas e linhas sem qualquer tipo de cor ou imagem, mostrando assim apenas o essencial.

Este esboço pode ser estático, feito manualmente, ou interativo, utilizando um software criando assim um protótipo mais próximo da realidade, com algumas interações e animações mas ainda sem qualquer tipo de cor, identidade visual ou conteúdo.

Assim, a principal vantagem da utilização desta técnica é a facilidade de alteração dos layouts produzidos. Por isso, auxilia a equipa de desenvolvimento a elaborar o projeto de forma mais rápida, padronizada e eficiente.

Click Dummy

Um Click Dummy é um protótipo parcialmente interativo do projeto a desenvolver onde certas caraterísticas relevantes do produto final já são incluídas. Aqui, para testar os principais fluxos de navegação e os cenários antes da sua verdadeira implementação, simula-se estas interações e processos através de cliques fictícios.

O Click Dummy representa uma sequência de interações baseado num fluxo de tela lógica onde foca-se na criação e teste do fluxo rudimentar do projeto. A pessoa que testa estes tipos de protótipo opera como se realmente estivesse a usar o produto ou serviço final, obtendo assim uma primeira impressão do possível resultado final.

A principal vantagem desta técnica é a possibilidade desta ser aplicada especialmente para validar as interações com os utilizadores ou partes interessadas uma vez que transmitem uma boa compreensão da realidade. Desta forma, o produto ou serviço real pode ser ajustado de acordo com as necessidades reais dos utilizadores.

Mockup

É definido como um modelo ou representação em tamanho real ou em escala de um projeto. Fornece um nível mais alto de fidelidade do que as restantes técnicas apresentadas neste document, com detalhes sobre o design visual, tais como cores, imagens, tipografia, tamanho, sendo este muito próximo ao produto final.

Um mockup é a forma mais comum de prototipagem de alta fidelidade e existem vários softwares especializados que permitem a criação de protótipos cheiros de efeitos interativos e animações complexas. Esta técnica aparece no final da fase de baixa fidelidade e no início da fase de alta fidelidade, o que significa que esta pode ser desenvolvida numa versão estática contudo mais sofisticada do que as restantes técnicas ou numa versão totalmente interativa.

As principais vantagens em utilizer esta técnica são a facilidade de visualização para as partes interessadas (utilizadores, investidores), transmite uma perspectiva realista acerca do produto/serviço final ajudando a identificar problemas que possam passar ao lado em protótipos desenvolvidos em papel por exemplo, e a facilidade em fazer alterações ou revisões nesta fase do que numa fase posterior.

 

[smartslider3 slider=8]