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/