SCR-ANA-001: Dashboard de Resultados
Identificador: SCR-ANA-001
Modulo: MTS-ANA-001 - Analisis Clinicos
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Nombre |
Dashboard de Resultados |
| Tipo |
Pantalla principal |
| Prioridad |
Alta |
| Roles |
PI, CR, CS (con permiso) |
2. Proposito
Mostrar un resumen visual de los resultados de analisis clinicos mas recientes, destacando valores fuera de rango y tendencias.
3. Wireframe ASCII
+------------------------------------------+
| [=] Mis Analisis [+] |
+------------------------------------------+
| |
| ALERTAS (2) [Ver >] |
+------------------------------------------+
| +--------------------------------------+ |
| | [!] Colesterol LDL - ALTO | |
| | 165 mg/dL (normal: <100) | |
| | 15 Dic 2025 | |
| +--------------------------------------+ |
| |
+------------------------------------------+
| ULTIMOS RESULTADOS |
+------------------------------------------+
| |
| +--------------------------------------+ |
| | PERFIL LIPIDICO 15 Dic 2025 | |
| +--------------------------------------+ |
| | Colesterol Total [====] 220 mg/dL | |
| | HDL [===] 45 mg/dL | |
| | LDL [!] [=====] 165 mg/dL| |
| | Trigliceridos [===] 140 mg/dL | |
| | [Ver todo>] | |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | BIOMETRIA HEMATICA 10 Dic 2025 | |
| +--------------------------------------+ |
| | Hemoglobina [====] 14.5 g/dL | |
| | Hematocrito [===] 43 % | |
| | Leucocitos [===] 7,500 /uL | |
| | [Ver todo>] | |
| +--------------------------------------+ |
| |
+------------------------------------------+
| PARAMETROS CLAVE |
+------------------------------------------+
| |
| +--------+ +--------+ +--------+ |
| |Glucosa | |HbA1c | |Creat. | |
| | 95 | | 5.8% | | 0.9 | |
| | mg/dL | | | | mg/dL | |
| |[graph] | |[graph] | |[graph] | |
| +--------+ +--------+ +--------+ |
| |
+==========================================+
| [+] AGREGAR RESULTADO |
+------------------------------------------+
4. Elementos de UI
| Elemento |
Componente |
Accion |
| Menu button |
IconButton |
Abrir drawer |
| Titulo |
TopAppBar |
"Mis Analisis" |
| Add button |
IconButton |
SCR-ANA-002 |
4.2. Alertas Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"ALERTAS (count)" + "Ver >" |
| Alert Card |
AlertCard |
Fondo rojo claro |
| Alert Icon |
Icon |
warning, rojo |
| Param Name |
Subtitle1 |
Bold + estado |
| Value |
Headline6 |
Valor + unidad |
| Reference |
Caption |
Rango normal |
| Date |
Caption |
Fecha del resultado |
4.3. Resultados Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"ULTIMOS RESULTADOS" |
| Result Card |
Card elevated |
Por estudio |
| Study Name |
Subtitle1 |
Bold |
| Date |
Caption |
Fecha |
| Param Row |
ParameterRow |
Nombre + bar + valor |
| Progress Bar |
LinearProgress |
Rango visual |
| Alert Badge |
Badge |
! si fuera de rango |
| Ver Todo |
TextButton |
Expande resultado |
4.4. Parametros Clave Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"PARAMETROS CLAVE" |
| Param Card |
CompactParamCard |
100dp x 100dp |
| Param Name |
Caption |
Nombre corto |
| Value |
Headline5 |
Valor grande |
| Unit |
Caption |
Unidad |
| Mini Graph |
Sparkline |
Ultimas 5 mediciones |
4.5. FAB
| Elemento |
Componente |
Especificacion |
| FAB |
ExtendedFAB |
"+ AGREGAR RESULTADO" |
| Position |
Bottom center |
Safe area |
| Action |
Navigate |
SCR-ANA-002 |
5. Comportamiento
5.1. Progress Bar Colores
| Rango |
Color |
Significado |
| Normal |
#4CAF50 Verde |
Dentro de rango |
| Alerta |
#FF9800 Naranja |
Ligeramente fuera |
| Critico |
#F44336 Rojo |
Significativamente fuera |
5.2. Parametros Clave
- Configurables por usuario
- Default: Glucosa, HbA1c, Creatinina
- Max 6 parametros
- Tap abre grafico de tendencia
5.3. Pull to Refresh
- Sincroniza con cloud (Pro/Perfect)
- Actualiza desde resultados locales (Free)
6. Estados
6.1. Estado Vacio
+------------------------------------------+
| |
| [ilustracion laboratorio] |
| |
| Aun no tienes resultados |
| de analisis |
| |
| Agrega tus resultados de |
| laboratorio para llevar un |
| seguimiento de tu salud. |
| |
| [+ Agregar primer resultado] |
| |
+------------------------------------------+
6.2. Estado Sin Alertas
- Seccion de alertas oculta
- Solo muestra resultados y parametros
6.3. Estado Loading
- Skeleton para cards
- Shimmer animation
7. Accesibilidad
7.1. WCAG 2.1 AA
| Criterio |
Implementacion |
| 1.3.1 |
Secciones con headings |
| 1.4.1 |
Colores + iconos para alertas |
| 1.4.3 |
Contraste 4.5:1 |
| 2.4.6 |
Labels descriptivos |
7.2. Screen Reader
| Elemento |
Anuncio |
| Alert card |
"Alerta: [param] alto/bajo, [valor], normal [rango]" |
| Param row |
"[Param], [valor] [unidad], [normal/alto/bajo]" |
| Param card |
"[Param] [valor], tap para ver tendencia" |
8. Navegacion
8.1. Entradas
| Origen |
Accion |
Parametros |
| Tab Analisis |
Tap |
- |
| MTS-EST-001 |
Ver resultados |
estudio_codigo |
| Deep link |
medtime://results |
- |
8.2. Salidas
| Destino |
Accion |
Parametros |
| SCR-ANA-002 |
FAB + |
- |
| SCR-ANA-004 |
Ver historial |
- |
| SCR-ANA-005 |
Tap parametro |
param_code |
| SCR-ANA-006 |
Tap alerta |
- |
| Detalle |
Tap resultado |
result_id |
9. Analytics
| Evento |
Trigger |
Datos |
dashboard_viewed |
Pantalla visible |
alerts_count |
alert_tapped |
Tap alerta |
param, severity |
param_card_tapped |
Tap sparkline |
param |
result_expanded |
Ver todo |
result_id |
fab_tapped |
Agregar |
- |
Documento generado por MobileUxUiDrone (Eight of Eight)