Tecnología · I Medio · Desarrollo de Aplicaciones y Experiencia de Usuario · 2do Semestre

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

Los estudiantes comprenden los principios fundamentales del diseño UX, enfocándose en la usabilidad, accesibilidad y satisfacción del usuario.

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

Acerca de este tema

El Diseño Centrado en el Usuario (UX) es una metodología que prioriza las necesidades, limitaciones y comportamientos de las personas al crear soluciones tecnológicas. En I Medio, los estudiantes aprenden que una buena aplicación no es solo la que funciona técnicamente, sino la que es fácil y agradable de usar. Este enfoque se alinea con los OA de Diseño de Soluciones Tecnológicas, fomentando la empatía como motor de la innovación.

Los alumnos exploran técnicas como entrevistas, creación de personas y prototipado rápido para validar sus ideas antes de programar. Entender el UX permite a los estudiantes crear tecnología inclusiva, considerando por ejemplo a adultos mayores o personas con discapacidad. Este tema es ideal para el aprendizaje activo, ya que requiere que los estudiantes salgan de su zona de confort, observen a usuarios reales y ajusten sus diseños basados en el feedback constante.

Preguntas Clave

1. ¿Qué diferencia la experiencia de usuario (UX) de la interfaz de usuario (UI)?
2. ¿Cómo se mide la satisfacción del usuario en el diseño de una aplicación?
3. ¿Por qué es crucial considerar la accesibilidad desde las primeras etapas del diseño?

Objetivos de Aprendizaje

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

Antes de Empezar

Fundamentos de Diseño y Comunicación Visual

Por qué: Los estudiantes necesitan comprender los principios básicos de la comunicación visual para poder analizar y crear interfaces.

Introducción a la Programación y Lógica

Por qué: Comprender cómo funcionan las aplicaciones a nivel básico ayuda a los estudiantes a apreciar las implicaciones técnicas del diseño UX.

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.

Cuidado con estas ideas erróneas

Idea errónea común

UX es solo que la aplicación se vea bonita.

Qué enseñar en su lugar

UX se trata de cómo funciona y cómo se siente el usuario, no solo de la estética (eso es UI). Las pruebas de usabilidad con prototipos de papel ayudan a ver que una app linda pero confusa es un fracaso.

Idea errónea común

Yo soy el usuario, así que sé lo que todos necesitan.

Qué enseñar en su lugar

Este es el sesgo más común. Al entrevistar a personas de diferentes edades o contextos, los estudiantes descubren que sus propias preferencias no son universales.

Ideas de aprendizaje activo

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.

30 min·Parejas

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.

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

45 min·Grupos pequeños

Conexiones con el Mundo Real

• Los diseñadores UX de empresas como Google trabajan en aplicaciones como Google Maps, investigando cómo los conductores navegan por rutas complejas y optimizando la interfaz para reducir distracciones.
• Los desarrolladores de aplicaciones bancarias en Chile, como la de BancoEstado, deben asegurar que la plataforma sea accesible para personas mayores o con dificultades motoras, permitiendo realizar transacciones de forma segura y sencilla.
• Los equipos de diseño de plataformas de e-commerce, como Mercado Libre, realizan pruebas de usabilidad con usuarios reales para identificar puntos de fricción en el proceso de compra y mejorar la tasa de conversión.

Ideas de Evaluación

Boleto de Salida

Entregue a cada estudiante una tarjeta con el nombre de una aplicación conocida (ej: Instagram, WhatsApp). Pida que escriban dos características que consideran que hacen la experiencia de usuario buena o mala, y una sugerencia concreta para mejorarla.

Verificación Rápida

Muestre a los estudiantes dos diseños de pantalla para la misma función de una aplicación (ej: registro de usuario). Pregunte: ¿Cuál de estos diseños creen que es más fácil de usar y por qué? Anote las justificaciones principales en la pizarra.

Evaluación entre Pares

Los estudiantes trabajan en parejas para crear un boceto simple de una nueva función para una aplicación. Luego, intercambian bocetos y se evalúan mutuamente usando una lista de cotejo simple: ¿Es clara la función? ¿Considera la accesibilidad? ¿Es fácil de interactuar?

Preguntas frecuentes

¿Qué es un 'User Persona'?

Es un personaje ficticio creado para representar a un tipo de usuario que podría usar un producto. Ayuda a los diseñadores a enfocarse en necesidades y comportamientos reales durante el proceso de creación.

¿Por qué es importante el prototipado rápido?

Permite probar ideas de forma barata y rápida. Es mejor fallar con un dibujo de papel que después de haber gastado meses programando una aplicación que nadie entiende.

¿Cómo potencia el aprendizaje activo la enseñanza del diseño UX?

El UX es una disciplina basada en la observación y la iteración. El aprendizaje activo, a través de entrevistas reales y pruebas de prototipos, obliga a los estudiantes a confrontar sus suposiciones con la realidad, desarrollando una mentalidad de diseño basada en la evidencia y la empatía.

¿Qué es la accesibilidad en el diseño digital?

Es la práctica de diseñar para que personas con diversas capacidades (visuales, motoras, cognitivas) puedan usar la tecnología sin barreras, un pilar fundamental del diseño ético moderno.