📚 EVAGD: Diseño, Modo Oscuro y Trucos de Formato para tu Aula 🌑📏

Experiencia de usuario: diseña tu aula virtual pensando en el dispositivo que más usan tus alumnos: el móvil.

¡Qué tal, familia! Bienvenidos a una nueva entrega de EVAGD para dummies en la Academia MarKastle. Ya hemos empezado a llenar nuestras aulas de contenido, pero hoy nos toca ponernos el gorro de "diseñadores". Queremos un aula que no solo sea útil, sino que apetezca entrar en ella. Sin embargo, en mis pruebas con el curso de 2º ESO A, me he topado con un "enemigo" inesperado: el Modo Oscuro. Hoy os cuento cómo evitar que vuestros resaltados de colores se vuelvan ilegibles en el móvil y os doy unos trucos de formato para que vuestro curso luzca impecable.

🌑 EL PELIGRO DE LOS COLORES Y EL MODO OSCURO 📱

Muchos profesores usamos resaltados verdes o amarillos para distinguir títulos y subtítulos. En el PC se ve genial, pero cuando el alumno activa el modo oscuro en la App de Moodle, el contraste desaparece y el texto se vuelve imposible de leer. Tras investigar con herramientas como Dark Reader y consultar con IA, mi consejo es claro: elimina los fondos de color en el texto. Si quieres destacar secciones, es mucho más seguro usar emojis (como la mano señalando) o jugar con las jerarquías de títulos (H4, H5) que el sistema operativo siempre respetará independientemente del modo de visualización.

Legibilidad universal: evita los resaltados de color para asegurar que el contenido se lea bien en cualquier tema.

Otro "bug" que nos encontramos en EVAGD es que el editor colapsa los espacios en blanco. Si intentas separar dos bloques de texto dando varias veces al Enter, verás que al guardar, Moodle los pega de nuevo. ¿El truco de experto? Inserta una línea horizontal. Apenas se nota visualmente, pero "engaña" al código del aula y te permite dejar ese aire de separación tan necesario para que la información no parezca un muro de texto. Además, recuerda usar siempre el formato de "Títulos" (como el H4) en lugar de simplemente subir el tamaño de la fuente manualmente.

🎨 DISEÑO PENSADO PARA EL ALUMNADO 🚀

Nuestra meta es que el entorno virtual sea una ayuda y no una barrera. Un diseño limpio, con iconos claros y una estructura lógica basada en secciones y subsecciones, facilitará que los chicos encuentren las tareas y la normativa sin perderse. En los próximos vídeos veremos cómo organizar estas secciones para que el curso fluya solo. Recordad: lo que hagáis bien en un solo curso (vuestro "conejillo de indias"), luego lo replicaremos en el resto para ahorrar horas de trabajo repetitivo.

Versatilidad: comprueba tus cambios en diferentes dispositivos para garantizar una experiencia óptima.

📺 VÍDEO TUTORIAL: DISEÑO Y MODO OSCURO 🎬

Dale al play para ver cómo "limpio" el diseño de mi aula de Segundo de la ESO, cómo soluciono el problema de los colores ilegibles y el truco de la línea horizontal para ganar espacio. ¡Diseña como un pro sin saber de programación!

Si después de tanto diseño necesitas una buena banda sonora, pásate por mi blog de Música MarKastle. Y para los que queréis explorar los límites de la tecnología y el universo, os espero en Proyecto SPACE. ¡Nos vemos en el próximo tutorial en MarKastle.com!

© MarKastle