Flujos completos
Diseñar y probar un prototipo de tres pantallas
Objetivo: crear un recorrido para reservar un taller. Requisitos: editor completo de escritorio o iPad. Entrada: nombres de pantalla y transiciones siguientes. Resultado: un recorrido editable que puedes reproducir y revisar junto a los requisitos.
| Pantalla | Contenido | Transición esperada |
|---|---|---|
| Lista de talleres | Título, tarjeta y control Ver detalles | Ver detalles → Detalles del taller |
| Detalles del taller | Descripción, horario, aforo y control Reservar | Reservar → Confirmación |
| Confirmación | Mensaje de confirmación y Volver a la lista | Volver a la lista → Lista de talleres |
- Crea la página Diseño y tres marcos con los nombres de la tabla.
- Construye el contenido con Texto, Figura e iconos. Define un token de color principal y aplícalo a las acciones repetidas.
- Crea un componente de tarjeta de taller y utiliza instancias cuando se repita. Mantén textos específicos mediante variaciones locales cuando corresponda.
- Configura las tres transiciones mediante enlaces de prototipo, no flechas de diagrama.
- Inicia Reproducir en Lista de talleres. Sigue Ver detalles, Reservar y Volver a la lista. Comprueba cada destino y el regreso al inicio.
- Duplica una versión de pantalla para explorar alternativas sin sobrescribir la elegida. Conserva las anotaciones vinculadas al marco.
- Exporta el marco como HTML o React cuando necesites entregar código. Revisa el archivo por separado; el comportamiento real del servicio se añade en el entorno de aplicación.