Día 15: 6 herramientas para hacer prototipos

---

A la hora de construir tu prototipo, es importante elegir la forma en la que vas a hacerlo y que se adapte mejor al objetivo que persigues.  No es lo mismo enseñar un esbozo de tu idea a enseñar un prototipo fiel al resultado final en términos de diseño y funcionalidades. También depende del tiempo del que dispones, del esfuerzo que quieres poner hacerlo y de tus conocimientos.  Afortunadamente, hay herramientas para todos los gustos y hoy te presentamos 6 herramientas para construir prototipos que utilizamos habitualmente en nuestros talleres, eventos y programas y nuestra opinión de cada una de ellas. 

 
1. Marvel

Marvel es una herramienta que permite crear prototipos web o de aplicaciones móviles.  Se puede complementar con otras herramientas (como Asana, Google Drive o Slack) y se puede utilizar tanto en el PC como en la app iOS o Android.

Te permite crear el prototipo a partir de un prototipo en blanco o importar tus proyectos desde Photoshop o Sketch.  Una vez diseñado, te permite animarlo con gestos o transiciones preestablecidos en la propia aplicación. 

Nuestra opinión:

A nosotros personalmente aunque nos parece una herramienta útil, no es la que más nos gusta, porque si no eres diseñador es complicado crear un prototipo bonito (todo se hace en base a imágenes a las que añades transiciones) y nos parece quizás un poco limitada.


2. Proto.io

Proto.io es una herramienta muy completa de prototipado online pensada especialmente para aplicaciones móviles y con la que se pueden crear prototipos extremadamente fieles a lo que sería la app de verdad.

Nos permite crear prototipos con una gran variedad de animaciones y gestos y contiene elementos prediseñados que nos ayudan a que el resultado sea muy atractivo con menos esfuerzos.
 
Nuestra opinion:

Si bien es una herramienta muy completa, también es bastante compleja de manejar para un principiante: no es muy intuitiva y el tiempo de aprendizaje es bastante importante.  Merece la pena invertir tiempo en aprender a utilizarla si vamos a necesitar hacer muchos prototipos y tenemos tiempo.  Si no, hay otras apps mucho más intuitivas que esta que ofrecen resultados parecidos.


3. NinjaMock

Ninjamock es una aplicación que sirve para diseñar páginas webs y aplicaciones móviles. 

Permite construir prototipos con imágenes y enlazar las pantallas la una a la otra.  Tiene una serie de diseños de botones, etc. a mano alzada y permite incluir imágenes, textos, botones, cajas de texto, etc. También permite comentarios, algo muy cómodo si trabajas en equipo en un prototipo.

Nuestra opinión:

Es una herramienta extremadamente intuitiva y sencilla de usar.  Es limitada en el diseño pero si lo que quieres es hacer un primer esbozo de un prototipo sin que te importe que se parezca exactamente a la versión final y tienes poco tiempo, esta es tu herramienta.  Nosotros la usamos en los talleres por ejemplo para crear un prototipo en un tiempo muy limitado dibujando las pantallas en papel, haciendo una foto y añadiendo después en la app los enlaces, botones etc. 


4. POP – Prototyping on Paper

POP es una herramienta de prototipado rápido para páginas web muy intuitiva basada en el dibujo. 
La forma habitual para utilizarla es dibujando las pantallas, haciendo una foto y subiéndola a la app, donde podrás añadir transiciones. También permite incluir elementos como texto, imágenes, formas, iconos e incluso dibujar dentro de las pantallas.

Nuestra opinión:

Al igual que Ninjamock, esta app es muy intuitiva y aunque limitada, permite hacer un primer esbozo de prototipos en un tiempo record en el móvil (la aplicación en el pc es muy limitada).


5. Balsamiq

Balsamiq es una herramienta intuitiva, sencilla y muy completa si lo que quieres es crear un mockup de tu app, producto o página web.  Tiene un montón de elementos diseñados que se arrastran al diseño y se ajustan de forma extremadamente sencilla. 

Una vez creado el diseño, solamente falta enlazar los elementos y listo.

Nuestra opinión:

Es una herramienta muy intuitiva y agradable de utilizar, permite prototipado rápido y sencillo.  La única pega es que no tiene versión gratuita y una vez acabada la prueba de 30 días hay que comprarla.
 

Y EL GANADOR ES:

6. ATOMIC.IO

Para nosotros sin duda la mejor herramienta de prototipado si lo que buscas es un resultado fiel a la realidad sin volverte loco es Atomic.io.

Se trata de una herramienta intuitiva, sencilla de usar, completísima (permite prácticamente hacer de todo) y tiene una versión gratuita que no limita la funciones (solamente limita el número de prototipos que puedes hacer).  Además, cuenta con vídeos tutoriales de todas las funciones de la app.

Es nuestra aplicación estrella en eventos de creación de proyectos, talleres de prototipado intensivos y programas de innovación.


Ahora solamente te falta elegir la que mejor se adapte a tus necesidades y ponerte a construir.