Ideas de aprendizaje activo
El diseño de interfaces (UI) y la experiencia de usuario (UX) son disciplinas esenciales en la era digital. Este tema introduce al alumnado en la creación de productos digitales que no solo sean visualmente atractivos, sino también fáciles de usar y accesibles. Estudiamos cómo se estructura la información, cómo se diseñan los flujos de navegación y la importancia de poner al usuario en el centro de todas las decisiones.
Actividad 01
Los alumnos dibujan las pantallas de una app sencilla en tarjetas de papel. Un compañero 'actúa' como el móvil y otro como el usuario, pulsando los 'botones' para ver si la navegación es lógica.
¿Qué diferencia existe entre el diseño de interfaz (UI) y la experiencia de usuario (UX)?
Actividad 02
Los grupos analizan una web municipal o escolar que sea difícil de usar. Deben identificar tres 'puntos de dolor' y proponer un rediseño del wireframe que solucione esos problemas.
¿Cómo se diseña una navegación intuitiva para una aplicación móvil?
Actividad 03
Se presentan ejemplos de interfaces que no cumplen normas de accesibilidad (poco contraste, botones pequeños). Las parejas proponen cambios para que una persona con visión reducida pueda usarlas.
¿Por qué es crucial la accesibilidad en el diseño web contemporáneo?
Algunas notas para enseñar esta unidad
Atención a estas ideas erróneas
UI y UX son lo mismo.
La UI es la capa visual (colores, botones), mientras que la UX es el proceso y la sensación del usuario al interactuar. Las simulaciones de navegación ayudan a ver que una app bonita (buena UI) puede ser frustrante si es difícil de usar (mala UX).
El diseño web es solo para programadores.
El diseño de la experiencia y la interfaz es una tarea creativa y analítica previa a la programación. El uso de herramientas de prototipado sin código permite a los alumnos centrarse en el diseño puro.
Metodologías usadas en este resumen
Tipografía y composición
Estudio de la anatomía tipográfica, clasificación de fuentes y su uso expresivo. Principios de composición visual, uso de retículas y establecimiento de la jerarquía de la información.
8 methodologies
Identidad corporativa y branding
Creación de marcas y sistemas de identidad visual coherentes. Desarrollo de logotipos, imagotipos, paletas corporativas y manuales básicos de identidad.
8 methodologies
Diseño editorial y publicitario
Proyectos de maquetación para medios impresos y digitales, cuidando la relación texto-imagen. Estrategias de comunicación persuasiva en el diseño de carteles y campañas publicitarias.
8 methodologies