Diversas ferramentas 0800 (ou quase) para criar wireframes e protótipos

Balsamiq: Ferramenta de prototipação (tela)

Nos últimos dois anos, surgiram rapidamente, aqui e ali, uma série de boas ferramentas especializadas e acessíveis, para auxiliar o trabalho do arquiteto de informação e do designer de interfaces, muitas delas free. Concorrem com os bam-bam-bans Axure e Visio.

Para quem está começando a se familiarizar com o campo, são uma mão-na-roda. Aqui vai a lista de links para lugares de onde estas novas ferramentas podem ser baixadas, instaladas como plug-ins, ou até utilizadas online:

Blasamiq Mockup – Free para SFL*
Pencil – Free.
Prototype Composer – Free.
WireframeSketcher – Free para SFL.
iPlotz – Free ou $15/mês.
Protonotes – Free online.
Adobe Flash Catalyst – Free beta.
Hot Gloo – Free beta online.

As tradicionais:
Axure – $589.
Omnigraffle – $100.
Microsoft Visio – $200.

E não esquecer a possibilidade de usar o Fireworks.

Artigo completo(em inglês):
http://www.uxforgood.org/blog/free-wireframing-and-prototyping-tools-for-ux-professionals.html


* SFL – Sem Fins Lucrativos

About Luiz Agner

Luiz Agner é designer, pesquisador e professor. É doutor em Design pela PUC-Rio, com tese defendida sobre Arquitetura de Informação e E-Gov, e integra o quadro de profissionais do Instituto Brasileiro de Geografia e Estatística (IBGE). Também dá aulas na Escola de Comunicação Social da FACHA (RJ). É autor do livro “Ergodesign e Arquitetura de Informação - Trabalhando com o Usuário” (Quartet, 2009 - ISBN: 858569680X).

4 Comments

  1. Nossa, ha um tempo tenho procurado uma boa solução para esse tipo de coisa. Uso Mac e quanto a isso tive problemas em achar um programa que me desse um belo respaldo quanto a arquitetura de informação e até a testes com usuários.

    Já usei o iPlotz, baseado em AIR, é uma boa pedida, já que funciona tanto em Mac quanto em Windows, alem da possibilidade de usar online (que facilita demais o trabalho em vários lugares)…o grande problema é que para se usar plenamente tem que se pagar!

    Hoje em dia depois de uma grande pesquisa no assunto estou usando o OverSite, uma boa solução para interfaces navegaveis (apesar de gerar um HTML extremamente desorganizado e fora de padrões, nada que algumas horinhas pra arrumar não deem jeito).

    De qualquer forma, a sua lista é interessante e quando eu tiver um tempo, com certeza vou parar e dar uma olhadinha melhor!

    Abs!

  2. Marcos,
    Não se esqueça do WriteMaps, também online, para criação e compartilhamento de sitemaps:
    http://writemaps.com/tour/

    Meus alunos prepararam uma apresentação sobre programas de AI para Mac que eu vou postar em breve. Aguarde um pouquinho!

  3. A ferramenta Balsamiq Mockups é muito boa. Descobri ela em um trabalho da faculdade da disciplina de Análise e projeto de sistemas, onde deveríamos fazer os protótipos de tela do nosso projeto. É simples, e pode ser usada online.
    O Prototype Composer tenho instalado, é bem mais completo.

  4. Vlw, Ana Maria,

    Veja também esta apresentação de meus alunos sobre o Balsamiq. Você conhece o Pencil? http://www.agner.com.br/2010/06/02/prototipacao-e-wireframes-com-o-balsamiq-e-o-pencil/

Comments are closed