No hace mucho, hablamos sobre qué es prototipar y qué tipo de prototipos hay. Hoy veremos diferentes herramientas para diseñar un buen prototipo web. Y no solo eso, son herramientas que te permiten mostrar tu trabajo al cliente de forma casi “real”. Navegando, interactuando con las plantillas…para ver, en definitiva, cómo será la web o aplicación, y poder valorar mejor tu trabajo final.
Herramientas para crear el mejor prototipo web
En el mercado del Desarrollo de aplicaciones multiplataforma existen innumerables herramientas para prototipar. Esta es solo una selección de las que nos gustan más. Todas ellas te permiten previsualizar la web o la aplicación, gracias a la interacción entre pantallas. El resultado es una navegación bastante realista.
1# Invision
Una de las herramientas más revolucionarias en el mundo del prototipo web. Va más allá del prototipado y es también una herramienta de gestión del proyecto. Además de ser muy intuitiva, tanto para el diseñador como para el cliente, permite compartir y comentar un proyecto a tiempo real con el cliente.
2# Proto.io
Para diseñar aplicaciones, ésta la herramienta que necesitas. Puedes prototipar la aplicación tipo wireframe o visualización real en los dispositivos móviles más populares. Además no hace falta saber de código.
3# Framer Studio
Al igual que Invisio, esta herramienta te permite navegar a través del prototipo web como si fuera una experiencia real. La diferencia es que en este caso hace falta dominar Javascript o CoffeeScript. Es ideal para proyectos en que la experiencia de usuario es importante.
4# Codiqa
Una herramienta muy intuitiva que funciona con drag and drop. La simplicidad de uso es su razón de ser y por ello tienen una amplia biblioteca, que además puedes importar tu propio código. Una de sus principales ventajas es que puedes ejecutar tu prototipo web en cualquier navegador o tamaño de pantalla. Además, de que como Invision, puedes compartir el trabajo con el cliente en tiempo real.
5# Solidify
Está pensado para las primeras fases de prototipado, antes de la fase de diseño de la aplicación para validar la jerarquización de contenidos y la experiencia de usuario. También te permite enseñar al cliente las diferentes interacciones con la aplicación, los niveles de navegación y las diferentes secciones y pantallas.
