Nos últimos meses tenho testado diversos aplicativos com objetivo de encontrar uma ferramenta poderosa e que me desse liberdade e agilidade de criar mockups profissionais para meus clientes. Não queria nada tão complexo como o Visio nem tão simples quanto usar papel e caneta.  Busquei até encontrar o Balsamiq Mockups da Balsamiq Studios. Balsamiq Mockups é uma aplicação desenvolvida em Flash e roda sobre o AIR da Adobe, o que permite rodar em múltiplas plataformas (Mac/Linux/Windows).

Além disso, o look and feel dos mockups gerados lembram os inúmeros desenhos de telas que fiz no passado, mas dessa vez sem utilizar papel e caneta (e com muito mais qualidade). Toda a interface é simples e direta. Basicamente existem duas barras de ferramentas. A primeira contém o Quick Add, que como o próprio nome diz é a forma mais fácil de encontrar e adicionar controles, além dos botões básicos como copiar, colar, agrupar, etc.

A segunda barra de ferramentas contém todos os 75 controles disponíveis divididos por categorias como Botões, Layout, Mídia, etc. (existem controles específicos para o iPhone). Novos controles ainda não podem ser adicionados diretamente no aplicativo, mas é possível importar imagens e utilizar o recurso Sketch it!, que transforma a imagem num desenho similar aos outros controles. O site Mockups To Go possui diversos templates gratuitos criados pela comunidade e novos controles podem ser solicitados diretamente aos criadores do Balsamiq.

Para criar um mockup não existe nenhum segredo: basta arrasta e soltar os controles na página. Todos os controles possuem uma caixa de propriedades que permite alterar fontes, cores, alinhamentos e outras propriedades exclusivas de cada controle. A ferramenta permite exportar os mockups no formato PNG e ainda copiar e colar diretamente no Word ou Powerpoint. O Balsamiq Mockups suporta diversas soluções colaborativas, entre elas Atlassian Confluence, Atlassian JIRA e XWiki além de possuir um formato baseado no padrão XML para armazenamento dos mockups. O modo Tela Cheia permite esconder as barras de ferramentas e focar exclusivamente no mockup. Essa função é excelente para fazer apresentações e brainstorm com aos clientes.

Veja um vídeo (em inglês) de como criar o mockup de uma aplicação semelhante ao iTunes da Apple:

Duas das poucas críticas que encontrei em reviews de outros sites são:

• Apenas uma página por arquivo: Não é possível adicionar novas páginas. Isso é um ponto negativo se você estiver trabalhando em um projeto com múltiplas páginas relacionadas ou agrupadas.
• Não existe o conceito de Master: Pelo fato de não existir a possibilidade de múltiplas paginas, não é possível criar controles Master (compartilhamento dos mesmo componentes por diversas páginas)

Mas pelo fato dos criadores do Balsamiq estarem abertos a críticas e sugestões, eles se pronunciaram em relação a essas críticas e já estão providenciando melhorias para as próximas versões. Ponto positivo para o aplicativo e para nós, usuários, que só temos a ganhar mais recursos e melhorias.

Sem dúvida nenhuma, o Balsamiq Mockups já faz parte da lista de ferramentas que utilizo para desenvolver sites e aplicações web.

Junto com os releases, eram anexados diversos arquivos (imagens de alta definição e outros documentos), fazendo com que o tamanho de cada e-mail enviado fosse muito grande. O grande problema disso é que diversas empresas e provedores limitam os tamanhos máximo dos e-mails (por motivos de segurança, por exemplo) e muitos contatos não recebiam os releases. Além disso, os e-mail eram personalizados com os nomes dos contatos e outros dados. Resumindo, todo o processo era manual, trabalhoso e demorado.

Com a necessidade de personalização e agilidade para envio dos releases, decidimos criar uma ferramenta automatizada para facilitar o seu trabalho. Essa ferramenta envolve gerenciamento de Contatos, Grupos de Contatos, Releases e Convites. Ao cadastrar um novo release, é possivel anexar todos os arquivos desejados, porém nada será anexado aos e-mail, reduzindo significativamente o tamanho. Os e-mails terão um link específico para cada arquivo anexado e todas as imagens terão uma versão reduzidas para pré-visualização. Todos os e-mail são personalizados por contatos automaticamente. O processo de que poderia levar horas, agora pode ser feito em menos de 5 minutos.

Cliente: Silvia Balady - http://www.balady.com.br
País: Brasil
Status do Projeto: Finalizado e online.
Tecnologias utilizadas no projeto: ASP.NET, C#, SQL Server, CSS, e jQuery.

Para facilitar a criação desses formulários, fui solicitado a desenvolver um sistema de gerenciamento de formulários dinâmicos. De uma forma simples, é possível criar diversos formulários com todos os campos e tipos de dados rapidamente.

Cliente: ABC Pneus - http://www.abcpneus.com.br
País: Brasil
Status do Projeto: Finalizado e online.
Tecnologias utilizadas no projeto: ASP.NET, C#, SQL Server, CSS e Javascript.

Além de diversas customizações realizadas, fui responsável pela integração de diversas empresas de transportes especializadas para esse tipo de serviço, meios de pagamentos online e aplicação do novo layout.

Cliente: Marble Warehouse - http://www.marblewarehouse.com
País: Estados Unidos
Status do Projeto: Finalizado, porém aguardando configuração dos novos servidores.
Tecnologias utilizadas no projeto: ASP.NET, C#, CSS, Javascript, SQL Server, WebServices e XML