SCR-EST-002: Resultados de Busqueda
Identificador: SCR-EST-002
Modulo: MTS-EST-001 - Catalogo de Estudios
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Nombre |
Resultados de Busqueda |
| Tipo |
Pantalla de lista |
| Prioridad |
Alta |
| Roles |
PI, PD (solo lectura), CR, CS |
2. Proposito
Mostrar los resultados de busqueda de estudios organizados por categoria, con informacion clave de preparacion visible.
3. Wireframe ASCII
+------------------------------------------+
| [<] Resultados [filtro]|
+------------------------------------------+
| +--------------------------------------+ |
| | [Q] perfil lipidico [X] | |
| +--------------------------------------+ |
| |
| 5 resultados para "perfil lipidico" |
| |
+------------------------------------------+
| LABORATORIO (3) |
+------------------------------------------+
| +--------------------------------------+ |
| | [tubo] Perfil Lipidico Completo | |
| | LAB-QUI-002 | |
| | Colesterol, Trigliceridos, | |
| | HDL, LDL, VLDL | |
| | +-----------+ | |
| | |Ayuno 10-12h| | |
| | +-----------+ | |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | [tubo] Colesterol Total | |
| | LAB-QUI-003 | |
| | +----------+ | |
| | |Ayuno 10h | | |
| | +----------+ | |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | [tubo] Trigliceridos | |
| | LAB-QUI-004 | |
| | +-----------+ | |
| | |Ayuno 12h | | |
| | +-----------+ | |
| +--------------------------------------+ |
| |
+------------------------------------------+
| IMAGENOLOGIA (1) |
+------------------------------------------+
| +--------------------------------------+ |
| | [us] Perfil Hepatico - Ultrasonido | |
| | IMG-US-001 | |
| | +--------+ | |
| | |Ayuno 6h| | |
| | +--------+ | |
| +--------------------------------------+ |
| |
+------------------------------------------+
| ESPECIALIZADOS (1) |
+------------------------------------------+
| +--------------------------------------+ |
| | [heart] Perfil Cardiaco Completo | |
| | ESP-CAR-010 | |
| | +---------------+ | |
| | |Sin preparacion| | |
| | +---------------+ | |
| +--------------------------------------+ |
| |
+------------------------------------------+
4. Elementos de UI
| Elemento |
Componente |
Accion |
| Back button |
IconButton |
Volver a busqueda |
| Titulo |
TopAppBar |
"Resultados" |
| Filter button |
IconButton |
Abrir SCR-EST-004 |
4.2. Barra de Busqueda (Persistente)
| Elemento |
Componente |
Especificacion |
| Search Field |
CMP-INP-002 |
Query actual |
| Clear |
IconButton |
Limpiar y volver |
4.3. Contador de Resultados
| Elemento |
Componente |
Especificacion |
| Text |
Body1 |
"X resultados para 'query'" |
| Style |
Secondary color |
- |
4.4. Seccion por Categoria
| Elemento |
Componente |
Especificacion |
| Header |
SectionHeader |
"[Categoria] (count)" |
| Divider |
Divider |
Separador visual |
| Collapse |
IconButton |
Expandir/colapsar |
4.5. Study Result Card
| Elemento |
Componente |
Especificacion |
| Container |
Card elevated |
Corner radius 12dp |
| Category Icon |
Icon |
40dp, color categoria |
| Study Name |
Headline6 |
Nombre completo |
| Study Code |
Caption |
LAB-XXX-NNN |
| Description |
Body2 |
Componentes del estudio |
| Prep Badge |
Chip |
Ayuno/Sin preparacion |
4.6. Prep Badge Variants
| Variante |
Color |
Icono |
Texto |
| Ayuno |
Warning (#FFA726) |
schedule |
"Ayuno Xh" |
| Sin prep |
Success (#66BB6A) |
check |
"Sin preparacion" |
| Vejiga llena |
Info (#42A5F5) |
water_drop |
"Vejiga llena" |
| Prep especial |
Error (#EF5350) |
warning |
"Prep especial" |
5. Comportamiento
5.1. Ordenamiento
| Orden |
Criterio |
| Primario |
Relevancia a query |
| Secundario |
Frecuencia de uso |
| Terciario |
Alfabetico |
5.2. Agrupacion
- Resultados agrupados por categoria
- Secciones colapsables
- Header sticky durante scroll
5.3. Acciones
| Accion |
Resultado |
| Tap card |
Navegar a SCR-EST-003 |
| Long press |
Preview bottom sheet |
| Tap filtro |
Abrir SCR-EST-004 |
6. Estados
6.1. Estado Loading
+------------------------------------------+
| [Q] perfil lipidico |
+------------------------------------------+
| Buscando... |
| |
| +--------------------------------------+ |
| | [skeleton] | |
| | [skeleton] | |
| | [skeleton] | |
| +--------------------------------------+ |
6.2. Estado Sin Resultados
+------------------------------------------+
| [Q] xyzabc123 |
+------------------------------------------+
| |
| [ilustracion vacia] |
| |
| No encontramos estudios |
| para "xyzabc123" |
| |
| Intenta con otro termino o |
| agrega un estudio personalizado |
| |
| [+ Agregar estudio personalizado] |
| |
+------------------------------------------+
7. Accesibilidad
7.1. WCAG 2.1 AA
| Criterio |
Implementacion |
| 1.3.1 |
Lista semantica con headings |
| 1.4.1 |
Prep badges con icono + texto |
| 2.4.6 |
Categorias como headings h2 |
| 4.1.2 |
Cards con role="button" |
7.2. Screen Reader
| Elemento |
Anuncio |
| Results count |
"5 resultados para perfil lipidico" |
| Category header |
"Laboratorio, 3 estudios" |
| Study card |
"[Nombre], codigo [codigo], requiere [prep]" |
8. Navegacion
8.1. Entradas
| Origen |
Accion |
Parametros |
| SCR-EST-001 |
Enter en busqueda |
query |
| SCR-EST-004 |
Aplicar filtros |
query, filtros[] |
8.2. Salidas
| Destino |
Accion |
Parametros |
| SCR-EST-003 |
Tap card |
codigo_estudio |
| SCR-EST-004 |
Tap filtro |
query |
| SCR-EST-001 |
Clear o back |
- |
9. Analytics
| Evento |
Trigger |
Datos |
search_results_viewed |
Pantalla visible |
query, count |
category_collapsed |
Tap collapse |
categoria |
result_selected |
Tap card |
codigo, position |
no_results |
0 resultados |
query |
Documento generado por MobileUxUiDrone (Eight of Eight)