Pantalla: Tendencias de Eventos
Identificador: SCR-EVT-007
Modulo: MTS-EVT-001 - Eventos de Salud
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Tendencias de Eventos |
| Proposito |
Visualizacion de tendencias y estadisticas de mediciones |
| Tipo |
Full Screen |
| Acceso |
Eventos > Tendencias / Stats > Eventos |
| Prioridad |
Media |
2. Wireframe ASCII
2.1. Vista Principal - Free
+------------------------------------------+
| [<] Tendencias [Period] |
+------------------------------------------+
| [7 dias] [30 dias] [3 meses] |
+------------------------------------------+
| |
| GLUCOSA - Ultimos 7 dias |
| +------------------------------------+ |
| | 200 | |
| | | - - - - - - - - - - - - ALTO |
| | 150 | * |
| | | * * |
| | 100 | * * * | <- Zona coloreada
| | | - - - - - - - - - - - - BAJO |
| | 50 |* * |
| | |________________________ |
| | L M Mi J V S D |
| +------------------------------------+ |
| |
| PRESION ARTERIAL - Ultimos 7 dias |
| +------------------------------------+ |
| | 180 | |
| | | - - - - - - - - - - - - ALTO |
| | 140 | |
| | | * * * * * * * SISTOLICA |
| | 120 | |
| | | o o o o o o o DIASTOLICA |
| | 80 | - - - - - - - - - - - - BAJO |
| | |________________________ |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Upgrade] Desbloquea estadisticas |
| | avanzadas con Pro |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Vista Principal - Pro/Perfect
+------------------------------------------+
| [<] Tendencias [Export] |
+------------------------------------------+
| [7 dias] [30 dias*] [3 meses] [1 ano] |
+------------------------------------------+
| |
| GLUCOSA - Ultimos 30 dias |
| +------------------------------------+ |
| | [Grafica interactiva - zoom/pan] |
| | |
| | * ** * * ** |
| | * * ** * * * |
| | ** * |
| |________________________ |
| +------------------------------------+ |
| |
| ESTADISTICAS |
| +------------------------------------+ |
| | Promedio | 118 mg/dL |
| | Rango | 72 - 185 mg/dL |
| | Desv. estandar | 23.4 mg/dL |
| | En rango (70-140)| 78% |
| | Tendencia | Estable |
| +------------------------------------+ |
| |
| HbA1c ESTIMADA |
| +------------------------------------+ |
| | +------------------+ |
| | | 5.8% | |
| | | (aprox. 3 meses) | |
| | +------------------+ |
| | |
| | [i] Estimacion basada en promedios. |
| | Solo tu medico puede confirmar. |
| +------------------------------------+ |
| |
| POR MOMENTO DEL DIA |
| +------------------------------------+ |
| | Ayunas | 95 | [===== ] |
| | Pre-comida | 102 | [====== ] |
| | Post-comida | 142 | [========= ] |
| | Antes dormir | 108 | [======= ] |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Detalle de Tipo Especifico
+------------------------------------------+
| [<] Glucosa Detallada [Export] |
+------------------------------------------+
| [Semana] [Mes] [Trimestre*] [Ano] |
+------------------------------------------+
| |
| GRAFICA PRINCIPAL |
| +------------------------------------+ |
| | [Grafica con zoom interactivo] |
| | |
| | Tap para ver valor individual |
| +------------------------------------+ |
| |
| RESUMEN DEL PERIODO |
| +------------------------------------+ |
| | Mediciones totales | 276 |
| | Promedio | 118 mg/dL |
| | Minimo | 52 mg/dL |
| | Maximo | 243 mg/dL |
| | Desviacion std | 31.2 mg/dL |
| +------------------------------------+ |
| |
| DISTRIBUCION POR RANGO |
| +------------------------------------+ |
| | [Chart pie/donut] |
| | |
| | En rango: 78% (215) |
| | Por debajo: 8% (22) |
| | Por encima: 14% (39) |
| +------------------------------------+ |
| |
| PATRON SEMANAL |
| +------------------------------------+ |
| | [Heatmap dias vs horas] |
| | |
| | 6am 12pm 6pm 12am |
| | Lun [ ] [**] [* ] [ ] |
| | Mar [ ] [* ] [**] [ ] |
| | ... |
| +------------------------------------+ |
| |
| ALERTAS DEL PERIODO |
| +------------------------------------+ |
| | Criticos bajos: 3 |
| | Criticos altos: 5 |
| | [Ver detalle de alertas] |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Line Chart (Free)
| Propiedad |
Valor |
| Componente |
CMP-CHT-006 (Basic Line Chart) |
| Zonas color |
Normal (verde), Alto (rojo), Bajo (amarillo) |
| Interactivo |
No |
| Datos |
7 dias max |
3.2. Interactive Chart (Pro/Perfect)
| Propiedad |
Valor |
| Componente |
CMP-CHT-007 (Interactive Chart) |
| Gestos |
Zoom, pan, tap for details |
| Overlay |
Linea de tendencia |
| Export |
PNG, datos |
3.3. Stats Table
| Propiedad |
Valor |
| Componente |
CMP-TBL-001 (Stats Table) |
| Layout |
Key-value pairs |
| Highlight |
Valores fuera de rango |
3.4. Distribution Chart
| Propiedad |
Valor |
| Componente |
CMP-CHT-008 (Donut Chart) |
| Segmentos |
Por rango |
| Legend |
Porcentaje + count |
3.5. Heatmap
| Propiedad |
Valor |
| Componente |
CMP-CHT-009 (Heatmap) |
| Filas |
Dias de semana |
| Columnas |
Horas |
| Color |
Intensidad por valor |
4. Comportamientos
4.1. Interaccion con Grafica
| Gesto |
Resultado |
| Tap punto |
Mostrar tooltip con valor/fecha |
| Pinch |
Zoom in/out |
| Pan |
Mover en tiempo |
| Long press |
Ver opciones (compartir, etc.) |
4.2. Exportacion
| Formato |
Contenido |
Tier |
| PNG |
Grafica como imagen |
Pro/Perfect |
| CSV |
Datos tabulares |
Pro/Perfect |
| PDF |
Reporte completo |
Pro/Perfect |
5. Restricciones por Tier
| Funcionalidad |
Free |
Pro/Perfect |
| Periodo max |
7 dias |
1 ano |
| Graficas |
Basicas |
Interactivas |
| Estadisticas |
No |
Completas |
| HbA1c estimada |
No |
Si |
| Patron semanal |
No |
Si |
| Exportar |
No |
Si |
6. Datos Requeridos
interface TrendsData {
eventType: string;
period: '7d' | '30d' | '90d' | '365d';
dataPoints: DataPoint[];
stats: {
average: number;
min: number;
max: number;
stdDev: number;
inRangePercent: number;
trend: 'up' | 'down' | 'stable';
};
distribution?: {
inRange: number;
belowRange: number;
aboveRange: number;
};
byMoment?: Record<string, number>;
alerts?: {
criticalLow: number;
criticalHigh: number;
};
}
interface DataPoint {
timestamp: Date;
value: number;
secondaryValue?: number;
context?: string;
status: 'NORMAL' | 'LOW' | 'HIGH' | 'CRITICAL';
}
7. Disclaimers
+------------------------------------------+
| [i] Los datos mostrados son para |
| referencia. Solo un profesional |
| puede interpretar estos valores. |
+------------------------------------------+
Para HbA1c estimada:
+------------------------------------------+
| [i] La HbA1c estimada se calcula a |
| partir del promedio de glucosa. |
| Solo es una aproximacion. Consulta |
| a tu medico para valores oficiales. |
+------------------------------------------+
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Chart |
"Grafica de {tipo}, {periodo}" |
| Data point |
"{valor} {unidad}, {fecha}" |
| Stats row |
"{metrica}: {valor}" |
| Period selector |
"Periodo {seleccionado}" |
8.2. Alternativa para Screen Readers
Proporcionar descripcion textual de tendencias:
"Glucosa ultimos 30 dias: promedio 118, tendencia estable, 78% en rango"
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)