Buscar este blog

lunes, 8 de octubre de 2012

Diagramación Web

Este es un tema del cual no sé mucho al respecto.

Por lo que he leído, va encaminado más a los diseñadores que a los programadores web. Sin embargo, como programador web, le he encontrado muchísima utilidad; de hecho me ha gustado mucho la forma en la que se puede diagramar un proyecto de página web.

He usado la diagramación para los modelos entidad relación  de las bases de datos, para los proyectos de Programación Orientada a Objetos, pero jamás para un sistema web.


Vale la pena tomar en cuenta este paso, que es el paso previo al diseño y a la programación.

Plano (mapa web): Es la diagramación principal del flujo de la navegación del desarrollo web. Sirve para checar la relación entre cada módulo, el funcionamiento y su organización.

Maqueta: Presentación, pantallas. Existen de baja fidelidad y alta fidelidad.

La de baja fidelidad son notas, borradores o bocetos para esquematizar las páginas ( bocetos estáticos)

La de alta fidelidad son maquetas funcionales ( interfaces con el usuario).


El Story Board es una serie de pantallas que indican el camino de una acción.

Más información:
http://www.thuer.com.ar/blog/2010/proceso-diseno-web-wireframe
http://www.xmind.net/



No hay comentarios:

Publicar un comentario