El prototipado es una parte fundamental del proceso de diseño de experiencia de usuario (UX), ya que permite a los diseñadores UX/UI crear prototipos y probar sus ideas con usuarios finales, proporcionando comentarios que ayuden a mejorar el producto final.
Actualmente existen varias herramientas de prototipado en el mercado, cada una con sus propias características y ventajas, esto hace confuso el saber cuál herramienta es la mejor o cuál escoger para un proyecto en específico.
En este artículo, exploraremos las principales herramientas de prototipado y algunas de sus características (enfocadas en el prototipado). Al final, podrá encontrar un cuadro comparativo que puede ayudarle a elegir la herramienta adecuada para su proyecto.
Figma
Figma es una herramienta de diseño y prototipado en línea, que permite a los diseñadores crear diseños de interfaces de usuario, prototipos y colaborar con otros miembros del equipo en tiempo real.
Actualmente es la herramienta más utilizada en el mundo UX para diseño y prototipado de mediana fidelidad en el mercado.
Principales características
- Trabajo colaborativo en tiempo real y en el mismo archivo/espacio.
- Se puede acceder desde cualquier navegador y sistema operativo, sin necesidad de descargar la aplicación.
- Diseño y prototipo en un solo archivo/espacio, no es necesario ninguna herramienta de terceros.
- Soporta interacciones básicas y animaciones.
- Sistema de prototipado fácil de usar y no es necesario saber programar.
- Comparte con un enlace tu prototipo.
Marvel
Marvel es una de las herramientas de prototipado más fáciles, recomendada para crear prototipos simples y para diseñadores que recién comienzan en el mundo UX.
Principales características
- Se puede acceder desde cualquier navegador.
- Soporte de interacciones básicas, recomendado para prototipar flujos simples.
- Integración con herramientas de diseño (para importar diseños) y pruebas de usuario.
- Comparte con un enlace tu prototipo.
- No es necesario saber programar.
Axure
Axure es una potente herramienta de prototipado de alta fidelidad, permite crear prototipos interactivos hasta nivel de micro interacciones y con datos dinámicos.
Principales características
- Permite crear interacciones complejas, si se requiere lograr resultados más realistas y con datos dinámicos, es necesario tener conocimientos de programación.
- Prototipos adaptables en tiempo real.
- Generación de código HTML, CSS y JavaScript.
- Recomendado para la creación de prototipos de alta fidelidad o prototipos dónde es necesario hacer uso de micro interacciones y/o datos dinámicos.
- Genera la documentación del proceso realizado para la creación del prototipo.
Protopie
Protopie es una herramienta de prototipado de alta fidelidad que ha ganado popularidad en los últimos años. Personalmente, aún no he tenido la oportunidad de usarla, pero parece ser una de las herramientas más potentes para prototipado, ya que permite crear interacciones y micro interacciones que llevan los prototipos de alta fidelidad a un nivel más realista.
Principales características
- Integración con las principales herramientas de diseño: Sketch, Figma y Adobe XD.
- Interacciones y micro interacciones casi realistas.
- Soporta la creacion prototipos para varios dispositivos: Web, dispositivos móviles, TV, videojuegos, smartwatch y autos.
- Comparte con un enlace tu prototipo.
Cuadro comporativo
| Características | Marvel | Figma | Axure | Protopie |
|---|---|---|---|---|
| Plataforma disponibles | Navegadores | Windows, MacOS y Navegadores | Windows, MacOS | Windows, MacOS y Navegadores |
| Plan gratuito | Si (1 proyecto) | Si | No | Si |
| Nivel de prototipado | Básico | Medio | Avanzado | Avanzado |
| Curva de aprendizaje | Muy baja | Baja | Alta | Baja |
| Conocimientos básicos de programación | No | No | Si | No |
| Trabajo colaborativo en tiempo real | No | Si | No | No |
| Método para compartir prototipo | Enlace directo | Enlace directo | Axure cloud | Enlace directo |
| Recomendado para diseñar | No | Si | No | No |
| Prototipos para | Páginas web y aplicaciones móviles | Páginas web y aplicaciones móviles | Páginas web y aplicaciones móviles | Auto, videojuegos, aplicaciones móviles, smartwatch y TV |
¿Por qué solo 4 herramientas de prototipado?
Desde mi experiencia como diseñador UX/UI, considero que otras herramientas de prototipado disponibles en el mercado, como Adobe XD, Sketch, InVision y muchas más, no tienen características diferenciadoras que las hagan destacar. Es por eso que creo que actualmente no son tan utilizadas como las herramientas mencionadas en este artículo.
No existe la herramienta perfecta o absoluta para el prototipado, ya que cada herramienta es mejor en determinados contextos y objetivos del proyecto. En Negrete Studio, no tenemos una lista cerrada de herramientas, ya que siempre estamos aprendiendo como profesionales y tratamos de sacarle todo el potencial a las herramientas. Nos mantenemos actualizados con las nuevas herramientas que surgen en el mercado. De hecho, es muy probable que regresemos pronto para hablarles un poco más sobre Protopie en otro artículo de UX.
Enlaces de interés:
Suscríbete a nuestro blog
Recibe en tu correo notificaciones cada vez que publiquemos nuevos artículos sobre innovación y experiencia de usuario (UX) para empresas.