Asignaturas relacionadas: - M1.A1. Arquitectura de Información y Aspectos Básicos de UX. - M2.A2. Comunicación Visual.

Esta asignatura introduce al estudiante en la conceptualización y representación temprana de interfaces digitales mediante esquemas de página y prototipos de baja fidelidad. Su propósito es dotar al alumnado de competencias para traducir necesidades de usuario en flujos visuales e interactivos, mediante soluciones iterativas, inclusivas y orientadas a objetivos.

FUNDAMENTOS TEÓRICOS - Introducción al prototipado de baja fidelidad: definición, ventajas, contexto en UX. - Diferencias entre wireframes, mockups y prototipos de alta fidelidad. - De la investigación al diseño: cómo traducir hallazgos en soluciones visuales. - Métodos para determinar el concepto creativo a partir de la investigación cualitativa y cuantitativa. - Técnicas para la formulación de problemas de diseño (How Might We questions). - Redacción de declaraciones de hitos y metas para productos o servicios digitales. - Análisis de flujos de usuarios (user flows): herramientas, convenciones, ejemplos. - Tipología de guiones gráficos (storyboards): narrativos, funcionales, emocionales. - Diseño de esquemas de página: principios visuales, jerarquía, navegación. - Herramientas y métodos para la creación en papel y pantalla (Sketching, Figma, Balsamiq). - Técnicas de transiciones y navegación en prototipos simples. - Prototipado en papel: técnicas de simulación, testeo y documentación. - Evaluación de sesgos en el diseño: patrones oscuros (dark patterns), asimetrías cognitivas. - Fundamentos de economía de la atención y su aplicación al diseño interactivo. - Principios de diseño equitativo e inclusivo aplicados al wireframing.

ACTIVIDADES Y PRÁCTICAS - Taller 1: Bocetado rápido y creación de wireframes en papel. - Taller 2: Construcción de flujos de navegación en papel + storyboard funcional. - Taller 3: Wireframing digital básico con herramientas visuales (e.g., Figma). - Taller 4: Diseño y testeo informal de un prototipo de baja fidelidad con usuarios reales. - Taller 5: Evaluación crítica de wireframes: economía de la atención y patrones engañosos.