Pantalla: Dashboard de Insights¶

Identificador: SCR-NTF-001 Modulo: MTS-NTF-001 - Notificaciones Inteligentes Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado FASE: 2 - Value

1. Informacion General¶

Atributo	Valor
Nombre	Dashboard de Insights
Proposito	Vista principal de patrones detectados y estado de notificaciones inteligentes
Tipo	Full Screen
Acceso	Configuracion > Notificaciones Inteligentes
Prioridad	Alta
Disponibilidad	Pro/Perfect tier

2. Wireframe ASCII¶

2.1. Estado: Activo con Datos (>= 14 dias)¶

+------------------------------------------+
|  [<]    Notificaciones Inteligentes       |
+------------------------------------------+
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │  [Cerebro]  Sistema activo          │  |
|  │             Aprendiendo hace 28 dias │  |
|  │                           [ON/OFF]  │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  RESUMEN SEMANAL                          |
|  Semana del 25 Nov - 1 Dic                |
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │  Tomas a tiempo:     45/52 (87%)    │  |
|  │  Tiempo promedio:    4.2 min        │  |
|  │  Mejor dia:          Martes (95%)   │  |
|  │  Dia a mejorar:      Sabado (72%)   │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  SUGERENCIA ACTIVA                        |
|  ┌─────────────────────────────────────┐  |
|  │  💡 Ajustar horario recomendado     │  |
|  │  ─────────────────────────────────  │  |
|  │  Metformina 850mg                   │  |
|  │                                     │  |
|  │  Hora actual:     08:00 AM          │  |
|  │  Hora sugerida:   07:30 AM          │  |
|  │  Confianza:       94%               │  |
|  │                                     │  |
|  │  [Ver detalles]  [Aplicar]          │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  PATRONES DETECTADOS                      |
|  ┌─────────────────────────────────────┐  |
|  │  Patron: Horario consistente  [>]   │  |
|  │  Patron: Sabado problematico  [>]   │  |
|  │  Patron: Respuesta lenta      [>]   │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  ADHERENCIA POR DIA                       |
|  ┌─────────────────────────────────────┐  |
|  │  Lun |████████████████████| 95%     │  |
|  │  Mar |█████████████████████| 98%    │  |
|  │  Mie |███████████████████| 92%      │  |
|  │  Jue |████████████████████| 95%     │  |
|  │  Vie |██████████████████| 88%       │  |
|  │  Sab |██████████████| 72%     [!]   │  |
|  │  Dom |████████████████| 80%         │  |
|  └─────────────────────────────────────┘  |
|                                           |
+------------------------------------------+

2.2. Estado: Recopilando Datos (< 14 dias)¶

+------------------------------------------+
|  [<]    Notificaciones Inteligentes       |
+------------------------------------------+
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │  [Cerebro]  Aprendiendo...          │  |
|  │             Dia 8 de 14             │  |
|  │                           [ON/OFF]  │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │                                     │  |
|  │     ┌─────────────────────────┐     │  |
|  │     │  🧠                     │     │  |
|  │     │     Aprendiendo tus     │     │  |
|  │     │     patrones...         │     │  |
|  │     └─────────────────────────┘     │  |
|  │                                     │  |
|  │     ████████████░░░░░░░░░░  57%     │  |
|  │                                     │  |
|  │     6 dias mas para sugerencias     │  |
|  │     personalizadas                  │  |
|  │                                     │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  MIENTRAS TANTO...                        |
|  ┌─────────────────────────────────────┐  |
|  │  📚 Tip del dia                     │  |
|  │                                     │  |
|  │  "Tomar medicamentos a la misma     │  |
|  │   hora cada dia ayuda a crear       │  |
|  │   habitos mas fuertes"              │  |
|  │                                     │  |
|  └─────────────────────────────────────┘  |
|                                           |
+------------------------------------------+

2.3. Estado: Desactivado¶

+------------------------------------------+
|  [<]    Notificaciones Inteligentes       |
+------------------------------------------+
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │  [Cerebro]  Sistema desactivado     │  |
|  │             Tus datos se conservan  │  |
|  │                           [ON/OFF]  │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │                                     │  |
|  │     ┌─────────────────────────┐     │  |
|  │     │  💤                     │     │  |
|  │     │     Notificaciones      │     │  |
|  │     │     inteligentes        │     │  |
|  │     │     desactivadas        │     │  |
|  │     └─────────────────────────┘     │  |
|  │                                     │  |
|  │     Tus alertas basicas de         │  |
|  │     medicamentos siguen activas.   │  |
|  │                                     │  |
|  │     Tus datos de patrones se       │  |
|  │     conservan. Puedes reactivar    │  |
|  │     cuando quieras.                │  |
|  │                                     │  |
|  │     [Reactivar]                    │  |
|  │                                     │  |
|  └─────────────────────────────────────┘  |
|                                           |
+------------------------------------------+

3. Componentes UI¶

3.1. Status Header Card¶

Propiedad	Valor
Componente	CMP-NTF-001 (SmartStatusCard) NUEVO
Background	Segun estado (success/warning/neutral)
Icono	Cerebro con estado
Toggle	Switch ON/OFF
Subtitulo	Estado + tiempo

