Pantalla: Configurar Habitos
Identificador: SCR-CAL-005
Modulo: MTS-CAL-001 - Calendario
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Configurar Habitos |
| Proposito |
Definir horarios de rutina para optimizar tomas de medicamentos |
| Tipo |
Full Screen |
| Acceso |
Configuracion > Mis Habitos / Onboarding |
| Prioridad |
Alta |
2. Wireframe ASCII
2.1. Vista Principal
+------------------------------------------+
| [<] Mis Habitos |
+------------------------------------------+
| |
| +------------------------------------+ |
| | [i] MedTime usa tus habitos para |
| | sugerir los mejores horarios |
| | para tus medicamentos |
| +------------------------------------+ |
| |
| MI RUTINA DIARIA |
| |
| +------------------------------------+ |
| | [Sun] Me despierto |
| | 06:30 [>] |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Coffee] Desayuno |
| | 07:30 [>] |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Food] Almuerzo |
| | 13:00 [>] |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Apple] Merienda |
| | 17:00 [>] |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Dinner] Cena |
| | 20:00 [>] |
| +------------------------------------+ |
| +------------------------------------+ |
| | [Moon] Me acuesto |
| | 22:30 [>] |
| +------------------------------------+ |
| |
| HORARIOS DE FIN DE SEMANA |
| +------------------------------------+ |
| | [ ] Uso horarios diferentes en |
| | fines de semana |
| +------------------------------------+ |
| |
| FLEXIBILIDAD |
| +------------------------------------+ |
| | [ ] Mis horarios varian mucho |
| | dia a dia |
| +------------------------------------+ |
| |
+------------------------------------------+
| [Guardar cambios] |
+------------------------------------------+
2.2. Editar Momento del Dia
+------------------------------------------+
| [<] Hora de Desayuno |
+------------------------------------------+
| |
| A que hora desayunas normalmente? |
| |
| +------------------+ |
| | | |
| | [ 07 : 30 ] | | <- Time picker
| | | |
| +------------------+ |
| |
| OPCIONES RAPIDAS |
| [06:00] [06:30] [07:00] [07:30*] [08:00] |
| |
| DIAS LABORALES |
| +------------------------------------+ |
| | ( ) Mismo horario todos los dias |
| | (*) Diferente horario por dia |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Lun 07:30 [>]|
| | Mar 07:30 [>]|
| | Mie 07:30 [>]|
| | Jue 07:30 [>]|
| | Vie 07:30 [>]|
| | Sab 09:00 [>]|
| | Dom 09:30 [>]|
| +------------------------------------+ |
| |
+------------------------------------------+
| [Guardar] |
+------------------------------------------+
2.3. Onboarding (Wizard)
+------------------------------------------+
| Configuremos tus horarios 1/5 |
+------------------------------------------+
| |
| |
| +------------------+ |
| | | |
| | [Sun Icon] | |
| | | |
| +------------------+ |
| |
| A que hora te despiertas |
| normalmente? |
| |
| +------------------+ |
| | [ 06 : 30 ] | |
| +------------------+ |
| |
| [05:00] [05:30] [06:00] [06:30*] |
| [07:00] [07:30] [08:00] [08:30] |
| |
| |
| [ o o o o o ] | <- Progress dots
| |
| |
+------------------------------------------+
| [Atras] [Siguiente ->] |
+------------------------------------------+
3. Componentes UI
3.1. Habit Row
| Propiedad |
Valor |
| Componente |
CMP-LST-025 (Habit Row) |
| Icono |
Por momento |
| Label |
Nombre del momento |
| Value |
Hora configurada |
| Chevron |
Editar |
3.2. Time Picker (Custom)
| Propiedad |
Valor |
| Componente |
CMP-INP-018 (Time Picker) |
| Formato |
24h o 12h |
| Incremento |
15 minutos |
| Quick select |
Opciones comunes |
3.3. Day Row
| Propiedad |
Valor |
| Componente |
CMP-LST-026 (Day Time Row) |
| Label |
Nombre del dia |
| Value |
Hora |
| Editable |
Tap to edit |
4. Momentos del Dia
| Momento |
Default |
Icono |
Descripcion |
| Despertar |
07:00 |
Sun |
Hora de levantarse |
| Desayuno |
08:00 |
Coffee |
Primera comida |
| Media manana |
10:30 |
Apple |
Snack |
| Almuerzo |
14:00 |
Food |
Comida principal |
| Merienda |
17:00 |
Apple |
Snack tarde |
| Cena |
20:00 |
Dinner |
Ultima comida |
| Acostarse |
22:00 |
Moon |
Hora de dormir |
5. Comportamientos
5.1. Recalculo de Horarios
Cuando se guardan cambios:
- Sistema recalcula horarios sugeridos
- Muestra preview de cambios en tomas
- Usuario confirma o ajusta
- Se actualizan eventos de calendario
5.2. Impacto en Medicamentos
| Restriccion |
Momento Afectado |
| Con alimentos |
Desayuno, Almuerzo, Cena |
| En ayunas |
30 min antes de Desayuno |
| Al despertar |
Hora de despertar |
| Antes de dormir |
Hora de acostarse |
6. Datos Requeridos
interface UserHabits {
userId: string;
weekday: DaySchedule;
weekend?: DaySchedule;
useWeekendSchedule: boolean;
flexibleSchedule: boolean;
perDaySchedule?: Record<string, DaySchedule>;
}
interface DaySchedule {
wakeUp: string;
breakfast?: string;
midMorning?: string;
lunch: string;
afternoon?: string;
dinner: string;
bedtime: string;
}
7. Validaciones
| Validacion |
Regla |
Mensaje |
| Orden logico |
Despertar < Desayuno < ... < Dormir |
"Los horarios deben ser cronologicos" |
| Separacion minima |
>= 1 hora entre momentos |
"Debe haber al menos 1h entre comidas" |
| Formato valido |
HH:MM |
"Formato de hora invalido" |
8. Accesibilidad
8.1. Labels
| Elemento |
accessibilityLabel |
| Habit row |
"{momento} a las {hora}" |
| Time picker |
"Seleccionar hora para {momento}" |
| Day row |
"{dia}: {hora}" |
9. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)