Saltar al contenido

Diagrama de pagina web

febrero 9, 2022
Diagrama de pagina web

Herramienta de diagrama de arquitectura del sitio web

Los diagramas web son herramientas útiles cuando se necesita dar un paso atrás y ver el panorama general. Ya sea que esté 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 su 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.

Plantilla de diagrama de estructura del sitio web

Si quiere remodelar un sitio web existente, tiene mucho sentido utilizar los datos existentes para definir la nueva estructura y contenido de la web. Para este paso, revise los datos de sus herramientas de análisis y mapas de calor para entender cómo interactúan los visitantes con su sitio web actual.

Aquí es donde su equipo y el cliente comparten sus opiniones y cualquier idea que les gustaría incorporar en el diagrama final del sitio web. Por ejemplo, pueden señalar las páginas que faltan, sugerir nuevas categorías, elementos de navegación y cualquier otra cosa que mejore la estructura general del sitio.

En realidad, estas dos cosas son una y la misma. Sirven para el mismo propósito, que es planificar y comunicar ideas sobre la estructura de un sitio. Los diagramas de sitios web ofrecen a los creadores y planificadores de sitios web una vista de pájaro de sus proyectos de una sola vez.

Qué es un diagrama web en español

En eso consiste el diseño web y la optimización de la tasa de conversión. Facilite al máximo que su visitante vaya del punto A a los puntos B, C y D, y tendrá en sus manos una página de alto rendimiento.

El diagrama de Gutenberg puede ser un excelente punto de partida para ciertas páginas. Es ideal para páginas con una cantidad de contenido baja o media y una gran cantidad de tráfico dirigido o directo (es decir, personas ya interesadas en su página). Eso lo convierte en una opción potencial para una página de inicio o de aterrizaje.

Empezamos en la parte superior izquierda y nos movemos hacia la derecha. A continuación, hacemos un zigzag hacia abajo y hacia la izquierda y nos desplazamos una vez más (del 1 al 2, 3 y 4 en el diagrama siguiente). El resultado es una distribución desigual de la atención en ciertas regiones de la página.

Una página de Gutenberg está dividida en cuadrantes. Pasamos la mayor parte del tiempo en la parte superior izquierda (llamada área óptica primaria) y en la parte inferior derecha (área terminal) de la página. Esto hace que estas áreas estén preparadas para sus elementos de página más importantes. Puedes poner el logotipo, el titular y la propuesta de valor en el cuadrante 1, el área óptica primaria, y trabajar para concluir con una fuerte llamada a la acción en el cuadrante 4, el área terminal.

Plantilla de la estructura del sitio web

Un sitio web se compone de partes esenciales que ayudan a captar a los usuarios para que naveguen y conozcan mejor los productos y servicios de la empresa. Para que estas partes básicas sean extraordinarias, hemos enumerado las tendencias de diseño para cada una de ellas.  Aquí están:

La cabecera o banner se sitúa en la parte superior de un sitio web. Incluye el logotipo de la empresa, el editor o el propietario del sitio web. Esto informa automáticamente a los visitantes del sitio web de lo que se trata. Los sitios web que ofrecen productos y servicios suelen tener banners que presentan sus últimas ofertas o incluso las noticias actuales sobre su empresa.

La barra de navegación/pestaña de menú permite a los visitantes consultar otras páginas del sitio web. Aparece en todas las páginas de un sitio web para facilitar la navegación. Las barras de navegación suelen colocarse justo debajo del banner/encabezado para facilitar el acceso.

La calidad del contenido de un sitio web suele dictar su valor. Puede encontrar diferentes tipos de contenido en un sitio web. Pueden venir en forma de texto, imagen, audio, vídeo o una combinación de ellos.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad