Pantalla: Lista de Citas
Identificador: SCR-CIT-001
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 |
Lista de Citas |
| Proposito |
Mostrar todas las citas, estudios y tratamientos del paciente |
| Tipo |
Full Screen |
| Acceso |
Tab Citas / Bottom Navigation |
| Prioridad |
Alta |
2. Wireframe ASCII
2.1. Vista Lista (Default)
+------------------------------------------+
| [=] Mis Citas [+] |
+------------------------------------------+
| |
| [Agenda] [Calendario] [Historial] |
| -------- |
| |
| +------------------------------------+ |
| | [!] Tienes 1 cita HOY | |
| | Consulta con Dr. Garcia 10:00 | |
| +------------------------------------+ |
| |
| PROXIMAS |
| |
| +------------------------------------+ |
| | [Calendar] HOY | |
| | | |
| | 10:00 Consulta Cardiologia | |
| | Dr. Juan Garcia | |
| | Hospital San Jose [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Calendar] MANANA | |
| | | |
| | 07:00 Estudio de Sangre | |
| | Laboratorio Central | |
| | [Ayuno] 12 horas [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Calendar] 10 DIC | |
| | | |
| | 15:00 Quimioterapia (3/6) | |
| | Centro Oncologico | |
| | [Acompanante] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Calendar] 15 DIC | |
| | | |
| | 11:00 Terapia Fisica | |
| | Clinica Rehabilitacion [>] | |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Home] [Med] [Citas*] [Health] [More] |
+------------------------------------------+
2.2. Vista Calendario
+------------------------------------------+
| [=] Mis Citas [+] |
+------------------------------------------+
| |
| [Agenda] [Calendario*] [Historial] |
| ----------- |
| |
| +------------------------------------+ |
| | < Diciembre 2025 > | |
| +------------------------------------+ |
| | L M M J V S D | |
| | 01 02 03 04 [05] 06 07 | |
| | * | |
| | 08 09 10 11 12 13 14 | |
| | * * | |
| | 15 16 17 18 19 20 21 | |
| | * | |
| | 22 23 24 25 26 27 28 | |
| | | |
| | 29 30 31 | |
| +------------------------------------+ |
| |
| EVENTOS DEL 5 DE DICIEMBRE |
| |
| +------------------------------------+ |
| | 10:00 [Stethoscope] Consulta | |
| | Dr. Garcia - Cardiologia | |
| +------------------------------------+ |
| |
| Leyenda: * = Cita programada |
| |
+------------------------------------------+
| [Home] [Med] [Citas*] [Health] [More] |
+------------------------------------------+
2.3. Vista Historial
+------------------------------------------+
| [=] Mis Citas [+] |
+------------------------------------------+
| |
| [Agenda] [Calendario] [Historial*] |
| ---------- |
| |
| +------------------------------------+ |
| | [Search] Buscar en historial... | |
| +------------------------------------+ |
| |
| [Todas] [Consultas] [Estudios] [Otros] |
| ------ |
| |
| NOVIEMBRE 2025 |
| |
| +------------------------------------+ |
| | 28 NOV Consulta General | |
| | Dra. Martinez | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 20 NOV Estudio de Glucosa | |
| | Lab Central | |
| | [Completada] [Doc] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 15 NOV Quimioterapia (2/6) | |
| | Centro Oncologico | |
| | [Completada] [>] | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | 10 NOV Rayos X Torax | |
| | Hospital General | |
| | [No asistio] [>] | |
| +------------------------------------+ |
| |
+------------------------------------------+
2.4. Empty State
+------------------------------------------+
| [=] Mis Citas [+] |
+------------------------------------------+
| |
| [Agenda] [Calendario] [Historial] |
| -------- |
| |
| |
| |
| +------------------+ |
| | | |
| | [Calendar] | |
| | (empty) | |
| +------------------+ |
| |
| No tienes citas programadas |
| |
| Registra tus citas medicas, |
| estudios y tratamientos para |
| recibir recordatorios. |
| |
| +------------------------------+ |
| | [+] Agregar primera cita | |
| +------------------------------+ |
| |
| |
| |
+------------------------------------------+
| [Home] [Med] [Citas*] [Health] [More] |
+------------------------------------------+
3. Componentes UI
3.1. Appointment Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-030 (Appointment Card) |
| Header |
Fecha agrupada |
| Time |
Hora de la cita |
| Title |
Titulo del evento |
| Subtitle |
Medico / Institucion |
| Badges |
Ayuno, Acompanante, Sesion |
| Chevron |
Navegar a detalle |
3.2. Tab Selector
| Propiedad |
Valor |
| Componente |
CMP-TAB-003 (Triple Tab) |
| Options |
Agenda, Calendario, Historial |
| Default |
Agenda |
| Style |
Underline indicator |
3.3. Alert Banner
| Propiedad |
Valor |
| Componente |
CMP-BNR-005 (Alert Banner) |
| Icon |
Warning |
| Color |
Amber (warning) |
| Action |
Tap to see |
3.4. Mini Calendar
| Propiedad |
Valor |
| Componente |
CMP-CAL-001 (Month Grid) |
| Indicators |
Dot per event day |
| Selection |
Highlight current day |
| Navigation |
Swipe horizontal |
4. Estados de Cita
| Estado |
Badge |
Color |
| Programada |
- |
Default |
| Hoy |
HOY |
Blue |
| Requiere ayuno |
Ayuno |
Orange |
| Requiere acompanante |
Acompanante |
Purple |
| Sesion (tratamiento) |
X/Y |
Blue |
| Completada |
Completada |
Green |
| No asistio |
No asistio |
Red |
| Cancelada |
Cancelada |
Gray |
5. Comportamientos
5.1. Agrupacion por Fecha
- HOY: Citas del dia actual
- MANANA: Citas del dia siguiente
- Fecha especifica: DD MMM para otros dias
- Por mes: En historial
5.2. Ordenamiento
| Vista |
Orden |
| Agenda |
Cronologico ascendente |
| Historial |
Cronologico descendente |
5.3. Filtros en Historial
| Filtro |
Descripcion |
| Todas |
Sin filtro |
| Consultas |
CONSULTA |
| Estudios |
ESTUDIO_LAB + ESTUDIO_IMAGEN |
| Otros |
TRATAMIENTO, TERAPIA, VACUNA, PROCEDIMIENTO |
6. Restricciones por Tier
| Funcionalidad |
Free |
Pro/Perfect |
| Ver proximas citas |
Si |
Si |
| Historial |
30 dias |
Ilimitado |
| Busqueda historial |
No |
Si |
| Indicadores calendario |
Si |
Si |
7. Datos Requeridos
interface AppointmentListState {
activeTab: 'agenda' | 'calendar' | 'history';
upcoming: AppointmentGroup[];
selectedDate?: Date;
historyFilter: 'all' | 'consultations' | 'studies' | 'other';
searchQuery?: string;
}
interface AppointmentGroup {
date: Date;
label: string; // "HOY", "MANANA", "10 DIC"
appointments: AppointmentSummary[];
}
interface AppointmentSummary {
id: string;
type: EventoMedicoType;
title: string;
time: string;
doctor?: string;
institution?: string;
status: AppointmentStatus;
badges: AppointmentBadge[];
hasDocuments: boolean;
}
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Tab |
"Vista {nombre}" |
| Card |
"{tipo}: {titulo} a las {hora}, {institucion}" |
| Badge |
"{tipo}: {valor}" |
| FAB |
"Agregar nueva cita" |
8.2. Navegacion
- Tab order: Tabs > Alerta (si existe) > Lista de citas
- VoiceOver anuncia cantidad de citas al entrar
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)