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.

• I Medio
• Tecnología
• 3 actividades
• 30 min–60 min

Objetivos de Aprendizaje

1. Analizar las necesidades y comportamientos de usuarios específicos para informar el diseño de una solución tecnológica.
2. Evaluar la usabilidad de prototipos de interfaces digitales mediante pruebas con usuarios representativos.
3. Diseñar flujos de interacción y wireframes basados en la investigación de usuarios y principios de diseño UX.
4. Comparar diferentes metodologías de investigación de usuarios para seleccionar la más adecuada a un problema dado.
5. Criticar el diseño de aplicaciones existentes identificando puntos débiles en la experiencia del usuario.

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.

Preparación y detalles

¿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.

Setup: Espacio en paredes o mesas dispuestas alrededor del perímetro del salón

Materials: Papel grande/cartulinas, Marcadores, Notas adhesivas para retroalimentación

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

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.

Preparación y detalles

¿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.

Setup: Disposición estándar del salón: los estudiantes se giran hacia un compañero

Materials: Consigna de discusión (proyectada o impresa), Opcional: hoja de registro para parejas

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

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.

Preparación y detalles

¿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.

Setup: Grupos en mesas con acceso a fuentes de investigación

Materials: Colección de materiales fuente, Hoja de trabajo del ciclo de indagación, Protocolo de generación de preguntas, Plantilla de presentación de hallazgos

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

Enseñando Este Tema

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.

Qué Esperar

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

Idea errónea común

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.

Qué enseñar en su lugar

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.

Idea errónea común

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

Qué enseñar en su lugar

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.

Ideas de Evaluación

Boleto de Salida

Después de la Gallery Walk: Análisis de Jerarquía Visual, entregue a cada estudiante una tarjeta con el nombre de una aplicación conocida (ej. Spotify, WhatsApp). Pídales 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).

Pregunta para Discusión

Durante el Think-Pair-Share: El Desafío de la Accesibilidad, pida a cada pareja que comparta con el grupo una barrera de accesibilidad que identificaron en una interfaz común y cómo la superarían. Tome notas de las respuestas para evaluar la comprensión de los principios de diseño inclusivo.

Evaluación entre Pares

Después de la Collaborative Investigation: UI Kit Comunitario, 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 y discutirla en voz alta.

Extensiones y Apoyo

• Challenge: Pida a los estudiantes que rediseñen una interfaz compleja (ej. un formulario de inscripción) eliminando elementos innecesarios y justificando cada cambio en un breve informe técnico.
• Scaffolding: Para estudiantes con dificultades, proporcione plantillas de wireframes con espacios vacíos para completar solo los elementos esenciales, guiándolos en la priorización de información.
• Deeper: Invite a un diseñador UX profesional a revisar los UI Kits comunitarios y ofrecer retroalimentación experta, comparando las soluciones estudiantiles con estándares profesionales.

Vocabulario Clave

Diseño Centrado en el Usuario (DCU)	Una filosofía de diseño que pone las necesidades, deseos y limitaciones de los usuarios finales en el centro de todo el proceso de diseño.
Investigación de Usuarios	El proceso sistemático de comprender las actitudes, comportamientos y necesidades de los usuarios a través de métodos como entrevistas, encuestas y pruebas de usabilidad.
Prototipado Rápido	La creación de versiones tempranas y simplificadas de un producto o interfaz para probar conceptos y obtener retroalimentación rápidamente.
Wireframe	Una representación visual de bajo nivel de la estructura y el diseño de una interfaz, enfocada en la disposición de elementos y la funcionalidad, sin detalles visuales.
Test de Usabilidad	Una evaluación de un producto o prototipo realizada por usuarios representativos que intentan completar tareas específicas, observando su desempeño y recogiendo sus opiniones.