Para dar início ao assunto de prototipagem com Balsamiq Mocups e Napkee, vejam o vídeo abaixo:
A prototipagem é uma técnica utilizada na durante o Levantamento de Requisitos com a única finalidade de demonstrar o que foi entendido com relação aos requisitos levantados. O protótipo são construídos para facilitar o esclarecimento de certas pontos vitais para o sucesso de um produto. Os protótipos podem ajudar na modelagem do problema quanto da solução por meio de um experimento rápido e ilustrativo. Autores de livros de Engenharia de Software pregam que os protótipos devem ser descartáveis, com rápida construção e não devem ser reaproveitados, da mesma forma na construção civil-se utiliza de maquetes. Para fazer a participação você poderá utilizar:
- Desenhos à mão livre, em papel. Ideal quando você está conversando diretamente com o cliente.
- layout alfanuméricos feitos em editor de texto e planilhas eletrônicas. Para demonstrar saídas de relatórios.
- Desenhos feitos com uma ferramenta de desenho técnico.
- Telas feitas em ferramentas exclusivamente de prototipagem, como MS Visio, Balsamiq Mockups ou até mesmo PowerPoint (mais chato!) .
- Telas desenhadas em um ambiente de desenvolvimento RAD.
- Telas desenhadas no ambiente definitivo de implementação.
O Balsamiq Mockpus é uma ferramenta voltada para fazer prototipação. De certa forma, o Balsamiq já é uma ferramenta bastante conhecida pela comunidade Flex, RIA. O Napkee é uma ferramenta que possibilita que você exporte os arquivos BMML gerados pelo Balsamiq Mockups e gere HTML/CSS/JS e Adobe Flex 3 ou como diz o próprio slogan do produto “Make your mockups come alive!” O Balsamiq Mockups possui um estilo de visualização “lúdico”, que deixa claro que a interface apresentada é apenas um protótipo ou mockups (maquetes).
Telas Balsamiq MockupsNo Napkee é possível importar os aquivos bmml gerados pelo Balsamiq. O Napkee fornecesse a a possibilidade de exportar para HTML/JS/CSS. A figura abaixo demonstra o preview em HTML do protótipo construído no Balsamiq.
Telas Napkee em HTMLE a figura abaixo demonstra o preview em Adobe Flex 3 do protótipo construído no Balsamiq.
Telas Napkee em FlexVídeo oficial Balsamiq Mockups
Vídeo oficial Napkee:
Outros post’s sobre o assunto:
- Balsamiq Mockups – Uma ferramenta simples e poderosa
- Balsamiq Mockups: solução entre protótipos de alta e baixa fidelidade
- Balsamiq Mockups: ferramenta para fazer protótipos de telas
