Quais são algumas das melhores ferramentas de prototipagem baseadas na Web?
Estou procurando uma lista de ferramentas de prototipagem baseadas na Web e gostaria de criar uma aqui usando o sistema de votação democrática do StackExchange.
Já existem algumas listas na web, principalmente as seguintes:
- Ferramentas de prototipagem da Gui em c2.com - este é um wiki editável pelo usuário
- Ferramentas de prototipagem rápida em adaptivepath.com - uma lista gerenciada pelo autor do artigo, que não trabalha mais para o Adaptive Path
Encontrei os dois na pesquisa no Google "lista de ferramentas de prototipagem" .
A interface do usuário do StackExchange deve, a longo prazo, ser o melhor formato para gerenciar essa lista. Vamos buscar relevância, não necessariamente integridade; a integridade envolveria adicionar toneladas de respostas, incluindo ferramentas pouco conhecidas ou desatualizadas. Em vez disso, gostaria de ver uma lista dos aplicativos de prototipagem baseados na Web atuais , e os votos para cada produto idealmente evoluiriam ao longo do tempo (por exemplo, Balsamiq provavelmente começará no topo hoje, mas daqui a cinco anos poderemos ver outra coisa aparecer).
Estou transformando este wiki em uma comunidade, pois é mais documentação do que objetivamente responsável.
HTML + CSS + JS
Essa é praticamente a única opção se você estiver procurando por prototipagem de alta fidelidade.
Sou um defensor do hi-fi (codifique-o) ou fique muito lo-fi (aplicativos incompletos como o Balsamiq).
A menos que você esteja testando interações relativamente mansas, acho soluções como Axure e coisas do tipo um pouco perigosas. Isso implica em alta fidelidade, mas você não pode refinar as interações em aplicativos como esse a ponto de refletir a experiência real do usuário.
Balsamiq Mockups
Então, desde que você mencionou, adicionarei o Balsamiq para iniciar a lista :)
A versão da Web ainda não está na versão completa, mas o aplicativo para desktop é bastante bacana.
Quando for lançado, o produto existirá aqui: página de projeto do aplicativo Web Balsamiq
Caso contrário, sempre haverá o aplicativo de desktop (no mesmo URL, basta clicar no link "Aplicativo de desktop").
Pássaro mimo
Eu achei o Mockingbird um dos aplicativos mais fáceis de usar no navegador - http://gomockingbird.com
Feito â mão
Balsamiq é definitivamente minha primeira escolha para esboçar idéias em sessões de brainstorm e kick-off com os clientes. Mas quando se trata de protótipos totalmente funcionais, minha droga preferida é sempre Artesanato . É perfeito para a criação de protótipos em HTML e oferece ótimos extras funcionais para criar fluxos de interação que normalmente precisariam de habilidades de codificação de back-end ou reunir coisas em javascript.
Lápis
Lápis é bastante bom que eu me acostumei a usar. Não é estritamente baseado na Web, mas é um plugin do Firefox.
Mockflow
A agência interativa de minha esposa teve sucesso com:
Rápido início e uma quantidade razoável de controles e telas integrados para wireframes.
Estrutura de arame azul no Google Docs.
A partir deste postagem no blog de Morten Just , ele criou um desenho público do Google que você pode usar. Não sei por que, mas o modelo em branco desapareceu agora, então eu compartilhei o modelo que copiei há um tempo . Reduza o zoom se não vir os objetos de estrutura de arame à esquerda.
Ele possui um conjunto de objetos de estrutura de arame que você copia, cola e redimensiona na área de maquete à direita.
Depois, há galeria do google docs de pessoas que fizeram modelos usando este modelo
Hotgloo
O Hotgloo fornece prototipagem básica, links ativos em regiões entre páginas, alguns recursos de alta fidelidade - a par do balsamiq; mais sofisticado que o mockingbird, mas não tão capaz quanto um aplicativo de desktop como axure ou justinmind.
my.origramy
Obrigado por compartilhar! Eu adicionaria my.origramy service à lista. É um serviço online gratuito que uso sempre que preciso criar um protótipo de site, um mapa mental, um diagrama ou um esquema.
Fundação
Se você está procurando uma solução HTML/CSS/JavaScript, eu recomendo dar uma olhada em http://foundation.zurb.com/
FluidUI
Eu gostaria de adicionar o FluidUI a esta lista. Acabamos de lançar esta ferramenta no mês passado. É baseado na Web, projetado para permitir rapidamente a criação de protótipos de UI de baixa e alta fidelidade. Suporta várias plataformas, mas você pode definir as dimensões da página para o que precisar.
O link para ele é fluidui.com, mas se você gosta de pular direto e experimentá-lo sem preencher formulários e outros enfeites, pode fazê-lo em http://www.fluidui.com/editor
Gliffy
Que tal gliffy ? Começamos a usá-lo na minha empresa, é muito mais barato que o balsamiq ou o mockingbird e também é mais versátil
Há http://cacoo.com . A interface é um pouco esotérica, mas a versão gratuita é um pouco menos restritiva do que algumas outras (25 páginas, 15 usuários).