Mtro. Fernando Arciniega

Apoyame con un clic en los anuncios, me ayudas a seguir generando contenido de calidad. ¡Gracias por tu apoyo!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages

Tipos de diagramas para representar sitios web

Tipos de diagramas para representar sitios web
Print Friendly, PDF & Email

Tipos de diagramas para representar sitios web

Los diagramas para representar bocetos de sitios web son mecanismos esenciales en la arquitectura de información de sitios web, libros electrónicos, sistema de información, plataformas educativas, etc. Esta técnica ayuda en el costo de producción, ya que es más fácil y económico modificar un diseño sobre el «papel» que sobre el producto implementado y programado.
Aunque existen formas de diagramación desarrolladas por diversos autores, la propuesta de nuevas formas de diagramar complementa anteriores y contribuye a la creación de formas futuras.

Diagrama de funcionamiento

diagrama-de-funcionamiento

Es la representación de las estructuras con los flujos de navegación. Este diagrama tiene un nivel de acabado superior al anterior y complementa al mismo. Debe ser el que muestre los niveles de navegación así como los tipos de navegación en el producto.

Diagrama de presentación

Es el que muestra la manera en que se organiza de manera visual el contenido en las páginas principales del sitio web, por ejemplo: la página inicial, las páginas interiores, páginas de productos, etc. Este diagrama no pretende representar el diseño gráfico o diseño visual en detalle, sino especificar el esqueleto organizativo de la interfaz, a manera de boceto.

diagrama-de-presentacion

Iconos para realizar diagramas

iconos-para-representar-diagramas

Si quieres realizar tu diagrama de manera más moderna, aquí te dejamos algunos iconos para sustituirlos.

A continuación un ejemplo creado por estudiantes de la Universidad Tecnológica de Tecámac

Cargador Cargando…
Logotipo de EAD ¿Tarda demasiado?

Recargar Recargar el documento
| Abrir Abrir en una nueva pestaña

Descargar Archivo [520.23 KB]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.