Onboarding.
Guía la configuración inicial y puede omitirse o retomarse sin bloquear el producto completo.
Ejemplo completo
Compara la deuda observada con la composición propuesta para r19.
MarcaContexto
Onboarding
La tarea principal aparece antes que la configuración.
| Objeto | Ejemplo verificable |
|---|---|
| Fuente | Contrato canónico |
Objetivo
Guía la configuración inicial y puede omitirse o retomarse sin bloquear el producto completo.
La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.
Regiones
| Orden | Región |
|---|---|
| 1 | Propósito y progreso |
| 2 | Una decisión por etapa |
| 3 | Ejemplo o ayuda |
| 4 | Atrás, omitir y continuar |
| 5 | Resumen y primer resultado |
Estados obligatorios
| Estado | Contenido mínimo |
|---|---|
| new | Explica valor antes de pedir datos |
| in progress | Progreso guardado |
| skipped | Ruta para retomar |
| complete | Resultado y siguiente acción |
| error | Conserva respuestas y recupera |
Responsive y accesibilidad
- Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
- El título de página es único y el breadcrumb conserva la jerarquía real.
- Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
- El foco llega al mensaje o campo que requiere atención tras un envío.
- La URL entrega contenido completo sin router cliente.