Ferramenta open para desenho de Protótipo de telas

25,071 views
Skip to first unread message

Emerson Saldanha

unread,
Jan 11, 2012, 6:56:07 AM1/11/12
to Análise de Negócios . br
Salve nobres colegas, embora o desenho de protótipos de tela faca
parte da solução, na pratica muitas vezes torna-se necessário o AN
realizar essa tarefa.
Gostaria de saber se alguém pode me indicar alguma ferramenta open e/
ou free.
O uso será em projetos acadêmicos.
Abraço a todos

Lilian De Munno

unread,
Jan 26, 2012, 5:41:00 AM1/26/12
to an...@googlegroups.com
Olá Emerson,

Para desenho, wireframes e arquitetura eu costumo usar o Cacoo (http://www.cacoo.com), para prototipar as telas e simular a navegação, recomendo o Invision (http://www.invisionapp.com/). O Cacoo tem uma versão free, o Invision apenas um trial, mas este segundo é uma startup genial, vale a pena testar.

De qualquer maneira, segue uma lista bem completa do que há disponível hoje em dia:

Wireframing Tools



--
Mensagem do grupo AN-BR {Análise de Negócios}.
Para publicar mensagens, mande um email para: an...@googlegroups.com
Para cancelar sua participação, mande um email para: an-br-un...@googlegroups.com
Para mais opções, visite a página do grupo: http://groups.google.com/group/an-br?hl=pt-BR

Este grupo é administrado pelo Capítulo SP do IIBA - http://www.theiiba.org.br/

mmo.jango

unread,
Jan 26, 2012, 6:15:48 AM1/26/12
to an...@googlegroups.com
O Pensil que roda no Firefox é bom e muito fácil de usar!

:)

2012/1/26 Lilian De Munno <ms.tam...@gmail.com>



--
Att,
Marcelo Marques de Oliveira

Bruno Soares

unread,
Jan 26, 2012, 7:36:40 AM1/26/12
to an...@googlegroups.com
Já usei o Pencil versão desktop...

gostei muito! Tem alguns plugins bem legais...

Abraços,
Bruno Soares.

Viviane Araujo

unread,
Jan 26, 2012, 7:49:35 AM1/26/12
to an...@googlegroups.com
Bom dia,

Ja usei o pencil tb e gostei mto, hj em dia uso o Axure...muito bacana, tem como deixar a tela bem dinamica, quase toda funcional...

abcs.,

Viviane
Viviane Araújo De Franco 
 
Analista de Sistemas
Coordenação de Desenvolvimento dos Sistemas de Saúde - CDESS/CGAM
Ministério da Saúde - SE/DATASUS
Tel.: (61) 3315-3040/3275


Anderson Moraes

unread,
Jan 26, 2012, 12:53:39 PM1/26/12
to an...@googlegroups.com
O Pencil Sharper também é uma ótima opção.

2012/1/26 Viviane Araujo <vivinan...@gmail.com>



--
Anderson Moraes

Twitter.com/andersonferr

Humberto Nunes

unread,
Jan 26, 2012, 4:16:44 PM1/26/12
to an...@googlegroups.com
Eu uso o Balsamiq e recomendo, excelente ferramenta!

Abs,

Humberto Nunes
Humberto Nunes

Wylker Barros

unread,
Jan 27, 2012, 7:32:52 AM1/27/12
to Análise de Negócios . br
Uso o Pencil...bacaninha

