Del Storyboard a la Interfaz: Principios de Diseño UI

Section role: supports the 'Sistematización: Pautas de Diseño y Estructura' section while the teacher formalizes the theory connecting previous group wireframes to professional UI standards. Slides: (1) Title — 'Pautas de Diseño y Estructura de la Interfaz'; (2) El Storyboard como Plano — bullets: definición, por qué evita cambios arbitrarios, conexión con la estrategia digital vista en la Sección 2; (3) Jerarquía Visual — bullets: uso de tamaños, pesos y colores para guiar el ojo del usuario; (4) Asequibilidad en UI — bullets: elementos que comunican su función de forma intuitiva, ejemplos concretos como botones con relieve; (5) Contraste y Alineación — bullets: principios visuales aplicados a los wireframes creados por los equipos; (6) Ejemplo Real — bullets: comparación lado a lado de un storyboard y su interfaz final programada; (7) Cierre — '¿Cómo garantiza este diseño que el usuario cumpla el objetivo del guion?' — sets up the validation assessment in Section 4.

Lara de Teachy