De la pizarra al prototipo interactivo en Diseño UX / UI

Existe un mito muy extendido sobre el Diseño UX / UI: la creencia de que el trabajo de un diseñador de producto consiste en sentarse en silencio frente a un ordenador, abrir Figma y empezar a dibujar botones bonitos. En 2026, esa visión no solo es inexacta, sino que garantiza el fracaso de cualquier proyecto digital. El verdadero diseño de experiencia de usuario es ruidoso, colaborativo, táctil y, a menudo, ocurre muy lejos del teclado.

En el Máster en UX / UI de Trazos Madrid, entendemos que para crear aplicaciones y plataformas que resuelvan problemas reales, el alumno debe sumergirse en un entorno que simule exactamente cómo operan las grandes consultoras y startups tecnológicas. Hoy te invitamos a recorrer el ciclo de vida de un proyecto dentro de nuestras aulas presenciales: desde el primer trazo en la pizarra hasta el testeo con usuarios en vivo.

Trabajo realizado por Patricia Serrano – Carrera en Diseño Gráfico.

Un día en el laboratorio de Diseño Digital de Trazos

01 | El descubrimiento: Post-its, rotuladores y Design Thinking
02 | Arquitectura de la Información: Ordenando el caos
03 | Wireframing y el salto al lienzo digital (Figma)
04 | Diseño UI y Sistemas de Diseño: Alta Fidelidad
05 | El Prototipo Interactivo: Dando vida al producto
06 | El momento de la verdad: User Testing en el Laboratorio

1. El descubrimiento: Post-its, rotuladores y Design Thinking

Todo gran producto digital nace de una habitación llena de preguntas. En Trazos, la fase de User Research (Investigación de Usuario) no se estudia leyendo PDFs; se practica manchándose las manos. Nuestras aulas están equipadas con pizarras de pared a pared diseñadas específicamente para sesiones de Design Thinking y Brainstorming.

Durante las primeras semanas de un proyecto, los equipos de trabajo debaten, argumentan y conceptualizan de pie. Es aquí donde ocurre la magia de la presencialidad:

• Mapas de Empatía y User Personas: Definimos quién es nuestro usuario, qué le frustra y qué necesita. Llenar una pared de post-its de colores permite visualizar patrones de comportamiento que una pantalla no deja ver con la misma claridad.
• Customer Journey Maps: Trazamos el viaje emocional del usuario. Discutir en vivo con un compañero por qué un paso del proceso de compra genera fricción desarrolla el pensamiento crítico, una soft skill fundamental que las agencias buscan desesperadamente.

2. Arquitectura de la Información: Ordenando el caos

Una vez que sabemos qué necesita el usuario, hay que estructurar la solución. El siguiente paso en nuestro laboratorio presencial es la Arquitectura de la Información (AI). Aquí, la colaboración física vuelve a ser la protagonista mediante técnicas como el Card Sorting presencial.

Los alumnos utilizan tarjetas físicas para agrupar categorías, menús y funcionalidades, simulando cómo un usuario real buscaría la información. Este ejercicio, realizado sobre las grandes mesas de trabajo del campus, permite pivotar ideas en segundos. El resultado es un esquema claro (Sitemap) que servirá de esqueleto para la aplicación. Sin esta base sólida, cualquier diseño visual, por espectacular que sea, se derrumbará ante el usuario final.

3. Wireframing y el salto al lienzo digital (Figma)

Con la estructura clara, es el momento de sentarse en nuestras estaciones de trabajo de alto rendimiento. Comenzamos con los Wireframes de baja fidelidad (Low-Fi). En esta fase del Máster en UX/UI, la estética no importa; importa la usabilidad. Definimos dónde va cada bloque de texto, cada imagen y cada llamada a la acción (CTA).

El apoyo de los mentores en el aula presencial es crucial aquí. Un profesor experto puede acercarse a tu monitor, analizar tu wireframe y explicarte en directo por qué la jerarquía visual de tu pantalla principal no está guiando el ojo del usuario hacia donde debería. Es el concepto de «Learning by doing» llevado a su máxima expresión.

4. Diseño UI y Sistemas de Diseño: Alta Fidelidad

Una vez validada la estructura, entramos en la fase de User Interface (UI). Es el momento de aplicar la capa visual: tipografías, paletas de color, espaciados y sombras. Pero en 2026, no pintamos pantallas aisladas; construimos Sistemas de Diseño (Design Systems).

En el campus de Madrid, enseñamos a pensar como ingenieros visuales. Los alumnos aprenden a crear componentes escalables y variables en Figma. Esta fase se enriquece enormemente gracias a la permeabilidad de la escuela: no es raro que nuestros estudiantes de UX/UI interactúen con compañeros del área de Desarrollo Web para asegurar que sus diseños son técnicamente viables y que el handoff (la entrega a los programadores) será impecable.

5. El Prototipo Interactivo: Dando vida al producto

Un diseño plano no transmite la experiencia real. El penúltimo paso es el Prototipado Avanzado. Los alumnos conectan sus pantallas creando flujos lógicos, añadiendo microinteracciones (animaciones al hacer hover en un botón, transiciones suaves entre páginas, comportamientos de scroll complejo) que engañan al cerebro para que perciba el diseño como una app terminada.

Esta fase requiere iteración constante, y tener a un tutor al lado para destrabar una lógica condicional en Figma ahorra horas de frustración que un alumno autodidacta sufriría en su casa.

6. El momento de la verdad: User Testing en el Laboratorio

El ciclo se cierra de la forma más brutal y reveladora posible: poniendo el prototipo en manos de usuarios reales. Trazos Madrid no es solo un aula, es un entorno de pruebas. En nuestros laboratorios, realizamos sesiones de User Testing en vivo.

Ver cómo una persona ajena al proyecto intenta navegar por tu aplicación mientras observas su lenguaje corporal, sus dudas o su frustración al no encontrar un botón, es la lección de humildad más importante para un diseñador de producto. Poder analizar estas métricas cualitativas en persona, debatiendo los resultados de usabilidad con tu equipo en la misma sala, es una experiencia formativa invaluable.

7. Conclusión: La ventaja de formarse en Madrid

Estudiar Diseño de Producto en remoto te enseña a usar el software. Estudiar de forma presencial en el Máster en UX/UI de Trazos Madrid te enseña la profesión. Te enseña a defender tus ideas frente a un cliente simulado, a negociar con desarrolladores, a trabajar bajo presión en equipo y a empatizar de forma real con las personas para las que diseñas.

En el competitivo mercado laboral de 2026, las consultoras y empresas de producto buscan diseñadores que sepan gestionar todo este ciclo de vida: desde la incertidumbre inicial de una pizarra en blanco hasta el prototipo hiperrealista testeado y validado.

Lecturas recomendadas para futuros diseñadores:
• Interaction Design Foundation: La biblioteca de referencia sobre psicología aplicada al diseño.
• Laws of UX: Una recopilación de las máximas y principios psicológicos que rigen la experiencia de usuario.