Logotipo de Zephyrnet

3 cosas a considerar al diseñar experiencias de aprendizaje digital

Fecha:

Nota del editor: Esta historia sobre el aprendizaje digital apareció originalmente en el blog de CoSN y se vuelve a publicar aquí con permiso.

Puntos clave:

Los maestros, directores y administradores del distrito crean contenido digital todos los días para una variedad de audiencias. Desde lecciones en el aula y recursos de aprendizaje profesional hasta guías para el personal y gráficos de anuncios, cada vez se entrega más información de forma visual. Las investigaciones muestran que procesamos la información presentada en forma visual más rápidamente que la presentada por escrito. Sin embargo, si el contenido digital se crea sin tener en cuenta la accesibilidad, el procesamiento visual y los principios básicos de diseño, el mensaje que intentamos comunicar puede perderse o, peor aún, malinterpretarse. 

Pequeños cambios en el proceso de diseño al crear contenido digital pueden tener un gran impacto en la forma en que las audiencias acceden, procesan y, en última instancia, aprenden la información. Aquí hay tres cosas a considerar al diseñar experiencias de aprendizaje digital para estudiantes y por qué:

Considere la carga cognitiva

La carga cognitiva se refiere a la cantidad de memoria de trabajo que utiliza el cerebro, similar a la RAM de su computadora. Cuando una computadora tiene varios programas ejecutándose y procesa mucha información, comienza a ralentizarse porque el uso de memoria es alto. Lo mismo le sucede al cerebro cuando aprende. Cuando el cerebro se sobrecarga con información (una carga cognitiva alta), el aprendizaje se ralentiza y se vuelve menos eficiente, porque llega menos información a la memoria permanente.

¿Qué significa esto para nosotros como diseñadores?

Evite la sobrecarga de información. Resuma toda la información que está proporcionando y considere dividir las ideas grandes en partes más pequeñas. Presente estas partes más pequeñas en un orden que sea fácil de seguir, con tiempo para procesar la información. Este método de “fragmentar y secuenciar” el contenido facilita el procesamiento de la información.

Jerarquía visual

En un mundo lleno de contenido visual, entender cómo controlar lo que nuestra audiencia ve primero es crucial. Todos hemos visto diapositivas con líneas y líneas de texto, o folletos digitales sobrecargados de imágenes, colores y fuentes. En estos momentos, nuestro cerebro no está seguro de dónde mirar y nuestra capacidad para comprender y procesar la información se ralentiza. La jerarquía visual es el arte de organizar elementos en un diseño (una diapositiva, un póster, una página web, etc.) para guiar la atención de la audiencia y transmitir información de manera eficiente. 

¿Qué significa esto para nosotros como diseñadores?

La creación de una jerarquía visual comienza con la identificación de lo que es más importante, la información que desea que su audiencia comprenda y recuerde. Puede ser una imagen, una palabra o frase, una fecha u hora, etc. Este elemento principal se coloca primero, para que siga siendo el punto focal. Los elementos más grandes llaman más la atención, así que prioriza el contenido importante convirtiéndolo en el elemento más grande del diseño. Los elementos adicionales como títulos, pequeñas líneas de texto o imágenes e íconos deben agregarse en orden de ubicación en la jerarquía visual, teniendo en cuenta mantener el foco en el elemento principal.

Menos es más. Cuantos menos elementos haya en un diseño, más fácil será procesar la información. En lugar de una diapositiva con cinco líneas de texto, intente dividirla en varias diapositivas con texto más grande. Varias imágenes pueden distraer. Intente elegir una imagen poderosa con texto cuidadosamente alineado de diferentes tamaños o colores.

Diseñe pensando en la accesibilidad

Al crear contenido digital, a menudo se dedica una cantidad significativa de tiempo a elegir minuciosamente las fuentes y los colores perfectos. En realidad, las mejores prácticas de diseño visual dicen que las fuentes y los colores deben mantenerse simples y al mínimo para mantener los diseños accesibles y disminuir la carga cognitiva.

Usar fuentes llamativas y decorativas o mezclar demasiadas fuentes puede distraer mucho y romper la jerarquía visual en el diseño. Las fuentes script y manuscritas han ganado popularidad recientemente, pero pueden ser difíciles de leer y deben evitarse al crear diseños para grandes audiencias. 

Al igual que las fuentes, el color se puede utilizar para crear interés visual y llamar la atención. El uso de algunos colores de alto contraste que combinen bien respalda la jerarquía visual y al mismo tiempo hace que el contenido sea accesible para personas con discapacidad visual o daltonismo.

¿Qué significa esto para nosotros como diseñadores?

Mantenlo simple. Elija fuentes fáciles de leer como base del diseño. lexend se creó con esto en mente: disminuir el estrés visual y aumentar la eficiencia del procesamiento. Siempre se pueden agregar fuentes decorativas para generar interés visual y llamar la atención.

Utilice herramientas en línea. Generadores de adobe y Canva facilita la creación de paletas de colores y el integrado herramientas de accesibilidad asegúrese de que las selecciones de color tengan un alto contraste.

Se consistente. Ya sea una presentación de diapositivas, un sitio web o una serie de gráficos para redes sociales, sea coherente en sus diseños. La coherencia en el diseño, las fuentes y los colores ayuda al público a anticipar el contenido y procesarlo más rápidamente.

Referencias

de Jong, T. (2010). Teoría de la carga cognitiva, investigación educativa y diseño instruccional: algunos elementos para reflexionar. Ciencias de la instrucción, 38 (2), 105–134.
https://doi.org/10.1007/s11251-009-9110-0
https://digitalpromise.org/initiative/learner-variability-project/
https://www.lexend.com/
https://color.adobe.com/create/color-wheel
https://color.adobe.com/create/color-contrast-analyzer

Sadie Lewis, directora de diseño y personalización instruccional, distrito escolar de Mehlville

Sadie Lewis es la directora de diseño y personalización instruccional en el distrito escolar de Mehlville en St. Louis, MO. Sadie es miembro del Asesoramiento sobre innovaciones Driving K-12 de CoSN.

Últimas publicaciones de colaboradores de medios de eSchool (ver todo)
punto_img

Información más reciente

punto_img