Pantalla: Modo No Molestar
Identificador: SCR-ALT-011
Modulo: MTS-ALT-001 - Alertas y Notificaciones
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Modo No Molestar |
| Proposito |
Configurar periodos de silencio inteligente para alertas |
| Tipo |
Full Screen (settings) |
| Acceso |
Configuracion > Notificaciones > No Molestar |
| Prioridad |
Media |
2. Wireframe ASCII
2.1. Vista Principal
+------------------------------------------+
| [<] Modo No Molestar [?] |
+------------------------------------------+
| |
| +------------------------------------+ |
| | Modo No Molestar | |
| | [ON] | |
| +------------------------------------+ |
| |
| HORARIOS DE SILENCIO |
| +------------------------------------+ |
| | +-----+ Noche | |
| | | | 22:00 - 07:00 | |
| | | [v] | Todos los dias [>] | |
| | +-----+ | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | +-----+ Trabajo | |
| | | | 09:00 - 13:00 | |
| | | [v] | Lun-Vie [>] | |
| | +-----+ | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [+] Agregar horario de silencio | |
| +------------------------------------+ |
| |
| EXCEPCIONES |
| +------------------------------------+ |
| | Alertas de emergencia siempre | |
| | suenan [ON] | |
| +------------------------------------+ |
| | Medicamentos criticos siempre | |
| | suenan [ON] | |
| +------------------------------------+ |
| | Alertas a cuidadores siempre | |
| | se envian [ON] | |
| +------------------------------------+ |
| |
| SINCRONIZACION |
| +------------------------------------+ |
| | Sincronizar con DND del sistema | |
| | [OFF] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Editor de Horario de Silencio
+------------------------------------------+
| [X] Horario de Silencio [Guardar]|
+------------------------------------------+
| |
| Nombre: |
| +------------------------------------+ |
| | Noche | |
| +------------------------------------+ |
| |
| Hora de inicio: |
| +------------------------------------+ |
| | 22:00 [>] | | <- Time picker
| +------------------------------------+ |
| |
| Hora de fin: |
| +------------------------------------+ |
| | 07:00 [>] | |
| +------------------------------------+ |
| |
| Repetir: |
| +---+ +---+ +---+ +---+ +---+ +---+ +---+|
| | L | | M | | M | | J | | V | | S | | D ||
| | * | | * | | * | | * | | * | | * | | * ||
| +---+ +---+ +---+ +---+ +---+ +---+ +---+|
| |
| Durante este periodo: |
| +------------------------------------+ |
| | ( ) Silenciar todo | |
| +------------------------------------+ |
| | (o) Solo silenciar no criticos | | <- Recommended
| +------------------------------------+ |
| | ( ) Mostrar pero sin sonido | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Eliminar este horario] | | <- Destructive
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Estado: Actualmente en Modo No Molestar
+------------------------------------------+
| [<] Modo No Molestar [?] |
+------------------------------------------+
| |
| +====================================+ |
| | [Moon] ACTUALMENTE EN SILENCIO | | <- Active indicator
| | Hasta las 07:00 | |
| | | |
| | [Desactivar ahora] | |
| +====================================+ |
| |
| +------------------------------------+ |
| | Modo No Molestar | |
| | [ON] | |
| +------------------------------------+ |
| |
| [Resto de configuracion...] |
| |
+------------------------------------------+
3. Componentes UI
3.1. Schedule Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-013 (Schedule Card) |
| Checkbox |
Izquierda (activar/desactivar) |
| Titulo |
Nombre del horario |
| Subtitulo |
"HH:MM - HH:MM" |
| Terciario |
Dias de semana |
| Chevron |
Navegacion a editor |
3.2. Day Selector
| Propiedad |
Valor |
| Componente |
CMP-INP-012 (Day Picker) |
| Layout |
Row de 7 botones |
| Multi-select |
Si |
| Labels |
L, M, M, J, V, S, D |
| Size |
44x44dp cada uno |
3.3. Active Indicator Banner
| Propiedad |
Valor |
| Componente |
CMP-CRD-014 (Status Banner) |
| Icono |
Moon |
| Background |
neutral.800 |
| Color texto |
White |
| CTA |
Text button "Desactivar ahora" |
4. Disponibilidad por Tier
| Feature |
Free |
Pro |
Perfect |
| DND basico (1 horario) |
Si |
Si |
Si |
| Multiples horarios |
No |
Si |
Si |
| Excepciones criticas |
Si |
Si |
Si |
| Sync con DND sistema |
No |
Si |
Si |
| Por-medicamento |
No |
Si |
Si |
5. Comportamientos
5.1. Logica de Silenciamiento
flowchart TD
A[Alerta programada] --> B{DND activo?}
B -->|No| C[Sonar normalmente]
B -->|Si| D{Tipo de alerta?}
D -->|Emergencia| E{Override emergencias ON?}
D -->|Critica| F{Override criticos ON?}
D -->|Normal| G[Silenciar]
E -->|Si| C
E -->|No| G
F -->|Si| C
F -->|No| G
G --> H[Mostrar sin sonido]
H --> I[Registrar para mostrar al salir de DND]
5.2. Comportamiento de Alertas Silenciadas
| Tipo |
Comportamiento |
| Silenciar todo |
No sonido, no vibracion, notificacion visible |
| Solo no criticos |
Criticos suenan, resto silenciado |
| Sin sonido |
Notificacion + vibracion suave |
5.3. Al Salir de DND
- Mostrar resumen de alertas perdidas
- Banner "Tuviste X alertas durante tu periodo de silencio"
- Link a Centro de Notificaciones
6. Datos Requeridos
interface DNDSettings {
enabled: boolean;
schedules: DNDSchedule[];
exceptions: {
emergency_override: boolean;
critical_override: boolean;
carer_alerts_override: boolean;
};
sync_with_system: boolean;
is_currently_active: boolean;
current_schedule_end?: Date;
user_tier: 'FREE' | 'PRO' | 'PERFECT';
}
interface DNDSchedule {
id: string;
name: string;
start_time: string; // HH:MM
end_time: string; // HH:MM
days: DayOfWeek[];
behavior: 'SILENCE_ALL' | 'SILENCE_NON_CRITICAL' | 'NO_SOUND';
enabled: boolean;
}
7. Accesibilidad
7.1. Labels y Hints
| Elemento |
accessibilityLabel |
| Active banner |
"Modo no molestar activo hasta las {hora}. Doble tap para desactivar" |
| Schedule card |
"Horario {nombre}, {horas}, {dias}, {activo/inactivo}" |
| Day button |
"{dia}, {seleccionado/no seleccionado}" |
| Exception toggle |
"Excepcion: {descripcion}, {activada/desactivada}" |
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)