Prototipagem: Identificando Problemas e Oportunidades

Prévia do material em texto

O objetivo de um protótipo é criar uma representação semi realística de algo para que seja possível interagir e testar com usuários reais. A sua principal função é identificar problemas e oportunidades de melhorias muito antes de começar os refinamentos e a implementação. Por ser um método ágil e eficiente, a criação de protótipos vai ajudar você a ter mais assertividade e menos refação, economizando tempo e dinheiro e deixando os usuários mais satisfeitos.
É essencial que um protótipo seja desenvolvido com base em pesquisas, e depois validado para responder se funciona conforme foi especificado. Por exemplo, se você está projetando um aplicativo de despertador, o mínimo que se espera é que ele desperte no horário correto, certo?
BALSAMIQ
O Balsamiq é uma ferramenta instalável, simples e fácil de usar que serve principalmente para criar wireframes.
	Desenvolvedores de sistemas constantemente enfrentam o problema de divergência com o cliente na concepção de um determinado projeto. Para resolvê-lo, os profissionais criam protótipos que mostram como o sistema está sendo desenhado. No entanto, a medida não elimina todos os contratempos. Se o rascunho é feito em papel e caneta, passa a ideia de amadorismo. Se é feito de forma muito sofisticada, pode gerar a ilusão de que o programa está praticamente pronto. Para resolver este impasse, foi criado o Balsamiq Mockups.
A proposta do Balsamiq é reproduzir a experiência de rascunhar ideias em papel, porém com as vantagens de mídias digitais ao processo de criação. Por exemplo, basta arrastar a tela para aumentar contêineres e reordenar elementos. Como resultado, a ferramenta melhora a apresentação de produtos em seu estágio inicial com mais dinamismo para compartilhamento, modificações e feedback.
O programa oferece um meio termo entre os rascunhos de baixa e de alta fidelidade. Para fazer isso, ele gera protótipos com aparência de desenho manual por meio de uma tela com layout extremamente simples. Como o uso é virtual, no entanto, a elaboração da maquete é muito mais rápida e funcional, economia de tempo fundamental para o desenvolvedor dedicar-se ao projeto em si.
Com ele você pode criar botões, caixas de seleção, simular os estados dos componentes, redimensionar, enfim, montar todo o projeto da maneira que desejar. Este é um software que visa aprimorar a criação de mockups, ou seja, o estágio inicial de desenvolvimento de produtos, aplicativos, páginas, etc.  O software é desenvolvido com a tecnologia Adobe AIR, portanto roda nas plataformas Windows, Mac e Linux.
A interface do Balsamiq pode até mesmo parecer precária, afinal, a maior parte da tela é ocupada wireframe em branco. A proposta é justamente essa, e as ferramentas tornam-se visíveis apenas quando o usuário necessita delas. Ao digitar certas palavras em um campo de texto, o software as completa automaticamente. Da mesma maneira, o programa interpreta atalhos como "[x]" para criação de checkboxes e "(o)" para botões de rádio
Para localizar o que se precisa com ainda mais praticidade, há o recurso “Quick Add”, uma discreta barra de texto onde o usuário digita alguns poucos caracteres e o Balsamiq mostra os resultados em tempo real. O programa também suporta vários atalhos de teclado. O mockup pode ser salvo nos formatos PDF, PNG ou XML. Balsamiq também permite a integração entre dois mockups distintos, o que facilita na criação de protótipos para páginas da internet ou aplicativos.
Desenvolvimento
	Pretende-se desenvolver neste artigo um simples protótipo web com tela de Login, uma tela que lista os clientes cadastrados e uma outra tela que apresenta um gráfico de faturamento por vendas do mês, com o intuito de apresentar a utilização da ferramenta. Com a ferramenta Balsamiq aberta adiciona-se o componente Browser Window na view da ferramenta Balsamiq.