El diseño y organización del contenido debe ser comprensible y proveer facilidad para su exploración y navegación.
El principio de la pirámide invertida plasma la relación complementaria entre el diseño y la disposición de la información. De acuerdo con las 11 reglas de oro para escribir contenido en tu página web (2020) “Este principio propone que “los mensajes más importantes van en la parte superior de la página, a continuación, la información de apoyo más específica y, por último, los detalles menos relevantes” disposición expuesta en la figura 1.
Figura 1
Principio de la pirámide invertida:
Otro elemento que aporta a la presentación distintiva y comprensiva es la estructura de la organización o distribución del contenido. Enseguida en la figura 2, se observa la ubicación en la página de títulos, subtítulos, encabezados y regiones.
Figura 2
Ubicación en la página de títulos, subtítulos, encabezados y regiones
Algunas plantillas de estructura de la organización o distribución del contenido ubican las regiones y los bloques de información en cabecera, cuerpo y pie de página:
- Cabecera: ícono, banner y menú de navegación.
- Cuerpo: columna principal con el contenido relevante y barras laterales de información complementaria.
- Pie de página: información adicional.
De las cuales se puede seleccionar según el plan de diseño de los contenidos accesibles. Como se observa en la figura 3.
Figura 3
Plantillas: Diseño básico por regiones y bloques
En los esquemas del diseño por regiones y bloques, se ubica o distribuye el contenido de manera que beneficie la tarea cognitiva de búsqueda visual, atención dividida entre el conjunto de información presentada en un mismo espacio y tiempo, lectura y comprensión de textos en diversos formatos, etc.
Es importante, especificar los contrastes de color de las fuentes y las regiones, pues es evidente en las plantillas de arriba, que pueden o no favorecer la visualización o diferenciación entre los bloques de contenidos.
En la posterior muestra de diseño básico el contenido ubicado en el cuerpo del texto principal tendrá
mayor relevancia que el ubicado en las barras laterales o en el segmento de información complementaria y/o en el pie de página. De igual manera es necesario pensar la presentación de los contenidos en las diferentes pantallas.
Figura 4
Diseño básico en diferentes pantallas
Este diseño permite una fácil exploración del contenido en el entorno web, es decir, se tiene en cuenta al “usuario lector”, que antes de empezar a leer, hace el barrido visual de la página para observar o verificar su interés. Favorece la visualización del contenido de la página y la inclusión de “espacios en blanco” contribuye a su aprovechamiento generando una apariencia clara y ordenada, así como su comprensión y navegabilidad.
En la figura 5 se muestra un ejemplo de estructura de la organización del contenido, se distinguen las regiones y los bloques con la ubicación de títulos, subtítulos y encabezados. Al detallar, se encuentran sugerencias en la distribución de la información:
- En el encabezado, la ubicación del logo, un bloque para la fecha e índice, así como el espacio e icono de búsqueda, la barra y las pestañas para la navegación y desplazamiento entre páginas.
- En el cuerpo, sugiere la zona del contenido principal.
- En las barras laterales, secciones de páginas locales o información complementaria y otra de enlaces externos.
- Para el pie de página, los enlaces, contacto y otra información.
En el diseño visual del sitio es importante mantener la coherencia y estilo común entre todas las páginas, así se proporciona consistencia y armonía del contenido.
Este diseño permite una fácil exploración del contenido en el entorno web, es decir, se tiene en cuenta al “usuario lector”, que antes de empezar a leer, hace el barrido visual de la página para observar o verificar su interés. Favorece la visualización del contenido de la página y la inclusión de “espacios en blanco” contribuye a su aprovechamiento generando una apariencia clara y ordenada, así como su comprensión y navegabilidad.
En la figura 5 se muestra un ejemplo de estructura de la organización del contenido, se distinguen las regiones y los bloques con la ubicación de títulos, subtítulos y encabezados. Al detallar, se encuentran sugerencias en la distribución de la información:
- En el encabezado, la ubicación del logo, un bloque para la fecha e índice, así como el espacio e icono de búsqueda, la barra y las pestañas para la navegación y desplazamiento entre páginas.
- En el cuerpo, sugiere la zona del contenido principal.
- En las barras laterales, secciones de páginas locales o información complementaria y otra de enlaces externos.
- Para el pie de página, los enlaces, contacto y otra información.
En el diseño visual del sitio es importante mantener la coherencia y estilo común entre todas las páginas, así se proporciona consistencia y armonía del contenido.
Figura 5
Diseño global
