Prototipado de aplicaciones

Antes de empezar el desarrollo de una aplicación web, debemos saber que objetivos va a cumplir esta, debemos definir las funcionalidades y requerimentos de esta, diseñar los sistemas de navegación y etiquetado y, por ultimo hacer un prototipo de la aplicación web.

Los prototipos de aplicación web se pueden realizar de distintas maneras: a traves de planos, maquetas y wireframes:

•  Los planos son diagramas de información o contenidos que reflejan la estructura y relación de comportamientos de una aplicación web. 

• Las maquetas son diagramas de representación de referencia visual, estructura y organización de una aplicación web.
• Los wireframes son un esquema de pagina o planos de pantalla que representan la estructura visual de un sitio web.

Para definir nuestro diagramado o prototipo disponemos de varias herramientas: lo podemos hacer a manera de sketching, con vocetos cortos de los conceptos, o podemos usar aplicaciones diseñadas para el prototipo tales como:

• Gliffy: Es un software de diagramación basado en la nube de HTML5. Se utiliza para crear diagramas UML, planos, diagramas de Venn, diagramas de flujo y otras clases de diagramas en línea.Gliffy puede ser editada y compartida en tiempo real y soporta los navegadores web como Google Chrome, Mozilla Firefox o Safari. Es sencillo de usar, puedes empezar en https://www.gliffy.com/ 

• Pencil Project:   Es una aplicación de escritorio con una  interfaz gráfica de prototipos que icorpora formularios generales, elementos de diagrama de flujo, formularios de interfaz de usuario de escritorio web y formularios  de interfaz gráfica de Android y iOS. Descargala y empieza tus prototipos, es fácil y rápido. Encuentrala en http://pencil.evolus.vn/

Ambas herramientas las recomiendo, tanto para diagramado como para prototipos o vistas previas, sin embargo puedes consultar mas aplicaciones como Architect o Balsamiq, el conocimiento está en tus manos.