Pensamiento Computacional y Programación · IV Medio · Desarrollo de Proyectos y Sociedad Digital · 4.º Período

Interfaz de usuario y experiencia (UI/UX)

Diseño de interfaces amigables y accesibles considerando las necesidades del usuario final. Se evalúa la usabilidad y la accesibilidad de las soluciones creadas.

En resumen:El diseño de Interfaz de Usuario (UI) y la Experiencia de Usuario (UX) sitúa al ser humano en el centro del desarrollo tecnológico. En IV Medio, los estudiantes aprenden que una aplicación no solo debe funcionar bien internamente, sino que debe ser intuitiva, accesible y agradable para quien la usa. Esto se vincula con los OA 3 y 4, enfocándose en la calidad y utilidad de las soluciones creadas.

• Objetivos de Aprendizaje (OA)
• OA 3
• OA 4

Acerca de este tema

El diseño de Interfaz de Usuario (UI) y la Experiencia de Usuario (UX) sitúa al ser humano en el centro del desarrollo tecnológico. En IV Medio, los estudiantes aprenden que una aplicación no solo debe funcionar bien internamente, sino que debe ser intuitiva, accesible y agradable para quien la usa. Esto se vincula con los OA 3 y 4, enfocándose en la calidad y utilidad de las soluciones creadas.

En el contexto de Chile, la accesibilidad digital es un tema clave, especialmente para adultos mayores o personas con discapacidad. Los estudiantes exploran cómo el color, la tipografía y la disposición de los elementos afectan la usabilidad. Al diseñar con empatía, los alumnos crean tecnología más inclusiva. Este tema se asimila mejor mediante pruebas de usabilidad con usuarios reales y la creación de prototipos rápidos antes de la programación final.

Preguntas Clave

1. ¿Qué características hacen que una aplicación sea intuitiva y fácil de usar?
2. ¿Cómo diseñamos software para personas con distintas capacidades?
3. ¿Por qué el diseño de la interfaz importa tanto como el código interno?

Cuidado con estas ideas erróneas

Idea errónea común

Confundir UI con UX, pensando que son lo mismo.

Qué enseñar en su lugar

Los estudiantes suelen creer que si algo se ve bonito (UI), funciona bien (UX). Al realizar pruebas de usuario, descubren que una interfaz hermosa puede ser frustrante si la lógica de navegación es confusa, separando ambos conceptos de forma práctica.

Idea errónea común

Diseñar pensando que todos los usuarios tienen las mismas capacidades que ellos.

Qué enseñar en su lugar

Es común ignorar la accesibilidad. El uso de simuladores de discapacidad ayuda a los estudiantes a entender que el diseño universal es una responsabilidad ética y técnica, no un extra opcional.

Ideas de aprendizaje activo

Aprendizaje Experiencial

Prueba de Usabilidad de 'Guerrilla'

Los estudiantes crean un prototipo en papel de su aplicación. Deben pedirle a un compañero de otro curso que intente realizar una tarea específica sin darle instrucciones. Observan dónde se confunde el usuario y anotan mejoras para el diseño.

45 min·Parejas

Aprendizaje Experiencial

Estaciones de Accesibilidad

Los alumnos prueban sitios web usando simuladores de daltonismo o lectores de pantalla. Deben identificar barreras de acceso y proponer cambios de diseño (como mayor contraste o etiquetas de texto) para hacer la web más inclusiva.

40 min·Grupos pequeños

Pensar-Emparejar-Compartir

Análisis de Apps Populares

En parejas, analizan una app chilena exitosa (ej. una de banco o transporte). Deben identificar tres elementos que facilitan la experiencia del usuario y uno que la dificulta, compartiendo sus conclusiones con el curso.

25 min·Parejas

Preguntas frecuentes

¿Cuál es la diferencia entre UI y UX?

UI (Interfaz de Usuario) se encarga de lo visual: colores, botones y fuentes. UX (Experiencia de Usuario) se enfoca en el proceso y la sensación del usuario al interactuar con el producto. Una buena UI atrae, pero una buena UX retiene.

¿Por qué es importante la accesibilidad en el diseño de software?

Porque garantiza que todas las personas, independientemente de sus capacidades físicas o cognitivas, puedan usar la tecnología. En Chile, esto es parte de las normativas de inclusión y un principio básico de equidad digital.

¿Qué es un prototipo de baja fidelidad?

Es un boceto simple, a menudo en papel, que permite probar la lógica de una aplicación antes de programarla. Ayuda a detectar errores de diseño de forma rápida y económica, sin invertir tiempo en código que luego habrá que cambiar.

¿Cómo ayuda el aprendizaje centrado en el usuario al diseño de interfaces?

Al poner a los estudiantes en situaciones donde deben observar a otros usando sus creaciones, desarrollan empatía. El aprendizaje activo les permite ver fallos que ellos mismos no notarían, transformando el diseño en un proceso de resolución de problemas reales basado en la evidencia.