Herramientas para el Prototipo Web

Herramientas para el diseño de Prototipo Web

Framer Studio Si quieres que tus clientes no solo vean cómo se va a ver un proyecto sino que además quieres que sepan lo que se siente al navegar a través de él, esta es tu herramienta. Eso sí, es mejor que domines algo de Javascript o CoffeeScript ya que a pesar de que te proporciona el código de las animaciones básicas si nunca has trabajado con este tipo de lenguajes te resultará más difícil conseguir buenos resultados.

Puedes descargarte Framajers para descargarte e instalar la aplicación en tu ordenador la aplicación, que es gratuita, y así acceder a todos lo recursos y ver alguno ejemplos de resultados utilizando esta herramienta.

Invision Esta es una herramienta,ha supuesto una revolución en el mercado de las herramientas no solo de prototipado sino de gestión de un proyecto en general, desde las fases de creación de los mockups hasta que ya esta todo listo para comenzar el desarrollo.Entre algunas de sus características está que permite compartir y comentar un proyecto a tiempo real con el cliente, de forma que el feedback llega de manera más rápida y más clara y los procesos se agilizan. Además permite gestionar las versiones de tus proyectos sincronizando tus archivos .psd o .ai con la aplicación de modo que resulta muy fácil no perderse en el entramado de carpetas y de capas de nuestros archivos.

Proto.io Si lo que estás diseñando es una aplicación, con Proto.io puedes emular los dispositivos móviles más populares. Al hacer el prototipado de la aplicación te permite hacerlo al estilo wireframe o en modo de visualización real.La ventaja: que en este caso no es necesario escribir una línea de código y además las aplicaciones pueden ser diseñadas tanto para iOS como para Android. Solo tenemos que elegir el dispositivo al que queremos usar en el desarrollo, luego Proto.io te mostrará una interfaz gráfica que coincide con ese dispositivo.

Codiqa Codiqa es una herramienta de pago, extremadamente intuitiva puesto que funciona con drag and drop. La tendencia de este tipo de aplicaciones es que ofrezcan al diseñador cada vez más facilidades y simplicidad en su uso y ésta es una de ellas.Su ventaja: una vez que construyas el prototipo, lo podrá ejecutar en cualquier navegador o tamaño de pantalla, lo que te ahorrará mucho tiempo de gestión de peculiaridades de cada navegador y que te permite, como Invision, compartir tus propuestas en tiempo real así como generar el proyecto visualmente y con código todo al mismo tiempo, viendo los resultados a tiempo real.

Solidify Podría decirse que Solify es la version hermana de Invision que está pensada para las primeras fases de prototipado. Permite 30 días de prueba. Es ideal para marcar al cliente las áreas en las que al pasar sobre ella o hacer click ocurrirá alguna interacción con la aplicación y para mostrar los diferentes niveles de navegación y recorrido entre las secciones y pantallas.Resulta muy útil para preparar un proyecto antes de comenzar la inmersión en la fase de diseño de la aplicación y asegurarnos de que todo el planteamiento sobre el diseño de contenido está correcto y cumple su cometido. Te permite compartir tus proyectos de forma que luego obtengas feedback de cómo ha sido la experiencia de los usuarios con el mismo.