Projeto de interface de software 

Quando deparado com a proposta de mudança na interface de um software, sabendo que essa mudança não está bem estruturada e avaliada pelo usuário final, recomendo que se trabalhe em um protótipo dessa nova interface, para que o usuário final então possa visualizar uma projeção e fazer suas avaliações e apontamentos direcionando melhor o trabalho antes de sua implementação.

Sugestão

Neste sentido, uma maneira de tornar prática e dinâmica essa tarefa, é através da utilização de ferramentas de prototipação gerando modelos wireframe e mockups de interfaces. Isso permite concentrar somente nas questões da interface – como exemplo: acessibilidade e usabilidade. Além disso, é possível discutir melhor com o usuário em cima de um modelo wireframe. Caso ele decide mudar alguma coisa, é mais fácil mudar um esboço do que um software pronto (portanto mais rápido e mais barato).

A procura pela solução

Assim, em uma pesquisa que realizei em busca deste tipo de software, localizei o WireframeSketcher. Suas características fecharam exatamente com a necessidade que tinha para meus projetos.

Destaques da ferramenta

  • Pode ser utilizado como um plugin integrado a plataforma Eclipse e para aqueles que não utilizam a IDE, podem optar pela versão standalone – o WireframeSketcher Studio. Oferece suporte para Windows, Linux e Mac.

Eclipse IDE + Wireframe Sketcher

  • Fácil, prático e rápido de ser utilizado.
  • Curva de aprendizado da ferramenta é bem rápida, sem mistérios. Possui teclas de atalho para manipulação dos componentes que facilitam na construção dos protótipos.
  • Possui um bom desempenho para todo o tamanho de projeto, do pequeno ao grande, permitindo criar módulos que podem ser reaproveitados, onde caso a raiz venha a sofrer alguma alteração ela será automaticamente exibida em todas as demais telas (Master screen).
  • Possui a opção de exportar as telas projetadas para formato PNG e PDF, agilizando a demonstração cross-plataform do projeto.
  • Apresenta ainda um recurso chamado Storyboard, que permite criar uma utilização simulada do projeto da interface, através de links criados a partir dos componentes inseridos nas interfaces.
  • Apresenta um conjunto extenso de componentes o que permite a criação de um variadade grande de projetos de interface, inclusive web e mobile (iPad, iPhone, Android).

Palette Wireframe Sketcher

  • Permite que o próprio usuário crie novos componentes e crie sua paleta personalizada, podendo ser reutilizada em outros projetos.
  • E para quem utiliza Java há dois utilitários que facilitam o trabalho de projetar novas interfaces com base em outras existentes: swing2mockup e SWT to Mockup, dois plugins que convertem interfaces existentes em Swing e SWT para o formato XML que gera a versão wireframe para o WireframeSketcher.

Alguns exemplos de projetos

Abaixo o exemplo de projetos desenvolvidos através do WireframeSketcher que exemplificam suas características: iPhone, iPad.

iPhone Wireframe

iPad Wireframe

O WireframeSketcher é uma ótima ferramenta para a prototipação de interfaces, recomendada!
Para download e instruções de instalação acesse http://wireframesketcher.com/install.html.