Estados Visuales:

Estado	Color BG	Icono	Texto
Activo	success.50	Cerebro activo	"Sistema activo"
Aprendiendo	warning.50	Cerebro loading	"Aprendiendo..."
Desactivado	neutral.100	Cerebro dormido	"Desactivado"

3.2. Weekly Summary Card¶

Propiedad	Valor
Componente	CMP-NTF-002 (WeeklySummaryCard) NUEVO
Layout	4 filas de metricas
Background	neutral.50
Header	Rango de fechas

3.3. Active Suggestion Card¶

Propiedad	Valor
Componente	CMP-NTF-003 (SuggestionCard) NUEVO
Border	2dp primary.500 pulsante
Icono	💡
Contenido	Medicamento, hora actual vs sugerida
Confianza	Badge con %
Actions	"Ver detalles", "Aplicar"

3.4. Pattern List Item¶

Propiedad	Valor
Componente	CMP-NTF-004 (PatternListItem) NUEVO
Layout	Horizontal, texto + chevron
Touch target	48dp height
Navegacion	A SCR-NTF-002 o detalle

3.5. Day Adherence Bars¶

Propiedad	Valor
Componente	CMP-ADH-006 (HorizontalProgressBar) - reutilizado
Layout	Lista vertical, 7 items
Badge	[!] si < 80%
Colores	Segun rangos adherencia

4. Comportamientos¶

4.1. Gestos¶

Gesto	Elemento	Accion
Tap	Toggle ON/OFF	Activar/desactivar
Tap	Sugerencia card	SCR-NTF-003
Tap	"Aplicar"	Aplicar sugerencia
Tap	Pattern item	SCR-NTF-002 filtrado
Tap	Dia con [!]	Highlight + tooltip
Pull down	Pantalla	Refresh

4.2. Toggle ON/OFF¶

flowchart TD
    A[Toggle OFF] --> B{Tiene datos?}
    B -->|Si| C[Mostrar estado desactivado]
    B -->|No| C
    C --> D[Conservar datos locales]

    E[Toggle ON] --> F{Tiene datos?}
    F -->|Si >= 14d| G[Activar inmediatamente]
    F -->|Si < 14d| H[Estado aprendiendo]
    F -->|No| I[Comenzar recopilacion]

4.3. Aplicar Sugerencia (Quick Action)¶

Tap "Aplicar" muestra confirmacion breve
Cambio se aplica a MTS-MED-001
Toast "Horario actualizado"
Card desaparece con animacion

5. Datos Requeridos¶

5.1. Input Data¶

interface SmartNotificationsData {
  // Estado del sistema
  isEnabled: boolean;
  status: 'ACTIVE' | 'LEARNING' | 'DISABLED';
  daysCollecting: number;
  daysRequired: number;           // 14

  // Resumen semanal (si activo)
  weeklySummary?: WeeklySummary;

  // Sugerencia activa (si hay)
  activeSuggestion?: Suggestion;

  // Patrones detectados
  patterns: DetectedPattern[];

  // Adherencia por dia
  dayAdherence: DayAdherence[];

  // Para estado aprendiendo
  learningProgress: number;       // 0-100
  daysRemaining: number;

  // Tip del dia (si aprendiendo)
  dailyTip?: string;
}

interface WeeklySummary {
  periodLabel: string;
  onTimeDoses: number;
  totalDoses: number;
  onTimePercentage: number;
  avgResponseTime: number;        // minutos
  bestDay: string;
  bestDayPercentage: number;
  worstDay: string;
  worstDayPercentage: number;
}

interface Suggestion {
  id: string;
  type: 'ADJUST_TIME' | 'ADD_REMINDER' | 'DAY_SPECIFIC';
  medicationId: string;
  medicationName: string;
  currentTime: string;
  suggestedTime: string;
  confidence: number;             // 0-100
  reason: string;
}

5.2. Output Events¶

Evento	Payload	Destino
onToggle	enabled	Update state
onSuggestionTap	suggestion_id	SCR-NTF-003
onApplySuggestion	suggestion_id	Apply + dismiss
onPatternTap	pattern_id	SCR-NTF-002
onDayTap	day	Tooltip/detail

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Toggle	"Notificaciones inteligentes, {estado}"
Summary item	"{metrica}: {valor}"
Suggestion	"Sugerencia: cambiar {med} de {hora1} a {hora2}"
Pattern	"Patron detectado: {tipo}"
Day bar	"{dia}, {porcentaje}% adherencia"

Evento	Anuncio
Pantalla cargada	"Notificaciones inteligentes {estado}"
Toggle cambiado	"{activado/desactivado}"
Sugerencia aplicada	"Horario actualizado"

7. Metricas¶

7.1. Analytics Events¶

Evento	Parametros
screen_view	screen_name: "smart_notifications"
smart_toggle	enabled, days_collected
suggestion_view	suggestion_id, confidence
suggestion_apply_quick	suggestion_id
pattern_tap	pattern_type

8. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)