El diagrama nos ayudará a ubicar cada uno de los elementos de la estructura en nuestro sitio web. Pueden existir cientos de diagramas, unos con más elementos que otros, algunos muy simples y otros más complejos, etc. El diagrama debe buscar la armonía de los elementos visuales, la inclusión de los elementos de información en la navegación y la posición estratégica de los elementos de enlace en la portada.
DIAGRAMA DE LOS ELEMENTOS VISUALES - MAQUETERIA
ESTRUCTURAS WEB ESTÁNDAR
Aquí encontrarás algunos ejemplos de diagramas de estructuras web, junto al sitio web terminado, para que puedas relacionar el diagrama inicial, con el trabajo final.
Tipo 1 - Navegación a la izquierda
DIAGRAMA DE ELEMENTOS INFORMATIVOS - MAPA DEL SITIO WEB
La distribucón es mucho más sencilla y simplemente debe adaptarse al entendimiento del cibernauta que visita nuestro sitio web, es un esquema que le permitirá ubicar toda la infromación dentro del sitio y enlazarla entre cada uno de sus elementos o componentes. A continuación algunos de ejemplos.
3. DIAGRAMA DE ELEMENTOS DE ENLACE - SOCIAL NET
Normalmente se encuentran inmersos en el área de navegación o al pie de página, pero no existe uan regla de donde ubicarlos. Paulatinamente, la importancia de estos elementos, en especial por las redes sociales, ha roto esquemas por la creatividad de su ubicación dentro del sitio web. Sin embargo, el diagrama socialnet no expone su ubicación dentro del portal, sino el uso que se le dará a cada una de las redes socailes seleccionadas por nosotros, Por ejemplo selecciono twitter, para exponer las noticias relacioandas a mis productos y servicios o al lanzamiento de alguna promoción, etc. Este diagrama tiene como objetivo el entendimiento personal de la usabilidad de la red social, antes de su inclusión en los elementos de enlace.
Aquí comparto contigo unos ejemplos:
Estructura de un sitio web
Nuevo Sitio Web HC Group
No hay comentarios:
Publicar un comentario