Introducción al Diseño de Experiencia de Usuario (UX)

El diseño de UX exige que los estudiantes comprendan perspectivas ajenas, algo que solo se logra con participación activa. Cuando los estudiantes asumen roles de usuarios reales o analizan productos cotidianos, internalizan que la tecnología debe resolver problemas de personas, no solo cumplir requisitos técnicos.

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

Objetivos de Aprendizaje

1. Comparar las diferencias clave entre la experiencia de usuario (UX) y la interfaz de usuario (UI) en el diseño de aplicaciones.
2. Evaluar la usabilidad de una aplicación existente identificando al menos tres puntos de fricción para el usuario.
3. Diseñar un prototipo de baja fidelidad para una aplicación móvil, incorporando principios de accesibilidad para usuarios con discapacidades visuales.
4. Explicar cómo la empatía con el usuario guía la toma de decisiones en el proceso de diseño UX.
5. Criticar un diseño de interfaz de usuario basándose en criterios de satisfacción del usuario y accesibilidad.

Juego de Roles

⏱ 30 min·Parejas

Juego de Roles: La Entrevista de Usuario

En parejas, un estudiante actúa como un usuario con una necesidad específica (ej. un abuelo que quiere usar una app de banco) y el otro como diseñador. El diseñador debe hacer preguntas abiertas para entender las frustraciones y necesidades del usuario.

Preparación y detalles

¿Qué diferencia la experiencia de usuario (UX) de la interfaz de usuario (UI)?

Consejo de Facilitación: Durante La Entrevista de Usuario, guíe a los estudiantes para que reformulen sus preguntas cerradas en abiertas, usando ejemplos como '¿Qué frustraciones tiene al usar esta herramienta?' en lugar de '¿Le gusta esta herramienta?'.

Setup: Espacio abierto o escritorios reorganizados para el escenario

Materials: Tarjetas de personaje con trasfondo y metas, Hoja informativa del escenario

• Aplicar
• Analizar
• Evaluar
• Conciencia Social
• Autoconciencia

Círculo de Investigación

⏱ 50 min·Grupos pequeños

Círculo de Investigación: Auditoría de UX Escolar

Los grupos eligen una plataforma digital que usen en el colegio (ej. el libro de clases digital o el sitio web). Deben identificar tres problemas de usabilidad y proponer mejoras visuales mediante dibujos o esquemas simples.

Preparación y detalles

¿Cómo se mide la satisfacción del usuario en el diseño de una aplicación?

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

Juego de Simulación

⏱ 45 min·Grupos pequeños

Juego de Simulación: Prototipado en Papel

Los estudiantes diseñan las pantallas de una app usando papel y post-its. Luego, un compañero 'interactúa' con el papel como si fuera una pantalla, mientras el diseñador cambia los papeles manualmente para simular el flujo de la aplicación.

Preparación y detalles

¿Por qué es crucial considerar la accesibilidad desde las primeras etapas del diseño?

Setup: Espacio flexible para estaciones de grupo

Materials: Tarjetas de rol con metas/recursos, Moneda de juego o fichas, Marcador de rondas

• Aplicar
• Analizar
• Evaluar
• Crear
• Conciencia Social
• Toma de Decisiones

Enseñando Este Tema

Este tema se enseña mejor cuando se combina la teoría con experiencias tangibles. Evite explicar UX solo con diapositivas: los estudiantes necesitan sentir la frustración de un diseño pobre y la satisfacción de resolver un problema real. La investigación muestra que el aprendizaje basado en proyectos mejora la retención de conceptos abstractos como la empatía y la usabilidad.

Qué Esperar

Al finalizar, los estudiantes reconocen que el diseño de UX trasciende la apariencia. Deben demostrar que pueden identificar necesidades reales de usuarios, proponer soluciones basadas en evidencia y comunicar sus decisiones de diseño con argumentos concretos.

Cuidado con estas ideas erróneas

Idea errónea común

Durante Prototipado en Papel, escucha frases como 'A mí me gusta este color, así que debe ser bueno'.

Qué enseñar en su lugar

Recuérdeles que durante esta actividad deben probar los prototipos con al menos dos usuarios externos al grupo. Si el prototipo es confuso para ellos, el diseño falla, independientemente de su preferencia personal.

Idea errónea común

Durante La Entrevista de Usuario, algunos estudiantes asumirán que sus propias necesidades representan a todos.

Qué enseñar en su lugar

En la fase de preparación de la entrevista, enfatice la selección de participantes diversos (ej: estudiantes de distintos cursos, docentes, personal administrativo). Pida que comparen las respuestas obtenidas y contrasten con sus suposiciones iniciales.

Ideas de Evaluación

Boleto de Salida

Después de La Entrevista de Usuario, entregue a cada estudiante una tarjeta con el nombre de una aplicación escolar (ej: plataforma de tareas). Pídales que escriban dos características que consideren que hacen la experiencia buena o mala y una sugerencia concreta para mejorarla.

Pregunta para Discusión

Después de Auditoría de UX Escolar, muestre a los estudiantes dos pantallas de la plataforma educativa institucional (ej: menú de inicio vs. menú de perfil). Pregunte: '¿Cuál de estas pantallas facilita más la tarea de un estudiante que necesita revisar sus calificaciones? Anote en la pizarra las justificaciones basadas en usabilidad y accesibilidad'.

Evaluación entre Pares

Durante Simulación: Prototipado en Papel, los estudiantes trabajan en parejas para crear un boceto de una nueva función para la app escolar (ej: recordatorio de tareas). Luego, intercambian bocetos y evalúan mutuamente usando una lista de cotejo: ¿la función es clara? ¿Considera la accesibilidad? ¿Es fácil de interactuar? Recoja los bocetos con las anotaciones para revisión.

Extensiones y Apoyo

• Challenge: Pida a los estudiantes que diseñen una solución UX para un problema complejo, como la navegación en un sitio web escolar con usuarios de diferentes edades.
• Scaffolding: Para estudiantes que luchan con la entrevista, proporcione una lista de preguntas modelo y pídales que practiquen con un compañero antes de entrevistar a usuarios reales.
• Deeper: Invite a un diseñador UX local a compartir su proceso de trabajo y cómo aborda la diversidad de usuarios en proyectos reales.

Vocabulario Clave

Experiencia de Usuario (UX)	El proceso completo de adquisición y adhesión a un producto, sistema o servicio, incluyendo las percepciones, emociones y respuestas del usuario antes, durante y después de su uso.
Interfaz de Usuario (UI)	Los elementos visuales y las herramientas interactivas que un usuario emplea para interactuar con un dispositivo o aplicación, como botones, menús y pantallas.
Usabilidad	La facilidad con la que los usuarios pueden aprender y utilizar un producto para lograr sus objetivos de manera efectiva, eficiente y satisfactoria.
Accesibilidad	El diseño de productos, dispositivos, servicios o entornos para personas con discapacidades, permitiendo su uso por la mayor cantidad de personas posible.
Persona	Un arquetipo de usuario ficticio que representa a un segmento de la audiencia objetivo, creado a partir de investigación de usuarios para guiar las decisiones de diseño.