Project Pencil

A ferramenta em questão é o Pencil, um projeto OpenSource com o objetivo de criar uma ferramenta de prototipação de telas utilizando a engine do Mozilla Gecko engine (assim como o Firefox). Idéia muito interessante, vale a pena dar uma olhada!

As principais características dessa ferramenta são:

• Modelos prontos para diagramas e protótipos
• Documento de várias páginas
• Edição de texto das telas
• Salva protótipos como PNG
• Permite a instalação de modelos do usuário
• Multi-plataforma
• Operações padrões como alinhamento, ordenação-z, redimensionamento e rotação

Site:
http://www.evolus.vn/Pencil/Home.html

Artigos relacionados

1. Criately, criando diagramas de forma simples
2. Protótipo do Gerenciador de Pousadas
3. Livro Técnicas de Acessibilidade: Criando uma web para todos

Primeira versão do protótipo feito com o Corel Draw

Uma coisa que foi observada com esse protótipo é que apesar da versatilidade do Corel, ele não é uma ferramenta ágil para essa tarefa, alem de que, para se ter um apelo visual no protótipo teria que ser dispendido um grande trabalho na melhoria das interfaces. Por essa razão a equipe resolveu testar a ferramenta Visio da Microsoft. Essa ferramente tem um grande suporte para a criação de interfaces para programas windows, já trazendo diversos componentes usados no dia-a-dia como combo boxes, radio buttons, text fields, frames, scrolls entre outros. Todos com várias opções de customizações.

Segunda versão do protótipo feito com o Visio

Segunda versão do protótipo feito com o Visio

Com o protótipo feito no visio foi possível ter noção de como seria o fluxo de informação dentro do sistema, e de uma melhor verificação das necessidades do mesmo. Após isso foi feito um protótipo já com a interface web que seria usada na versão final do projeto.

Protótipo com o Layout do sistema

Artigos relacionados

1. Sistema gerenciador de pousadas
2. Diagrama de entidade relacional
3. Pencil, uma ferramenta para esboço e protótipo de telas