it-swarm-es.com

¿Cuáles son algunas excelentes herramientas de creación de prototipos basadas en web?

Estoy buscando una lista de herramientas de creación de prototipos basadas en la web y me gustaría construir una aquí utilizando el sistema de votación democrático de StackExchange.

Ya hay algunas listas en la web, especialmente estas:

Encontré ambos de la "Búsqueda de Google" lista de herramientas de creación de prototipos " .

StackExchange UI debería ser, a largo plazo, el mejor formato para administrar dicha lista. Vayamos por relevancia, no necesariamente integridad; la integridad implicaría agregar toneladas de respuestas, incluidas herramientas poco conocidas u obsoletas. En cambio, me gustaría ver una lista de aplicaciones actuales de creación de prototipos basadas en la web, y los votos para cada producto idealmente evolucionarían con el tiempo (por ejemplo, Balsamiq probablemente comenzará hoy en la cima, pero dentro de 5 años podríamos ver aparecer algo más).

Estoy haciendo que este sea un wiki comunitario, ya que es más documentación que objetivamente responsable.

53
Rahul

HTML + CSS + JS

Esa es prácticamente la única opción si está buscando prototipos de alta fidelidad.

Soy un defensor de la alta fidelidad (codifíquelo) o pegue muy baja fidelidad (aplicaciones incompletas como Balsamiq).

A menos que esté probando interacciones relativamente mansas, encuentro soluciones como Axure y similares un poco peligrosas. Implica alta fidelidad, pero no se pueden perfeccionar las interacciones en aplicaciones como esa hasta el punto de que refleje la experiencia real del usuario.

37
DA01

Maquetas de Balsamiq

Entonces, como lo mencionaste, agregaré Balsamiq para comenzar la lista :)

La versión web aún no está en versión completa, pero la aplicación de escritorio es bastante ingeniosa.

Cuando se publique, el producto existirá aquí: página del proyecto de la aplicación web Balsamiq

De lo contrario, siempre está la aplicación de escritorio (en la misma URL, simplemente haga clic en el enlace "Aplicación de escritorio").

45
Matt

Sinsonte

Encontré que Mockingbird es una de las aplicaciones basadas en navegador más fáciles de usar - http://gomockingbird.com

8
chrisofspades

Artesanía

Balsamiq es definitivamente mi primera opción para esbozar ideas en sesiones de lluvia de ideas y presentaciones con clientes. Pero cuando se trata de prototipos completamente funcionales, mi droga de elección siempre es Handcraft . Es perfecto para la creación de prototipos HTML y ofrece algunos extras funcionales excelentes para crear flujos de interacción que normalmente necesitarían habilidades de codificación de back-end o combinar cosas en javascript.

6
Huijkman

Lápiz

Lápiz es bastante bueno y me he acostumbrado a usar. No está estrictamente basado en la web, pero es un complemento de Firefox.

5
LiamGu

Mockflow

La agencia interactiva de mi esposa ha tenido éxito con:

http://www.mockflow.com/

Rápido para comenzar y una cantidad razonable de controles y pantallas incorporados para wireframes.

3
noluckmurphy

Estructura metálica azul en Google Docs.

A partir de esto publicación de blog de Morten Just , ha creado un dibujo público de Google que puede usar. No estoy seguro de por qué, pero la plantilla en blanco ha desaparecido ahora, así que he he compartido la plantilla que copié hace un tiempo . Aleje si no ve los objetos de estructura metálica a la izquierda.

Tiene un conjunto de objetos de estructura alámbrica que puede copiar, pegar y luego cambiar de tamaño en el área de la maqueta a la derecha.

Luego hay una galería de documentos de Google de personas que han realizado maquetas usando esta plantilla

enter image description here

2
icc97

Hotgloo

Hotgloo proporciona prototipos básicos, enlaces activos en regiones entre páginas, algunas capacidades de alta fidelidad, a la par con balsamiq; más sofisticado que el ruiseñor, pero no tan capaz como una aplicación de escritorio como axure o justinmind.

http://www.hotgloo.com/

2
512x512

my.origramy

¡Gracias por compartir! Añadiría my.origramy servicio a la lista. Es un servicio en línea gratuito que uso cuando necesito hacer un prototipo de sitio web, un mapa mental, un diagrama o un esquema.

2
SHM

Fundación

Si está buscando una solución HTML/CSS/JavaScript, recomendaría echar un vistazo a http://foundation.zurb.com/

1
Dragan Studios

FluidUI

Me gustaría agregar FluidUI a esta lista. Acabamos de lanzar esta herramienta el mes pasado. Está basado en la web, diseñado para permitirle rápidamente crear prototipos de interfaz de usuario de baja y alta fidelidad. Admite múltiples plataformas, pero puede establecer las dimensiones de la página a lo que necesite.

El enlace a él es fluidui.com, pero si te apetece saltar directamente y probarlo sin llenar formularios y demás, puedes hacerlo en http://www.fluidui.com/editor

1
john larkin

Descuidado

¿Qué tal gliffy ? Acabamos de comenzar a usarlo en mi empresa, es mucho más barato que balsamiq o sinsonte, y también es más versátil

Hay http://cacoo.com . La interfaz es un poco esotérica, pero la versión gratuita es un poco menos restrictiva que algunas de las otras (25 páginas, 15 usuarios).

0
Steve Bennett