¿Cuál es la mejor herramienta de prototipos / maquetas web?

He usado muchas de estas herramientas, incluidas Axure, Invision, Hotgloo y JustinMind, pero para la creación realista de prototipos de aplicaciones móviles, mi favorito es, con mucho, Proto.io .

Las características y la robustez de Proto.io superan a los otros competidores, pero la verdadera razón por la que me encanta usarlo es porque es muy simple e intuitivo crear un prototipo de aplicación móvil realista que incluya animaciones, sin ninguna codificación.

Quiero decir, mira este prototipo de Spotify que incluso puede reproducir música : prototipo interactivo de Spotify en espacios Proto.io

Algunas de las características que hacen que Proto.io sea genial son:

• Construido en componentes nativos de IU para iOS, Android y Windows
• Un editor que le permite crear un prototipo de alta fidelidad sin tener que diseñar primero en Photoshop o Sketch
• Basado en la web para que pueda acceder a él desde cualquier lugar y no tenga que descargar y actualizar sus prototipos manualmente
• Aplicaciones nativas sin conexión para iOS y Android para que pueda ver sus prototipos en el dispositivo móvil real sin conexión (también puede ver prototipos en un navegador web móvil para Windows phone u otros dispositivos con pantalla táctil, es decir, relojes inteligentes)
• Posibilidad de personalizar el tamaño de la pantalla para que pueda diseñar prototipos para cualquier dispositivo con pantalla táctil como un reloj inteligente u otro dispositivo IoT
• Posibilidad de usar sus propios diseños, activos, video, audio u otro contenido multimedia
• Facilidad para compartir y colaborar: puede invitar rápidamente a una cantidad ilimitada de revisores para dejar comentarios y comentar sobre un prototipo a través de una URL corta o un código QR
• Exportar a PDF o HTML: para que pueda imprimir e incrustar sus prototipos en otro lugar

De todos modos, echa un vistazo a su comunidad de prototipos para ver lo que la gente ha construido usando la herramienta y tendrás una buena idea de por qué es poderosa: Espacios Proto.io – Galería interactiva de prototipos

Trabajo con prototipos UX en Weld (herramienta de diseño web), y escucho esto mucho. Es una pregunta popular, pero no hay una respuesta simple. Todo depende de:

1. El objetivo con el prototipo. Esta es la gran pregunta, y no deberías comenzar a construir tu prototipo sin saberlo.
   ¿Es para responder una pregunta específica o para explorar un área temática más amplia?
   ¿Son importantes las interacciones a nivel micro (gestos, animaciones) o se trata más de comprender el flujo de una aplicación completa ?
   ¿El prototipo solo se mostrará a usted y a su equipo, o se mostrará a las partes interesadas externas o sujetos de prueba, en cuyo caso:
2. La experiencia del público objetivo de probar prototipos. Si son diseñadores profesionales de experiencia de usuario, tal vez puedas sobrevivir con un prototipo en papel o con estructuras simples. Si no lo son, probablemente desee un prototipo de más alta fidelidad. El uso de redacción e imágenes más finalizadas también es importante para los diseñadores que no son UX.
3. La plataforma prevista para el proyecto. Teléfonos, tabletas, escritorio? ¿Web o aplicación nativa? ¿Estás incluso en una etapa en la que puedes tomar esa decisión?
4. Tu experiencia y preferencias personales. Seleccione herramientas con las que se sienta cómodo y con las que pueda trabajar rápidamente.
5. Restricciones de tiempo y costos. ¿Tendrá tiempo para repetir? ¿Para construir múltiples prototipos?

Teniendo en cuenta todo lo anterior, siempre debe realizar un prototipo en el medio viable más rápido . El objetivo de la creación de prototipos es iterar rápidamente , es decir, ejecutar el ciclo Build-Measure-Learn tantas veces como sea posible:

“Creación es descubrimiento” , como dijo Bret Victor una vez. Simplemente no sabe lo que aprenderá antes de construir y probar su prototipo, por lo que cuanto más rápido pueda sacarlo, mejor. Su segunda iteración será infinitamente mejor que la primera.

Asi que. Llegando a las recomendaciones de herramientas reales. Aquí hay algunos escenarios típicos:

• Resolver una pregunta específica de UX (no una aplicación completa), con usted / su equipo como actores principales: recomendaría lápiz y papel , Balsamiq , Keynote . Un procesador de textos como Google Docs o MS Word es una herramienta subestimada para prototipos con uso intensivo de texto (por ejemplo, una página de inicio de producto).
• Creación rápida de prototipos de una aplicación completa para comprender el flujo, probando con usuarios reales . Puede usar nuestra aplicación Weld (herramienta de diseño web) para esto, aunque Weld se parece más a un CMS visual, una “Nota clave para la web” en estos días.
• Probar el flujo de una aplicación completa, cuando ya ha diseñado todas las pantallas en la aplicación: InVision App es el jugador dominante aquí, desafiado por Marvel y Flinto .
• Diseñando micro interacciones (gestos, animaciones) en una sola pantalla, probando con usuarios reales: iría por Pixate , pero también Framer.js y las nuevas aplicaciones Mitya y Noodl podrían ser útiles.

Y se coloca en una cuadrícula para que quede más claro:

¡Espero que esto haya sido útil!