Tecnología · I Medio

Ideas de aprendizaje activo

Diseño Centrado en el Usuario (UX)

El diseño centrado en el usuario requiere que los estudiantes pasen de la teoría abstracta a la práctica tangible, donde puedan ver cómo cada decisión visual afecta directamente la experiencia del usuario. Las actividades propuestas transforman principios técnicos en análisis concretos, evaluaciones colaborativas y prototipado real, lo que facilita la internalización de conceptos complejos.

• Objetivos de Aprendizaje (OA)
• OA TEC 1oM: Diseño de Soluciones Tecnológicas
• OA TEC 1oM: Experiencia de Usuario

• 30–60 min
• Parejas → Toda la clase
• 3 actividades

Actividad 01

• Paseo por la Galería
• 40 min · Grupos pequeños

Paseo por la Galería: Análisis de Jerarquía Visual

Se muestran capturas de pantalla de aplicaciones populares. Los estudiantes deben marcar con flechas dónde se dirige su mirada primero, segundo y tercero, discutiendo cómo el tamaño y el color de los botones influyen en sus acciones.

¿Cómo podemos validar que una aplicación resuelve un problema real?

Consejo de Facilitación

En la Gallery Walk, pida a los estudiantes que anoten en un cuadro comparativo tres ejemplos de jerarquía visual que encuentren en cada interfaz analizada, destacando el elemento dominante y su función.

Qué observar

Entregue a cada estudiante una tarjeta con el nombre de una aplicación conocida (ej. Spotify, WhatsApp). Pida que escriban dos necesidades de usuario que esa aplicación resuelve y un aspecto de su diseño que podría mejorarse para un grupo específico de usuarios (ej. adultos mayores).

• Comprender
• Aplicar
• Analizar
• Crear
• Habilidades de Relación
• Conciencia Social

Actividad 02

• Pensar-Emparejar-Compartir
• 30 min · Parejas

Pensar-Emparejar-Compartir: El Desafío de la Accesibilidad

Se entrega un diseño con poco contraste o fuentes muy pequeñas. Los estudiantes deben proponer cambios individuales para hacerlo accesible a personas con baja visión, comparando sus soluciones con un compañero.

¿Qué elementos hacen que una interfaz sea intuitiva para un adulto mayor?

Consejo de Facilitación

Durante el Think-Pair-Share sobre accesibilidad, proporcione a cada pareja un lector de pantalla básico para simular la experiencia de un usuario con discapacidad visual.

Qué observar

Muestre a los estudiantes un wireframe simple de una pantalla de registro. Pregunte: '¿Qué información es esencial en esta pantalla según los principios de DCU? ¿Qué elemento podría ser confuso para un usuario nuevo?' Recoja las respuestas para evaluar la comprensión inicial.

• Comprender
• Aplicar
• Analizar
• Autoconciencia
• Habilidades de Relación

Actividad 03

• Círculo de Investigación
• 60 min · Grupos pequeños

Círculo de Investigación: UI Kit Comunitario

Los grupos deben definir un conjunto de colores, botones y fuentes que representen la identidad de su colegio. Deben justificar sus elecciones basándose en la psicología del color y la legibilidad para crear una interfaz coherente.

¿Por qué es importante el prototipado rápido en el proceso de diseño?

Consejo de Facilitación

En la Collaborative Investigation del UI Kit Comunitario, asigne roles específicos (ej. diseñador gráfico, desarrollador front-end) para que cada estudiante aporte desde su área de expertise.

Qué observar

En parejas, los estudiantes intercambian un boceto de wireframe para una función simple (ej. añadir un amigo). Cada estudiante evalúa el wireframe de su compañero basándose en dos criterios: Claridad de la navegación y suficiencia de la información. Deben escribir una sugerencia constructiva para cada criterio.

• Analizar
• Evaluar
• Crear
• Autogestión
• Autoconciencia

Algunas notas para enseñar esta unidad

Este tema se enseña mejor cuando los estudiantes experimentan las consecuencias de sus decisiones de diseño en tiempo real. Evite explicaciones largas sin práctica inmediata, ya que los conceptos de contraste, jerarquía y accesibilidad se internalizan al corregir errores en interfaces reales. La retroalimentación constante y el enfoque en la empatía con el usuario final son clave para evitar que el diseño se convierta en un ejercicio puramente estético.

Al finalizar, los estudiantes demostrarán que comprenden cómo los principios de diseño UI mejoran la usabilidad y accesibilidad, aplicándolos en análisis críticos, rediseños colaborativos y propuestas funcionales. La evidencia de aprendizaje incluirá argumentos basados en evidencia, mejora de interfaces existentes y justificación de decisiones de diseño.

---

Cuidado con estas ideas erróneas

• Durante la Gallery Walk: Análisis de Jerarquía Visual, los estudiantes pueden pensar que diseñar una interfaz es solo elegir colores que les gusten.

  Use la herramienta de contraste de color integrada en la app Figma o Adobe Color durante la actividad para que los estudiantes identifiquen visualmente cómo los colores seleccionados afectan la legibilidad y usabilidad, demostrando que la estética debe servir a la función.

• Durante la Collaborative Investigation: UI Kit Comunitario, algunos pueden creer que una interfaz cargada de elementos es más profesional.

  Proporcione a los equipos una lista de verificación basada en los principios de diseño minimalista y pídales que evalúen su propio UI Kit, marcando elementos que puedan eliminarse sin afectar la funcionalidad.

---

Metodologías usadas en este resumen

• Paseo por la Galería
• Pensar-Emparejar-Compartir
• Círculo de Investigación