Búsqueda.
Entrega resultados direccionables, explica los criterios y distingue contenido, comandos y sugerencias.
Ejemplo completo
Compara la deuda observada con la composición propuesta para r19.
MarcaContexto
Búsqueda
La tarea principal aparece antes que la configuración.
| Objeto | Ejemplo verificable |
|---|---|
| Fuente | Contrato canónico |
Objetivo
Entrega resultados direccionables, explica los criterios y distingue contenido, comandos y sugerencias.
La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.
Regiones
| Orden | Región |
|---|---|
| 1 | Campo y botón |
| 2 | Resumen de consulta |
| 3 | Filtros y orden |
| 4 | Resultados |
| 5 | Paginación |
| 6 | Sugerencias o ayuda |
Estados obligatorios
| Estado | Contenido mínimo |
|---|---|
| initial | Ejemplos o búsquedas recientes autorizadas |
| loading | Consulta visible |
| results | Conteo, tiempo y fuente |
| empty | Términos y alternativas |
| error | Consulta preservada y reintento |
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.