it-swarm-pt.tech

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:

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.

53
Rahul

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.

37
DA01

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").

45
Matt

Pássaro mimo

Eu achei o Mockingbird um dos aplicativos mais fáceis de usar no navegador - http://gomockingbird.com

8
chrisofspades

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.

6
Huijkman

Lápis

Lápis é bastante bom que eu me acostumei a usar. Não é estritamente baseado na Web, mas é um plugin do Firefox.

5
LiamGu

Mockflow

A agência interativa de minha esposa teve sucesso com:

http://www.mockflow.com/

Rápido início e uma quantidade razoável de controles e telas integrados para wireframes.

3
noluckmurphy

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

enter image description here

2
icc97

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.

http://www.hotgloo.com/

2
512x512

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.

2
SHM

Fundação

Se você está procurando uma solução HTML/CSS/JavaScript, eu recomendo dar uma olhada em http://foundation.zurb.com/

1
Dragan Studios

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

1
john larkin

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

1
Sebastian Patane Masuelli

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).

0
Steve Bennett