El diseño visual jerárquico en cursos virtuales agrega un valor estético, permite al docente ordenar la información y una mayor comprensión para el estudiante.
El docente que comprenda a su cliente – el estudiante – tendrá más posibilidades de tener éxito en lograr un proceso de aprendizaje enriquecedor y diferenciarse de la oferta de cursos virtuales que hay en la web.
¿Qué es el diseño visual jerárquico?
El diseño visual jerárquico es un principio aplicado a todo aquel contenido compuesto por elementos visuales. Su correcta aplicación permite organizar por relevancia la información – jerárquicamente – en un producto visualmente atractivo.
La clave es identificar un punto focal, “dándoles a los espectadores un punto de entrada para comenzar a navegar por tu diseño y mostrarles dónde se encuentra la información más importante”, indica la diseñadora Janie Kliever.
Realizar una composición gráfica aplicando este diseño se basa en la correcta combinación de tipografías, colores, tamaño de letra, espaciado, y elementos más complejos como la composición y la simulación de movimiento.
En el diseño web existe – debería existir – jerarquía visual. Es fácil identificar el logo del proyecto, la información más importante está en la página de inicio, los encabezados tienen un tamaño más grande que el extracto de la noticia, etc.
El diseño visual jerárquico responde a los patrones del movimiento natural del ojo, de los cuales se pueden identificar dos patrones comunes:
- El patrón Z (lectura de izquierda a derecha).
- El patrón F (lectura se concentra en el lado izquierdo de la página, manteniéndose el patrón de izquierda a derecha).
La aplicación de estos conceptos permite al diseñador dirigir la atención del lector hacia la información que él mismo considera relevante.
Es en este punto donde su uso en los cursos virtuales se hace relevante, es posible aplicar el diseño visual jerárquico para ordenar de mejor manera el contenido y de esta forma orientar la atención de los estudiantes.
Diseño visual jerárquico en cursos virtuales
El diseño visual jerárquico apoya al docente en ordenar el contenido, pero también le permite crear un balance a los ojos del estudiante permitiéndole identificar la información más relevante y la complementaria.
Los LMS poseen su propio diseño y distribución de contenido, pero aún con una plantilla predeterminada hay muchas posibilidades de aportes del docente. Veamos algunos aspectos en los cuales pueden ser aplicados estos principios de diseño:
- Contenido redactado para la web: Los documentos descargables deben tener una orientación vertical, facilitando el scroll down para la lectura. Identifica y facilita la entrega de libros que estén en este formato.
- Foros interactivos: Utiliza las herramientas de texto que proporcionan los foros. Piensa en un título llamativo, en subtítulos y escribe por bloques evitando redactar párrafos muy extensos. Aplica negrita o subrayado para enfatizar en ciertos puntos, viñetas para dar instrucciones y agrega enlaces con propósito de ejemplificar si es necesario.
- Presentaciones: Pueden ser estáticas o interactivas pero no olvides mantener una proporción adecuada en los textos e imágenes. La jerarquía visual nos indica que el estudiante estará atento a la información que aparecerá del lado izquierdo de la pantalla, aprovecha este tip para evitar la saturación de información y colocar las palabras clave en ese punto.
- Vídeos: Al igual que las presentaciones, la información más importante debe aparecer primero del lado izquierdo de la pantalla. Si tú apareces en él, esto te ayudará a saber cuál es la posición en la que deberías estar al grabarlo.
Mantén una línea gráfica (tipografía, colores, etc.), esto facilitará al estudiante asociar y recordar conceptos. No significa eliminar la creatividad, hacer un cambio cada cierto tiempo es positivo para no crear un producto monótono.
El diseño visual jerárquico puede ser aplicado a los 4 tipos de elementos que comúnmente se utilizan en los cursos virtuales: Documentos escritos, foros, presentaciones y vídeos.
Los conceptos básicos de diseño permiten la creación de productos más atractivos, incluso si tienes acceso a un diseñador te ayudará a saber qué solicitarle y cómo lograr un producto que satisfaga las necesidades del estudiante.
El objetivo no es que te conviertas en un diseñador, es enriquecer tu curso a través del uso de estrategias que funcionan en otras industrias como el diseño y desarrollo web.
¿Conocías el diseño visual jerárquico? ¿Crees que es factible su aplicación en los cursos virtuales?
