Especificacion UI Consolidada - MTS-BCK-001¶
Identificador: UI-MTS-BCK-001 Modulo Funcional: MTS-BCK-001 - Backup, Sincronizacion y Recuperacion Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Completado
1. Resumen Ejecutivo¶
1.1. Alcance¶
Este documento consolida la especificacion completa de interfaz de usuario para el modulo de Backup y Restauracion (MTS-BCK-001). Define las pantallas para crear backups manuales, configurar backups automaticos, restaurar datos y visualizar el historial de backups. Diferencia claramente entre backup manual (.medtime), sync cloud (Pro/Perfect) y backup de servidor (transparente).
NOTA CRITICA V1.0: Free tiene backup manual exportable. Pro/Perfect tienen sync cloud automatico. Todos los datos estan cifrados E2E.
1.2. Metricas del Modulo¶
| Metrica | Valor |
|---|---|
| Total de pantallas | 6 |
| Componentes unicos | 12 |
| User journeys documentados | 3 |
| Nivel WCAG | AA |
| Cobertura de accesibilidad | 100% |
1.3. Pantallas Incluidas¶
| ID | Nombre | Prioridad | Estado |
|---|---|---|---|
| SCR-BCK-001 | Dashboard Backup | Critica | Especificado |
| SCR-BCK-002 | Configurar Backup Automatico | Alta | Especificado |
| SCR-BCK-003 | Backup Manual | Critica | Especificado |
| SCR-BCK-004 | Restaurar Backup | Critica | Especificado |
| SCR-BCK-005 | Historial de Backups | Media | Especificado |
| SCR-BCK-006 | Exportar Datos Completos | Alta | Especificado |
2. User Journeys¶
2.1. Paciente Free - Backup Manual a iCloud¶
Persona: Rosa, 55 anos, tier Free, quiere proteger sus datos.
Objetivo: Crear un backup de sus datos y guardarlo en iCloud personal.
Flujo principal:
- Abrir Configuracion > Backup
- Ver dashboard con ultimo backup hace 45 dias
- Tap "Crear Backup Ahora"
- Ver resumen de datos a incluir
- Crear contrasena de cifrado
- Confirmar contrasena
- Elegir destino: iCloud Drive
- Ver progreso de creacion
- Confirmacion con ubicacion del archivo
Tiempo objetivo: < 30 segundos
Puntos de friccion mitigados:
- Resumen claro de que se incluye
- Indicador de fortaleza de contrasena
- Multiples destinos disponibles
2.2. Paciente Pro - Restauracion en Nuevo Dispositivo¶
Persona: Carlos, 48 anos, tier Pro, cambio de telefono.
Objetivo: Recuperar todos sus datos en el nuevo dispositivo.
Flujo principal:
- Instalar MedTime en nuevo dispositivo
- Login con Google (mismo de antes)
- Sistema detecta datos en cloud
- Muestra resumen de datos a restaurar
- Confirmar restauracion
- Ver progreso de descarga
- Configurar PIN nuevo
- Datos restaurados, listo para usar
Tiempo objetivo: < 60 segundos
Puntos de friccion mitigados:
- Deteccion automatica de datos existentes
- No requiere archivo manual
- Progreso visible
2.3. Cuidador Responsable - Backup con Dependientes¶
Persona: Maria, CR de su madre (PD).
Objetivo: Crear backup que incluya datos de su dependiente.
Flujo principal:
- Abrir Configuracion > Backup
- Ver que incluye 1 dependiente
- Tap "Crear Backup"
- Ver resumen: sus datos + datos de dependiente
- Crear contrasena de cifrado
- Elegir destino
- Backup creado con ambos perfiles
Consideraciones especiales:
- Backup de CR incluye automaticamente PD
- Restauracion restaura ambos perfiles
- CS no tiene acceso a backup
3. Arquitectura de Pantallas¶
3.1. Diagrama de Navegacion¶
flowchart TD
SETTINGS[Configuracion] --> DASHBOARD[SCR-BCK-001]
DASHBOARD --> AUTO[SCR-BCK-002]
DASHBOARD --> MANUAL[SCR-BCK-003]
DASHBOARD --> RESTORE[SCR-BCK-004]
DASHBOARD --> HISTORY[SCR-BCK-005]
DASHBOARD --> EXPORT[SCR-BCK-006]
MANUAL --> DEST_SELECT[Selector Destino]
DEST_SELECT --> PROGRESS[Progreso]
PROGRESS --> SUCCESS[Confirmacion]
RESTORE --> FILE_SELECT[Selector Archivo]
FILE_SELECT --> PASSWORD[Ingresar Password]
PASSWORD --> MERGE[Estrategia Merge]
MERGE --> RESTORE_PROG[Progreso]
RESTORE_PROG --> DONE[Completado]
EXPORT --> FORMAT[Selector Formato]
FORMAT --> EXPORT_PROG[Progreso Export]4. Especificacion de Pantallas¶
4.1. SCR-BCK-001: Dashboard Backup¶
4.1.1. Descripcion¶
Pantalla principal del modulo de backup que muestra estado actual y opciones disponibles.
4.1.2. Layout Free¶
+-------------------------------------+
| < Backup y Datos |
+-------------------------------------+
| |
| ESTADO DEL BACKUP |
| +-------------------------------+ |
| | [warning] Backup antiguo | |
| | | |
| | Ultimo backup: 15 Nov 2025 | |
| | Hace 20 dias | |
| | | |
| | [Crear backup ahora] | |
| +-------------------------------+ |
| |
| MIS DATOS |
| +-------------------------------+ |
| | Medicamentos activos 5 | |
| | Historial de tomas 847 | |
| | Recetas guardadas 3 | |
| | Citas medicas 12 | |
| | Dependientes 1 | |
| | | |
| | Tamano estimado: 15 MB | |
| +-------------------------------+ |
| |
| ACCIONES |
| [pill] Crear backup manual |
| [upload] Restaurar backup |
| [history] Ver historial |
| [export] Exportar datos |
| |
+-------------------------------------+
4.1.3. Layout Pro/Perfect¶
+-------------------------------------+
| < Backup y Datos |
+-------------------------------------+
| |
| SINCRONIZACION CLOUD |
| +-------------------------------+ |
| | [check] Sincronizado | |
| | | |
| | Ultima sync: Hace 5 min | |
| | Proxima: Automatica | |
| | | |
| | RPO: < 5 minutos (Pro) | |
| +-------------------------------+ |
| |
| MIS DATOS EN CLOUD |
| +-------------------------------+ |
| | Medicamentos activos 8 | |
| | Historial de tomas 2,341 | |
| | Recetas guardadas 12 | |
| | Eventos de salud 156 | |
| | Versiones guardadas 7 | |
| | | |
| | Espacio cloud: 45 MB | |
| +-------------------------------+ |
| |
| ACCIONES |
| [gear] Configurar sync |
| [download] Descargar backup local |
| [upload] Restaurar version |
| [history] Ver historial |
| [export] Exportar datos |
| |
+-------------------------------------+
4.1.4. Estados del Card de Estado¶
| Estado | Icono | Color | Mensaje |
|---|---|---|---|
| Actualizado | check-circle | Success | "Al dia" / "Sincronizado" |
| Advertencia | warning | Warning | "Backup antiguo" (>7 dias) |
| Critico | alert | Error | "Sin backup" (>30 dias) |
| Sincronizando | spinner | Primary | "Sincronizando..." |
| Error | error | Error | "Error de sync" |
4.2. SCR-BCK-002: Configurar Backup Automatico¶
4.2.1. Descripcion¶
Configuracion de backup automatico a iCloud personal (Free iOS) o sync cloud (Pro/Perfect).
4.2.2. Layout Free (iOS)¶
+-------------------------------------+
| < Backup Automatico |
+-------------------------------------+
| |
| BACKUP A ICLOUD PERSONAL |
| +-------------------------------+ |
| | | |
| | Tu iPhone puede guardar | |
| | automaticamente una copia | |
| | de MedTime en tu iCloud. | |
| | | |
| +-------------------------------+ |
| |
| [toggle] Activar backup a iCloud |
| |
| FRECUENCIA |
| [v] Semanal |
| [ ] Quincenal |
| [ ] Mensual |
| |
| CIFRADO |
| Tus backups estan protegidos |
| con tu PIN de MedTime (AES-256) |
| |
| ESPACIO |
| Usado: 15 MB de tu iCloud |
| Backups guardados: 3 de 4 max |
| |
| [!] IMPORTANTE |
| Si desinstalar la app sin backup, |
| perderas tus datos permanentemente |
| |
+-------------------------------------+4.2.3. Layout Pro/Perfect¶
+-------------------------------------+
| < Configuracion de Sync |
+-------------------------------------+
| |
| SINCRONIZACION |
| +-------------------------------+ |
| | Sync automatico [on] | |
| | Solo con WiFi [off] | |
| | Sync en background [on] | |
| +-------------------------------+ |
| |
| FRECUENCIA |
| +-------------------------------+ |
| | Pro: Cada 5 min + cambios | |
| | Perfect: Tiempo real | |
| +-------------------------------+ |
| |
| VERSIONADO |
| +-------------------------------+ |
| | Versiones guardadas: 7 | |
| | Retencion: 30 dias | |
| | | |
| | [Ver versiones anteriores] | |
| +-------------------------------+ |
| |
| RECOVERY KEY (Perfect) |
| +-------------------------------+ |
| | [shield] Configurada | |
| | | |
| | Tu recovery key de 24 | |
| | palabras esta activa | |
| | | |
| | [Ver recovery key] | |
| +-------------------------------+ |
| |
+-------------------------------------+
4.3. SCR-BCK-003: Backup Manual¶
4.3.1. Descripcion¶
Flujo para crear un backup manual exportable.
4.3.2. Layout - Paso 1: Resumen¶
+-------------------------------------+
| < Crear Backup |
+-------------------------------------+
| |
| SE INCLUIRA EN EL BACKUP |
| +-------------------------------+ |
| | [check] Perfil y datos | |
| | [check] 5 medicamentos | |
| | [check] 847 registros tomas | |
| | [check] 3 recetas | |
| | [check] 12 citas | |
| | [check] Configuracion | |
| | [check] 1 dependiente (CR) | |
| +-------------------------------+ |
| |
| IMAGENES |
| +-------------------------------+ |
| | [check] Incluir fotos (12) | |
| | | |
| | Tamano con fotos: 45 MB | |
| | Tamano sin fotos: 2 MB | |
| +-------------------------------+ |
| |
| |
| [ Continuar ] |
| |
+-------------------------------------+
4.3.3. Layout - Paso 2: Contrasena¶
+-------------------------------------+
| < Crear Backup |
+-------------------------------------+
| |
| PROTEGE TU BACKUP |
| |
| Crea una contrasena para |
| cifrar tu backup. La necesitaras |
| para restaurar tus datos. |
| |
| Contrasena |
| +-------------------------------+ |
| | ************************ [eye] | |
| +-------------------------------+ |
| [=========== ] Media |
| |
| Confirmar contrasena |
| +-------------------------------+ |
| | ************************ [eye] | |
| +-------------------------------+ |
| |
| REQUISITOS |
| [check] Minimo 8 caracteres |
| [x] Al menos una mayuscula |
| [check] Al menos un numero |
| |
| [!] IMPORTANTE |
| Si olvidas esta contrasena, no |
| podras restaurar el backup |
| |
| [ Continuar ] |
| |
+-------------------------------------+4.3.4. Layout - Paso 3: Destino¶
+-------------------------------------+
| < Crear Backup |
+-------------------------------------+
| |
| DONDE GUARDAR EL BACKUP? |
| |
| +-------------------------------+ |
| | [icloud] iCloud Drive | |
| | Tu carpeta personal | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [gdrive] Google Drive | |
| | Requiere login | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [folder] Archivos | |
| | Guardar local | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [share] Compartir | |
| | Email, AirDrop, etc | |
| +-------------------------------+ |
| |
+-------------------------------------+
4.3.5. Layout - Paso 4: Progreso¶
+-------------------------------------+
| |
| CREANDO BACKUP |
| |
| [spinner] |
| |
| Cifrando datos... |
| |
| [==================== ] |
| 65% |
| |
| No cierres la aplicacion |
| |
+-------------------------------------+
4.3.6. Layout - Paso 5: Confirmacion¶
+-------------------------------------+
| |
| [check-circle] |
| |
| BACKUP CREADO |
| |
| Tu backup se guardo en: |
| iCloud Drive/MedTime/backups/ |
| |
| Nombre del archivo: |
| medtime_backup_20251205_1430.medtime|
| |
| Tamano: 45 MB |
| |
| [!] Recuerda tu contrasena |
| La necesitaras para restaurar |
| |
| [ Listo ] |
| |
+-------------------------------------+
4.4. SCR-BCK-004: Restaurar Backup¶
4.4.1. Descripcion¶
Flujo para restaurar datos desde un archivo .medtime.
4.4.2. Layout - Selector de Archivo¶
+-------------------------------------+
| < Restaurar Backup |
+-------------------------------------+
| |
| SELECCIONAR ARCHIVO |
| |
| +-------------------------------+ |
| | [icloud] Desde iCloud Drive | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [gdrive] Desde Google Drive | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [folder] Desde Archivos | |
| +-------------------------------+ |
| |
| BACKUPS RECIENTES |
| +-------------------------------+ |
| | medtime_backup_20251205.medtime| |
| | 5 Dic 2025 - 45 MB | |
| +-------------------------------+ |
| +-------------------------------+ |
| | medtime_backup_20251115.medtime| |
| | 15 Nov 2025 - 42 MB | |
| +-------------------------------+ |
| |
+-------------------------------------+
4.4.3. Layout - Contrasena¶
+-------------------------------------+
| < Restaurar Backup |
+-------------------------------------+
| |
| DESCIFRAR BACKUP |
| |
| Archivo seleccionado: |
| medtime_backup_20251205.medtime |
| |
| Ingresa la contrasena del backup |
| |
| Contrasena |
| +-------------------------------+ |
| | ************************ [eye] | |
| +-------------------------------+ |
| |
| |
| [ Descifrar ] |
| |
+-------------------------------------+4.4.4. Layout - Estrategia de Merge¶
+-------------------------------------+
| < Restaurar Backup |
+-------------------------------------+
| |
| CONTENIDO DEL BACKUP |
| +-------------------------------+ |
| | Fecha: 5 Dic 2025 | |
| | Medicamentos: 5 | |
| | Historial: 847 tomas | |
| | Recetas: 3 | |
| | Dependientes: 1 | |
| +-------------------------------+ |
| |
| COMO RESTAURAR? |
| |
| [v] Reemplazar todo |
| Borra datos actuales |
| |
| [ ] Combinar (preferir backup) |
| En conflicto, usa backup |
| |
| [ ] Combinar (preferir local) |
| En conflicto, usa local |
| |
| [ ] Solo agregar nuevos |
| No modifica existentes |
| |
| [ Restaurar ] |
| |
+-------------------------------------+4.5. SCR-BCK-005: Historial de Backups¶
4.5.1. Descripcion¶
Lista de backups realizados y versiones disponibles.
4.5.2. Layout¶
+-------------------------------------+
| < Historial de Backups |
+-------------------------------------+
| |
| BACKUPS LOCALES |
| +-------------------------------+ |
| | medtime_backup_20251205.medtime| |
| | 5 Dic 2025 14:30 - 45 MB | |
| | iCloud Drive | |
| | [Restaurar] [...] | |
| +-------------------------------+ |
| +-------------------------------+ |
| | medtime_backup_20251115.medtime| |
| | 15 Nov 2025 09:15 - 42 MB | |
| | iCloud Drive | |
| | [Restaurar] [...] | |
| +-------------------------------+ |
| |
| VERSIONES EN CLOUD (Pro/Perfect) |
| +-------------------------------+ |
| | Version 7 - Actual | |
| | 5 Dic 2025 14:35 | |
| | [Restaurar] | |
| +-------------------------------+ |
| +-------------------------------+ |
| | Version 6 | |
| | 4 Dic 2025 18:20 | |
| | [Restaurar] | |
| +-------------------------------+ |
| |
+-------------------------------------+4.6. SCR-BCK-006: Exportar Datos Completos¶
4.6.1. Descripcion¶
Exportacion de datos en diferentes formatos para portabilidad.
4.6.2. Layout¶
+-------------------------------------+
| < Exportar Mis Datos |
+-------------------------------------+
| |
| FORMATO DE EXPORTACION |
| |
| +-------------------------------+ |
| | [v] JSON estructurado | |
| | Para uso tecnico | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [ ] PDF legible | |
| | Para compartir con medico | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [ ] CSV tabular | |
| | Para Excel/Sheets | |
| +-------------------------------+ |
| |
| +-------------------------------+ |
| | [ ] FHIR R4B Bundle | |
| | Estandar HL7 | |
| +-------------------------------+ |
| |
| CONTENIDO A EXPORTAR |
| [check] Perfil |
| [check] Medicamentos |
| [check] Historial de tomas |
| [check] Recetas |
| [check] Eventos de salud |
| [ ] Imagenes |
| |
| [ Exportar ] |
| |
+-------------------------------------+
5. Componentes Utilizados¶
5.1. Componentes del Design System¶
| Componente | ID | Uso en Modulo |
|---|---|---|
| Top App Bar | CMP-NAV-002 | Headers |
| Status Card | CMP-DAT-003 | Estado de backup |
| List Item | CMP-DAT-001 | Items de historial |
| Progress Bar | CMP-FBK-005 | Progreso de operaciones |
| Radio Group | CMP-INP-004 | Seleccion de estrategia |
| Password Field | CMP-INP-001 | Contrasena de backup |
| Checkbox | CMP-INP-005 | Contenido a incluir |
5.2. Componentes Personalizados¶
| Componente | Descripcion |
|---|---|
| BackupStatusCard | Card con estado y acciones |
| DataSummaryCard | Resumen de datos a incluir |
| PasswordStrengthBar | Indicador de fortaleza |
| MergeStrategySelector | Selector de estrategia |
| BackupHistoryItem | Item de historial |
6. Accesibilidad¶
6.1. Screen Reader Labels¶
| Elemento | Label |
|---|---|
| Estado backup | "Estado del backup: [estado], ultimo backup hace [tiempo]" |
| Boton crear | "Crear backup ahora" |
| Selector destino | "Seleccionar destino: [destino]" |
| Progreso | "Progreso del backup: [porcentaje] por ciento" |
6.2. Consideraciones Especiales¶
- Mensajes de error claros y descriptivos
- Indicadores de fortaleza de contrasena accesibles
- Progreso anunciado cada 25%
7. Seguridad UI¶
7.1. Protecciones¶
| Aspecto | Implementacion |
|---|---|
| Contrasena | Siempre enmascarada por defecto |
| Recovery Key | Solo visible con confirmacion |
| Archivos | Nombres no revelan contenido |
| Clipboard | No auto-copy de datos sensibles |
7.2. Validaciones¶
| Campo | Validacion |
|---|---|
| Contrasena backup | Minimo 8 caracteres |
| Confirmacion | Debe coincidir exactamente |
| Archivo | Extension .medtime requerida |
8. Metricas de UX¶
8.1. KPIs del Modulo¶
| Metrica | Objetivo | Medicion |
|---|---|---|
| Tasa de backup Free | > 40% mensual | analytics |
| Exito restauracion | > 98% | analytics |
| Tiempo backup | < 30s (sin fotos) | analytics |
8.2. Eventos de Analytics¶
| Evento | Parametros |
|---|---|
| backup_started | tier, include_images |
| backup_completed | size_mb, duration |
| restore_started | source, strategy |
| restore_completed | items_restored |
| export_completed | format, items |
9. Historial de Cambios¶
| Version | Fecha | Cambios |
|---|---|---|
| 1.0.0 | 2025-12-05 | Version inicial - FASE 4 Platform |
10. Aprobaciones¶
| Rol | Nombre | Estado | Fecha |
|---|---|---|---|
| UX Lead | MobileUxUiDrone | Completado | 2025-12-05 |
| Security Lead | Pendiente | - | - |
| Product Owner | Pendiente | - | - |
Documento generado por MobileUxUiDrone (Eight of Eight) "Los datos del paciente son su legado de salud. Esta especificacion asegura que nunca se pierdan."