![\"Modelo](\"https:\/\/issomesmo.com\/wp-content\/uploads\/2009\/10\/200910042202.jpg\")
<\/p>\n<\/p>\n
Todo mundo que trabalha com desenvolvimento conhece a import\u00e2ncia do uso de wireframes, seja para aprova\u00e7\u00e3o do cliente ou para testes de usabilidade. Ele \u00e9 literalmente um esqueleto do seu projeto e a id\u00e9ia \u00e9 que criar um destes d\u00e1 menos trabalho do que criar uma “vers\u00e3o final” para cada um dos prot\u00f3tipos.<\/p>\n
Quem desenha bem ou tem agilidade no mouse, n\u00e3o v\u00ea problemas em cri\u00e1-los diretamente no Photoshop ou outro programa gr\u00e1fico qualquer, o problema come\u00e7a se voc\u00ea n\u00e3o tem tais habilidades. Um tempo atr\u00e1s o Rodrigo Bressane<\/a> citou no twitter<\/a> um programa para facilitar a vida de quem precisa criar muitos destes: Balsamiq Mockups<\/a>. Sendo membro da categoria de pessoas que n\u00e3o tem a menor destreza com o mouse, resolvi test\u00e1-lo.<\/p>\n O Balsamiq Mockups utiliza a plataforma Adobe Air, ou seja, roda em qualquer plataforma (Windows, Linux, Mac), por\u00e9m n\u00e3o \u00e9 um programa gratuito (apesar de ser poss\u00edvel conseguir uma licensa gr\u00e1tis<\/a> em alguns casos), custa US$79 e vale cada centavo.<\/p>\n Um bom exemplo do uso que fiz dele \u00e9 o blog “Doutor, me Explica?”, onde \u00e0 partir do wireframe a Priscila (que trabalha comigo na Blue Box<\/a>) conseguiu criar o layout final muito rapidamente.<\/p>\n Mas melhor que falar o que ele pode fazer, decidi mostrar um pouquinho. Este v\u00eddeo foi feito no dia que instalei o programa, em menos de 10 minutos criei uma r\u00e9plica bem simples do Isso Mesmo sem nunca ter aberto o Balsamiq antes:<\/p>\n \n Al\u00e9m das fun\u00e7\u00f5es b\u00e1sicas mostradas no v\u00eddeo, voc\u00ea ainda tem a disposi\u00e7\u00e3o algumas bibliotecas de modelos como o Mockups To Go<\/a>, ideais para trabalhar em cima de um formato pr\u00e9-definido, como o twitter, YouTube, Google Maps, entre muitos outros.<\/p>\n