On 26 jan, 19:16, Humberto Nunes <humbertoflor...@gmail.com> wrote:
> Eu uso o Balsamiq e recomendo, excelente ferramenta!
>
> Abs,
>
> Humberto Nunes
>
> Em 26 de janeiro de 2012 15:53, Anderson Moraes <dth...@gmail.com> escreveu:
>
>
>
>
>
>
>
>
>
> > O Pencil Sharper também é uma ótima opção.
>
> > 2012/1/26 Viviane Araujo <vivinany.ara...@gmail.com>
>
> >> Bom dia,
>
> >> Ja usei o pencil tb e gostei mto, hj em dia uso o Axure...muito bacana,
> >> tem como deixar a tela bem dinamica, quase toda funcional...
>
> >> abcs.,
>
> >> Viviane
>
> >> Em 26 de janeiro de 2012 10:36, Bruno Soares <professorsoa...@gmail.com>escreveu:
>
> >> Já usei o Pencil versão desktop...
>
> >>> gostei muito! Tem alguns plugins bem legais...
>
> >>> Abraços,
> >>> Bruno Soares.
>
> >>> Em 26 de janeiro de 2012 09:15, mmo.jango <mmo.ja...@gmail.com>escreveu:
>
> >>> O Pensil que roda no Firefox é bom e muito fácil de usar!
>
> >>>> :)
>
> >>>> 2012/1/26 Lilian De Munno <ms.tambour...@gmail.com>
>
> >>>>> Olá Emerson,
>
> >>>>> Para desenho, wireframes e arquitetura eu costumo usar o Cacoo (
> >>>>>http://www.cacoo.com), para prototipar as telas e simular a
> >>>>> navegação, recomendo o Invision (http://www.invisionapp.com/). O
> >>>>> Cacoo tem uma versão free, o Invision apenas um trial, mas este segundo é
> >>>>> uma startup genial, vale a pena testar.
>
> >>>>> De qualquer maneira, segue uma lista bem completa do que há disponível
> >>>>> hoje em dia:
>
> >>>>> *Wireframing Tools*
>
> >>>>>    - *Great list of rapid prototyping tools here<https://spreadsheets.google.com/pub?key=pOa2Uqiakxlry5hNuZm89Eg&outpu...>
> >>>>>    * - dan harrelson
> >>>>>    - *Keynotopia <http://keynotopia.com/>* – use PowerPoint/Keynote
> >>>>>    to create web/mobile apps – Cool!
> >>>>>    - *jMockups <http://www.jmockups.com/> *- convert existing website
> >>>>>    into a mockup then redesign and share without editing any HTML/CSS
> >>>>>    - *Balsamiq <http://balsamiq.com/>** *– rapid wireframing tool.
> >>>>>    software mockups in minutes
> >>>>>    - *Pencil <https://addons.mozilla.org/en-US/firefox/addon/pencil/>*- Firefox
> >>>>>    add-on to do GUI prototyping and simple sketching
> >>>>>    - *Lumzy <http://lumzy.com/>* – quick mockup creation and
> >>>>>    prototyping
> >>>>>    - *Mockflow <http://mockflow.com/>* – online/offline, extensible
> >>>>>    wireframing tool w/design library
> >>>>>    - *OmniGraffle <http://www.omnigroup.com/products/omnigraffle/>* –
> >>>>>    it’s been around before the web even existed
> >>>>>    - *JustinMind** * <http://www.justinmind.com/>– define web and
> >>>>>    mobile apps with interactive prototypes
> >>>>>    - *JustinMind UserNote* <http://www.justinmind.com/justinmind-usernote>-
> >>>>>    get user feedback/test usability
> >>>>>    - *Wirify<http://www.volkside.com/2010/12/introducing-wirify-the-web-as-wirefra...>
> >>>>>    * – turn any webpage into a wireframe
> >>>>>    - *LucidChart* <http://www.lucidchart.com/>* – *Cloud-based
> >>>>>    drawing tool
> >>>>>    - *InVision <http://www.invisionapp.com/>* – UX Prototyping
> >>>>>    from jpg, .png or .gif files
> >>>>>    - *Cacoo <http://cacoo.com/>* – free online drawing tool
> >>>>>    - *Axure <http://www.axure.com/Default.aspx>* – Wireframing,
> >>>>>    prototypes: buil-in widgets and shapes
> >>>>>    - *HotGloo <http://www.hotgloo.com/>* – Online Wireframing Tool
> >>>>>    - *Mocksup <http://mocksup.com/>* – Share your web site mockups
> >>>>>    - *Mockingbird <https://gomockingbird.com/>* - Mock it up and
> >>>>>    share web site wireframes
> >>>>>    - *Protoshare <http://www.protoshare.com/>* – website wireframing
> >>>>>    - *Gliffy <http://www.gliffy.com/>* – Online Diagraming
> >>>>>    - *Free Wireframe templates<http://www.farengambrill.com/2011/02/22/free-wireframing-templates-fo...>
> >>>>>    * for iPhone, iPad and Web
> >>>>>    - *Wireframing Tutorial<http://www.webdesignerdepot.com/2009/07/using-wireframes-to-streamlin...>
> >>>>>    *
> >> *Viviane Araújo De Franco
> >> *

Emerson Saldanha

unread,
Feb 16, 2012, 10:21:42 AM2/16/12
to Análise de Negócios . br
Humberto, agradeço a voce e aos outros colegas que colaboraram.

Agora que voltei de férias vou poder dar atenção as sugestões.

abraço e um ótimo ano a todos!
Reply all
Reply to author
Forward
Message has been deleted
0 new messages