Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade

Levantamento de requisitos deficiente é um dos principais motivos dos problemas que ocorrem durante o desenvolvimento de um sistema. O cliente descreve como ele quer que o sistema seja feito, os requisitos principais, e “desenha” mentalmente uma imagem do que ele espera que seja o sistema. Só que quando o desenvolvedor recebe essa informação, ele também imagina como deve ser o sistema. Só que a visão que ele tem geralmente é bem diferente do que o cliente está imaginando. É a partir daí que surgirão argumentos como “está faltando um detalhe aqui”, “essa tela poderia funcionar de tal forma”, entre outros argumentos bem conhecidos pelos desenvolvedores.

Para tentar amenizar este problema, existem os protótipos, que são “rascunhos” das telas do sistema. Existem várias técnicas para elaboração desses protótipos, que vão desde o uso de ferramentas como PowerPoint até trabalhos manuais usando cartolina, papel, tesoura, giz de cera (agora eu esqueci o nome dessa técnica). Esses protótipos são classificados como “protótipos de baixa fidelidade” – simulando a interface do sistema com recursos que não serão utilizados para o desenvolvimento do mesmo, como o PICTIVE (lembrei o nome!) – ou “protótipos de alta fidelidade” – um exemplo seria a montagem das telas usando o Flex.

A prototipação não pode ser algo demorado. Tem que ser algo ágil e direto, com um único propósito: entrar em consenso com o cliente acerca dos detalhes da interface do sistema, e consequentemente suas funcionalidades.

Mas há que se ter cuidado com a validação desses protótipos: se você usar papel e caneta para validar com o cliente o que ele quer, você perde flexibilidade para documentar essa validação, além de correr o risco de passar uma imagem ruim sobre suas metodologias para o cliente. Em contrapartida, se você apresenta protótipos de alta fidelidade, o cliente vai ter em mente que o projeto “já está quase pronto”, o que vai aumentar a pressão pela redução de prazo e preço. Isso sem contar que os protótipos de alta fidelidade demoram mais para serem feitos e modificados.

Uma boa alternativa que tenho utilizado é o Balsamiq Mockups. Uma ferramenta feita em Flex para criar mockups utilizando componentes predefinidos. Visualmente, seu protótipo vai parecer que foi feito à mão. E tem a vantagem de que você pode arrastar os componentes pela tela, redimensionando, simulando os estados dos componentes e montando suas telas como bem entender. Enfim, você acaba aproveitando as melhores características dos dois tipos de protótipos.

O programa custa 79 dólares, mas vale muito mais que isso. Ele é ágil e eficiente. Você pode ver uma demonstração online, que funciona com todos os recursos, mas não poderá salvar seu trabalho, apenas exportá-lo para PNG.

Veja abaixo alguns mockups criados com o Balsamiq e veja aqui um vídeo mostrando como é fácil criar um protótipo de baixa fidelidade.

exemplo_mockup_011exemplo_mockup_02exemplo_mockup_03


Poderia avaliar este artigo, por favor?

1 Estrela2 Estrelas3 Estrelas4 Estrelas5 Estrelas
Loading ... Loading ...

Posts relacionados

  • http://iplotz.com/ mark vernon

    try iplotz.com as well, for wireframing and mockups, with both online and desktop versions

    • http://www.elvis.eti.br/ Elvis Fernandes

      Hi, Mark!

      Thank you for your advice. I just tried iPlotz and liked it very much. Unfortunatelly their licencing is time based, what I don’t like :(

      Thanks for your comment.

  • http://iplotz.com mark vernon

    try iplotz.com as well, for wireframing and mockups, with both online and desktop versions

    • http://www.elvis.eti.br Elvis Fernandes

      Hi, Mark!

      Thank you for your advice. I just tried iPlotz and liked it very much. Unfortunatelly their licencing is time based, what I don’t like :(

      Thanks for your comment.

  • Pingback: Prototipagem: Balsamiq Mockups + Napkee « Edgard Davidson

  • Pingback: Prototipagem: Balsamiq Mockups + Napkee - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

  • Eduardo

    Elvis, muito obrigado pelo artigo. Eu sou desenvolvedor e já perdi muito tempo e esforço por criar o o sistema muito antes de ter um mockup. Hoje procuro motivar outros a seguirem os passos certos. Eu conheço o sistema da Balsamiq e é o melhor de todos para mim. Gostaria de sabre se vc tem outras referências para que eu possa estudar mais as vantagens de termos esses protótipos feitos antes de se pôr a mão na massa efetivamente.

    Valeu.

  • Eduardo

    Elvis, muito obrigado pelo artigo. Eu sou desenvolvedor e já perdi muito tempo e esforço por criar o o sistema muito antes de ter um mockup. Hoje procuro motivar outros a seguirem os passos certos. Eu conheço o sistema da Balsamiq e é o melhor de todos para mim. Gostaria de sabre se vc tem outras referências para que eu possa estudar mais as vantagens de termos esses protótipos feitos antes de se pôr a mão na massa efetivamente.

    Valeu.