Tecnología y Digitalización · 3° ESO

Ideas de aprendizaje activo

Principios de Usabilidad (UX) y Experiencia de Usuario

El tema de usabilidad y experiencia de usuario requiere que los alumnos experimenten el diseño desde la práctica, porque entender estos principios de forma teórica sin probarlos en interfaces reales no transforma su forma de pensar. La manipulación activa de interfaces, bocetos y flujos les ayuda a internalizar por qué algunos diseños funcionan mejor que otros, convirtiendo conceptos abstractos en herramientas concretas que pueden aplicar de inmediato.

• Competencias Clave LOMLOE
• LOMLOE: ESO - Diseño universal
• LOMLOE: ESO - Empatía y diseño

• 30–45 min
• Parejas → Toda la clase
• 4 actividades

Actividad 01

• Estudio de caso
• 45 min · Grupos pequeños

Rotación de Estaciones: Pruebas de Usabilidad

Prepara cuatro estaciones con webs o apps simples: evalúa jerarquía visual, consistencia, feedback y accesibilidad. Los grupos rotan cada 10 minutos, anotan problemas y proponen mejoras. Discute colectivamente al final.

¿Qué elementos hacen que una página web sea intuitiva para cualquier usuario?

Consejo de facilitación

Durante la Rotación de Estaciones, asigna roles específicos a cada grupo para que todos participen activamente, como 'observador', 'registrador' y 'entrevistador'.

Qué observar

Entrega a cada alumno una captura de pantalla de una interfaz web o de una aplicación. Pide que identifiquen y describan brevemente dos principios de usabilidad que se aplican bien y uno que podría mejorarse, explicando por qué.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 02

• Estudio de caso
• 30 min · Parejas

Pares: Diseño de Wireframe Intuitivo

En parejas, dibuja wireframes para una web escolar usando principios UX. Intercambian diseños, simulan navegación y registran frustraciones. Iteran basados en feedback mutuo.

¿Cómo influye la jerarquía visual en la retención de información por parte del usuario?

Consejo de facilitación

En el diseño de Wireframe Intuitivo, proporciona ejemplos concretos de interfaces familiares para que los alumnos comparen y ajusten sus propuestas.

Qué observar

Realiza una lluvia de ideas guiada preguntando: 'Si tuvierais que diseñar una aplicación para pedir comida a domicilio, ¿qué tres cosas haríais para que fuera lo más fácil y agradable posible de usar?' Anota las respuestas y discute cómo se relacionan con los principios de UX.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 03

• Estudio de caso
• 40 min · Grupos pequeños

Grupos Pequeños: Mapa de Flujo de Usuario

Crea mapas de usuario para una tarea común, identificando pasos, dolores y soluciones. Prueba el mapa con otro grupo y ajusta para minimizar frustración.

¿Cómo diseñaríais un flujo de usuario que minimice la frustración y maximice la eficiencia?

Consejo de facilitación

Para el Mapa de Flujo de Usuario, pide a los grupos que expliquen su proceso en voz alta mientras dibujan, para detectar lagunas en su lógica.

Qué observar

Los alumnos trabajan en parejas para crear un boceto simple de una pantalla de inicio para una app ficticia. Luego, intercambian bocetos y se dan feedback mutuamente utilizando una lista de verificación de 3-4 principios de usabilidad clave, indicando si el boceto los cumple o no.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Actividad 04

• Estudio de caso
• 35 min · Toda la clase

Clase Completa: Evaluación Colectiva de Apps

Proyecta apps populares, vota intuitividad por principios UX y debate mejoras. Registra datos en pizarra compartida para visualizar patrones comunes.

¿Qué elementos hacen que una página web sea intuitiva para cualquier usuario?

Consejo de facilitación

En la Evaluación Colectiva de Apps, usa aplicaciones que los alumnos conozcan bien para que la discusión sea más auténtica y participativa.

Qué observar

Entrega a cada alumno una captura de pantalla de una interfaz web o de una aplicación. Pide que identifiquen y describan brevemente dos principios de usabilidad que se aplican bien y uno que podría mejorarse, explicando por qué.

• Analizar
• Evaluar
• Crear
• Toma de Decisiones
• Autogestión

Algunas notas para enseñar esta unidad

Este tema se enseña mejor cuando los alumnos experimentan la frustración de una interfaz mal diseñada y luego rediseñan soluciones basadas en evidencia. Evita iniciar con definiciones abstractas; en cambio, usa ejemplos visuales y pruebas prácticas para que construyan su comprensión desde la observación y el error. Investiga sugiere que los conceptos de UX se asimilan mejor cuando los alumnos actúan como usuarios finales antes de convertirse en diseñadores, por lo que las actividades deben fomentar esa empatía inicial.

Al finalizar estas actividades, los alumnos deberían ser capaces de identificar principios clave de UX en interfaces cotidianas y argumentar por qué funcionan o fallan. Además, deberían poder aplicar estos principios en sus propios diseños, demostrando que entienden la relación entre jerarquía visual, feedback y eficiencia. La evaluación de sus entregas y discusiones mostrará si han integrado estos conceptos más allá de la memorización.

---

Atención a estas ideas erróneas

• Durante la Rotación de Estaciones, algunos alumnos pueden creer que una interfaz con muchos colores y animaciones es siempre usable.

  Durante la Rotación de Estaciones, observa cómo los grupos anotan las dificultades de las interfaces sobrecargadas y corrige esta idea llevándolos a discutir qué elementos distraen o confunden al usuario.

• Durante el Diseño de Wireframe Intuitivo, algunos pueden pensar que la UX solo importa en webs profesionales.

  Durante el Diseño de Wireframe Intuitivo, pide a los alumnos que comparen sus bocetos con interfaces simples que usen a diario, como menús de apps escolares, para demostrar que la UX mejora cualquier diseño.

• Durante el Mapa de Flujo de Usuario, algunos pueden afirmar que la jerarquía visual no afecta la retención de información.

  Durante el Mapa de Flujo de Usuario, usa ejemplos donde los alumnos prueben su propia retención: muestra dos versiones de un mismo flujo, una con jerarquía clara y otra sin ella, y pide que memoricen detalles clave en un tiempo limitado.

---

Metodologías usadas en este resumen

• Estudio de caso