Pantalla: Recordatorios de Cita
Identificador: SCR-CIT-004
Modulo: MTS-CIT-001 - Citas, Estudios y Tratamientos
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Recordatorios de Cita |
| Proposito |
Gestionar recordatorios y notificaciones de una cita |
| Tipo |
Full Screen / Bottom Sheet |
| Acceso |
Detalle Cita > Recordatorios / Notificacion |
| Prioridad |
Alta |
2. Wireframe ASCII
2.1. Notificacion Push (Preview)
+------------------------------------------+
| |
| +------------------------------------+ |
| | MedTime ahora | |
| +------------------------------------+ |
| | Recordatorio de Cita | |
| | | |
| | Manana a las 10:00 AM | |
| | Consulta con Dr. Garcia | |
| | Hospital San Jose | |
| | | |
| | [Ver detalles] [Ver en mapa] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.2. Notificacion Estudio con Ayuno
+------------------------------------------+
| |
| +------------------------------------+ |
| | MedTime ahora | |
| +------------------------------------+ |
| | [!] Preparacion para Estudio | |
| | | |
| | Tu estudio de Perfil Lipidico | |
| | es MANANA a las 7:00 AM | |
| | | |
| | IMPORTANTE: | |
| | Ultima comida HOY a las 7:00 PM | |
| | (12 horas de ayuno requeridas) | |
| | | |
| | [Ver detalles] [Entendido] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.3. Configurar Recordatorios (Full Screen)
+------------------------------------------+
| [<] Recordatorios |
+------------------------------------------+
| |
| CITA |
| |
| +------------------------------------+ |
| | Consulta Cardiologia | |
| | 10 Dic 2025, 10:00 AM | |
| +------------------------------------+ |
| |
| RECORDATORIOS ACTIVOS |
| |
| +------------------------------------+ |
| | [Bell] 1 dia antes | |
| | 9 Dic, 10:00 AM | |
| | [Edit] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Bell] 2 horas antes | |
| | 10 Dic, 08:00 AM | |
| | [Edit] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [+] Agregar recordatorio | |
| +------------------------------------+ |
| |
| OPCIONES RAPIDAS |
| |
| [ ] 3 dias antes |
| [ ] 1 dia antes (activado) |
| [ ] 12 horas antes |
| [ ] 2 horas antes (activado) |
| [ ] 30 minutos antes |
| [ ] 15 minutos antes |
| |
| RECORDATORIO PERSONALIZADO |
| |
| +------------------------------------+ |
| | Fecha: [08/12/2025] | |
| | Hora: [10:00] | |
| +------------------------------------+ |
| |
| TIPO DE NOTIFICACION |
| |
| +------------------------------------+ |
| | (*) Push notification | |
| | ( ) Solo en app | |
| | ( ) Push + Email | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Guardar] |
+------------------------------------------+
2.4. Agregar Recordatorio (Bottom Sheet)
+------------------------------------------+
| |
| +------------------------------------+ |
| | Agregar Recordatorio | |
| +------------------------------------+ |
| |
| Cuando deseas recibir el recordatorio? |
| |
| OPCIONES RAPIDAS |
| |
| +------------------------------------+ |
| | [ ] 1 semana antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 3 dias antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 1 dia antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 12 horas antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 2 horas antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 1 hora antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] 30 minutos antes | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [ ] Personalizado... | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Agregar] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.5. Recordatorio Personalizado
+------------------------------------------+
| |
| +------------------------------------+ |
| | Recordatorio Personalizado | |
| +------------------------------------+ |
| |
| La cita es el: |
| 10 de Diciembre 2025 a las 10:00 AM |
| |
| Enviar recordatorio el: |
| |
| Fecha |
| +------------------------------------+ |
| | 08/12/2025 [v]| |
| +------------------------------------+ |
| |
| Hora |
| +------------------------------------+ |
| | 09:00 AM [v]| |
| +------------------------------------+ |
| |
| (2 dias y 1 hora antes de la cita) |
| |
| +------------------------------------+ |
| | [Agregar] | |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Cancelar] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.6. Recordatorio con Alerta de Conflicto
+------------------------------------------+
| |
| +------------------------------------+ |
| | MedTime ahora | |
| +------------------------------------+ |
| | [!] Preparacion - Perfil Lipidico | |
| | | |
| | Manana 7:00 AM - Lab Central | |
| | | |
| | REQUIERE AYUNO DE 12 HORAS | |
| | Ultima comida: HOY 7:00 PM | |
| | | |
| | ATENCION: | |
| | Tu Metformina de las 7:00 AM | |
| | debe tomarse con comida. | |
| | Consulta con tu medico. | |
| | | |
| | [Ver detalles] [Llamar medico] | |
| +------------------------------------+ |
| |
+------------------------------------------+
3. Componentes UI
3.1. Notification Preview
| Propiedad |
Valor |
| Componente |
CMP-NTF-001 (Push Notification) |
| Header |
App name + tiempo |
| Title |
Tipo de recordatorio |
| Body |
Detalles de la cita |
| Actions |
Hasta 2 botones |
3.2. Reminder Row
| Propiedad |
Valor |
| Componente |
CMP-LST-030 (Reminder Row) |
| Icon |
Bell |
| Primary |
Tiempo relativo |
| Secondary |
Fecha/hora exacta |
| Action |
Edit/Delete |
3.3. Quick Option
| Propiedad |
Valor |
| Componente |
CMP-CHK-002 (Option Checkbox) |
| Style |
Full width row |
| State |
Checked/Unchecked |
| Disabled |
Si ya paso la fecha |
3.4. DateTime Picker
| Propiedad |
Valor |
| Componente |
CMP-INP-020 (DateTime Picker) |
| Min date |
Hoy |
| Max date |
Fecha de la cita |
| Format |
DD/MM/YYYY HH:MM |
4. Tipos de Recordatorio por Evento
4.1. Consulta Medica
| Recordatorio |
Default |
Contenido |
| 1 dia antes |
Si |
Fecha, hora, medico, ubicacion |
| 2 horas antes |
Si |
Direccion, tiempo de traslado |
4.2. Estudio de Laboratorio (con ayuno)
| Recordatorio |
Default |
Contenido |
| 1 dia antes |
Si |
Preparacion, hora ultima comida |
| 12 horas antes |
Si |
"Ultima comida AHORA" |
| 2 horas antes |
Si |
Ubicacion, documentos |
4.3. Tratamiento
| Recordatorio |
Default |
Contenido |
| 3 dias antes |
Si |
Preparacion general |
| 1 dia antes |
Si |
Efectos esperados, acompanante |
| 2 horas antes |
Si |
Ubicacion, que llevar |
5. Validaciones
| Regla |
Mensaje |
| Max 5 recordatorios |
"Maximo 5 recordatorios por cita" |
| Fecha futura |
"El recordatorio debe ser antes de la cita" |
| Min 1 hora antes |
"Recordatorio minimo 1 hora antes" |
| Sin duplicados |
"Ya existe un recordatorio para esa hora" |
6. Comportamientos
6.1. Programacion
- Recordatorios se programan al guardar cita
- Si se edita cita, se recalculan fechas
- Si se cancela cita, se eliminan recordatorios
6.2. Entrega
| Tier |
Metodo |
| Free |
Notificacion local |
| Pro/Perfect |
Push notification |
6.3. Recordatorio de Ayuno
Sistema calcula automaticamente:
- Hora de ultima comida permitida
- Recordatorio especial a esa hora
- Alerta de conflictos con medicamentos
7. Datos Requeridos
interface ReminderConfig {
id: string;
appointmentId: string;
type: 'preset' | 'custom';
// For preset
preset?: ReminderPreset;
// For custom
customDateTime?: Date;
// Calculated
triggerDateTime: Date;
relativeText: string; // "1 dia antes"
// Status
sent: boolean;
sentAt?: Date;
// Notification
notificationType: 'push' | 'in_app' | 'push_email';
}
type ReminderPreset =
| '1_week'
| '3_days'
| '1_day'
| '12_hours'
| '2_hours'
| '1_hour'
| '30_min'
| '15_min';
interface ReminderNotification {
title: string;
body: string;
data: {
appointmentId: string;
type: 'reminder' | 'fasting_start' | 'conflict_warning';
};
actions?: NotificationAction[];
}
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Reminder row |
"Recordatorio {tiempo}, {fecha exacta}" |
| Quick option |
"Recordatorio {tiempo}, {activado/desactivado}" |
| Add button |
"Agregar nuevo recordatorio" |
| Notification |
"{titulo}. {cuerpo}" |
8.2. Anuncios
- Al agregar: "Recordatorio agregado para {fecha}"
- Al eliminar: "Recordatorio eliminado"
- Al alcanzar limite: "Maximo de recordatorios alcanzado"
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)