Diagrama en blanco
Los diagramas web son herramientas útiles cuando necesitas dar un paso atrás y ver el panorama general. Los diagramas web le ayudan a ilustrar las relaciones entre los objetos mostrando las deficiencias de su plan cuando está planificando un sitio web, una aplicación web o cualquier otro sistema complejo o conjunto de ideas, etc.
Un diagrama web es un archivo que te ayuda a crear, visualizar y cambiar el flujo de una aplicación web dinámica. Como un diagrama web es principalmente una ayuda visual, limita las etiquetas del diagrama a dos o tres palabras y utiliza formas y colores para identificar los componentes del diagrama.
Aunque los diagramas web son bastante cómodos de usar, dibujar un diagrama web a mano sigue siendo muy difícil para la mayoría de nosotros. No te preocupes, puedes dibujar diagramas web rápida y fácilmente con la ayuda del creador de diagramas web que te ofrece un montón de símbolos de diagramas web útiles. Antes de empezar a dibujar diagramas web, puede aprender cómo crear diaramas web aquí.
El diagrama web incluye el diagrama conceptual del sitio web y el diagrama del mapa del sitio web, sin embargo, los pasos para dibujar estos dos tipos de diagramas son similares. A continuación se presentan consejos para hacer diagramas web que serán de gran ayuda para usted cuando cree diagramas web.
Comentarios
Los diagramas del sitio también son útiles cuando el proyecto pasa de la planificación a la producción real de la página web. A medida que el nuevo sitio se construye en un directorio en el servidor web, el diagrama del sitio es a menudo el primer lugar donde los programadores miran para obtener una comprensión de cómo los archivos del sitio deben ser subdivididos en directorios (“carpetas”) en el servidor.
A medida que los directorios y subdirectorios del sitio se organizan en el servidor, la información sobre los nombres exactos utilizados para los principales directorios y archivos debe añadirse al diagrama del sitio, para que todos los miembros del equipo tengan una referencia actualizada de las convenciones de nomenclatura y las ubicaciones de los archivos en el sitio.
La mayoría de los sitios web complejos comparten aspectos de los tres tipos de estructuras de información. Excepto en los sitios que imponen rigurosamente una secuencia de páginas, es probable que los usuarios utilicen su sitio de forma libre, como lo harían con un libro de referencia. Pero los patrones de uso no lineales típicos de los internautas no le eximen de la necesidad de organizar su pensamiento y presentarlo dentro de una estructura clara y coherente que complemente sus objetivos de diseño. El siguiente gráfico resume los tres patrones básicos de organización en función de la “linealidad” de la narración y la complejidad del contenido:
Creately
Los diagramas web son herramientas útiles cuando se necesita dar un paso atrás y ver el panorama general. Ya sea que estés planificando un sitio web, una aplicación web o cualquier otro sistema complejo o conjunto de ideas, un diagrama web ilustra las relaciones entre los objetos y puede mostrar las deficiencias de tu plan. En lugar de invertir en una costosa aplicación, puedes crear un diagrama web profesional con Microsoft Office 2013. Dado que un diagrama web es principalmente una ayuda visual, limita las etiquetas del diagrama a dos o tres palabras y utiliza formas y colores para identificar los componentes del diagrama.
Seleccione una forma para el primer objeto. Es posible que desee utilizar la misma forma para cada objeto o utilizar diferentes formas para diferentes tipos de objetos. Si tu diagrama es el de un sitio web, por ejemplo, podrías utilizar rectángulos para las páginas web, rectángulos redondeados para las páginas de ventas y círculos para los diferentes tipos de fuentes de tráfico, como los enlaces de correo electrónico, las redes sociales u otros sitios web.
Arrastra el cursor en la página donde quieras que aparezca el primer objeto. Mantenga la tecla “Shift” mientras arrastra el cursor para crear un cuadrado o círculo perfecto. En el caso de un diagrama de un sitio web, ésta debería ser la página de inicio del sitio web, colocada cerca de la parte superior de la página. Si estás dibujando un diagrama para mostrar algún otro proceso, puede que prefieras poner el objeto principal en el centro de la página para poder dibujar objetos de conexión a su alrededor.
Gliffy
Los diagramas web son herramientas útiles cuando necesitas dar un paso atrás y ver el panorama general. Ya sea que estés planificando un sitio web, una aplicación web o cualquier otro sistema complejo o conjunto de ideas, un diagrama web ilustra las relaciones entre los objetos y puede mostrar las deficiencias de tu plan. En lugar de invertir en una costosa aplicación, puedes crear un diagrama web profesional con Microsoft Office 2013. Dado que un diagrama web es principalmente una ayuda visual, limita las etiquetas del diagrama a dos o tres palabras y utiliza formas y colores para identificar los componentes del diagrama.
Seleccione una forma para el primer objeto. Es posible que desee utilizar la misma forma para cada objeto o utilizar diferentes formas para diferentes tipos de objetos. Si tu diagrama es el de un sitio web, por ejemplo, podrías utilizar rectángulos para las páginas web, rectángulos redondeados para las páginas de ventas y círculos para los diferentes tipos de fuentes de tráfico, como los enlaces de correo electrónico, las redes sociales u otros sitios web.
Arrastra el cursor en la página donde quieras que aparezca el primer objeto. Mantenga la tecla “Shift” mientras arrastra el cursor para crear un cuadrado o círculo perfecto. En el caso de un diagrama de un sitio web, ésta debería ser la página de inicio del sitio web, colocada cerca de la parte superior de la página. Si estás dibujando un diagrama para mostrar algún otro proceso, puede que prefieras poner el objeto principal en el centro de la página para poder dibujar objetos de conexión a su alrededor.
