Especificacion UI Consolidada: Perfiles Familiares

Identificador: UI-MTS-FAM-001 Modulo Funcional: MTS-FAM-001 - Perfiles Familiares Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

---

1. Resumen Ejecutivo

Este documento consolida la especificacion de interfaz de usuario para el modulo de Perfiles Familiares de MedTime. El modulo permite a usuarios gestionar la medicacion de dependientes menores de edad y vincular cuidadores solidarios para supervision compartida.

1.1. Alcance

Aspecto	Descripcion
Pantallas	10 pantallas especificadas
Flujos	5 flujos principales
Roles	PI, CR, CS, PD
Tier	Pro, Perfect

1.2. Pantallas del Modulo

ID	Nombre	Tipo	Prioridad
SCR-FAM-001	Lista de Dependientes	Full Screen	Alta
SCR-FAM-002	Agregar Dependiente	Wizard 3 pasos	Alta
SCR-FAM-003	Detalle de Dependiente	Full Screen	Alta
SCR-FAM-004	Declaracion de Tutela	Modal/Full	Alta
SCR-FAM-005	Permisos de Dependiente	Full Screen	Alta
SCR-FAM-006	Actividad del Dependiente	Full Screen	Media
SCR-FAM-007	Dashboard del Cuidador	Full Screen	Alta
SCR-FAM-008	Vincular Paciente	Wizard 2 pasos	Alta
SCR-FAM-009	Transferir Tutela	Wizard 4 pasos	Media
SCR-FAM-010	Historial del Dependiente	Full Screen + Tabs	Media

---

2. Arquitectura de Navegacion

2.1. Mapa de Navegacion

[Home] -> [Menu] -> SCR-FAM-001 Lista Dependientes
                         |
         +---------------+---------------+
         |               |               |
         v               v               v
    SCR-FAM-002    SCR-FAM-003      SCR-FAM-008
    Agregar        Detalle          Vincular
         |               |               |
         v       +-------+-------+       v
    SCR-FAM-004  |       |       |  [Invitacion]
    Declaracion  v       v       v
                005     006     007
              Permisos Actividad Dashboard
                 |       |       |
                 v       v       v
            [Editar] [Filtrar] [Alertas]
                         |
                         v
                    SCR-FAM-010
                    Historial

2.2. Puntos de Entrada

Punto de Entrada	Destino	Condicion
Menu principal	SCR-FAM-001	Usuario autenticado
Perfil > Familia	SCR-FAM-001	Usuario autenticado
Notificacion alerta	SCR-FAM-007	Cuidador con alerta
Deep link invitacion	SCR-FAM-008	Codigo valido
Widget Home	SCR-FAM-007	Cuidador activo

---

3. Componentes UI Utilizados

3.1. Cards

Componente	Pantallas	Uso
CMP-CRD-010	SCR-FAM-001	Profile Card owner
CMP-CRD-011	SCR-FAM-001, 003	Dependent Card
CMP-CRD-012	SCR-FAM-001	Carer Card
CMP-CRD-013	SCR-FAM-003	Stats Summary
CMP-CRD-014	SCR-FAM-004, 009	Legal Section
CMP-CRD-015	SCR-FAM-006	Day Summary
CMP-CRD-016	SCR-FAM-007	Alert Card
CMP-CRD-017	SCR-FAM-007	Progress Card
CMP-CRD-018	SCR-FAM-008	Method Card
CMP-CRD-019	SCR-FAM-009	Selection Card
CMP-CRD-020	SCR-FAM-010	Stats Summary

3.2. Inputs

Componente	Pantallas	Uso
CMP-INP-003	SCR-FAM-002, 004, 005	Checkbox
CMP-INP-005	SCR-FAM-002	Date Picker
CMP-INP-006	SCR-FAM-002	Dropdown
CMP-INP-010	SCR-FAM-002	Avatar Picker
CMP-INP-011	SCR-FAM-002	Chip Input
CMP-INP-012	SCR-FAM-008	Permission Group

3.3. Listas

Componente	Pantallas	Uso
CMP-LST-005	SCR-FAM-003	Info Row
CMP-LST-010	SCR-FAM-005	Carer Row
CMP-LST-015	SCR-FAM-006	Activity Item
CMP-LST-016	SCR-FAM-010	Progress Row
CMP-LST-017	SCR-FAM-010	Log Item

3.4. Charts

Componente	Pantallas	Uso
CMP-CHT-003	SCR-FAM-007	Grouped Bar Chart
CMP-CHT-004	SCR-FAM-010	Monthly Bar

3.5. Otros

Componente	Pantallas	Uso
CMP-BTN-003	SCR-FAM-005	Danger Button
CMP-BTN-004	SCR-FAM-001	FAB expandible
CMP-HDR-005	SCR-FAM-006	Sticky Header
CMP-IMG-005	SCR-FAM-008	QR Display
CMP-BNR-003	SCR-FAM-009	Warning Banner
CMP-NAV-010	SCR-FAM-003	Quick Actions

---

4. Estados y Transiciones

4.1. Estados de Dependiente

Estado	Descripcion	Transiciones Validas
Activo	Perfil operacional	Transferir, Eliminar
Transferencia Pendiente	Esperando nuevo tutor	Completar, Cancelar
Archivado	Mayoria de edad	Reactivar (como adulto)

4.2. Estados de Cuidador

Estado	Descripcion	Transiciones Validas
Invitado	Invitacion enviada	Aceptar, Rechazar, Expirar
Activo	Vinculo establecido	Revocar, Modificar permisos
Revocado	Acceso eliminado	Reinvitar

4.3. Estados de Invitacion

Estado	TTL	Acciones
Pendiente	48h	Reenviar, Cancelar
Aceptada	-	Ver perfil
Rechazada	-	Reinvitar
Expirada	-	Regenerar

---

5. Patrones de Interaccion

5.1. Wizards

Wizard	Pasos	Validacion
Agregar Dependiente	3	Por paso
Vincular Paciente	2	Por paso
Transferir Tutela	4	Por paso + firma final

5.2. Confirmaciones

Accion	Tipo	Reversible
Revocar acceso	Dialog	Si (30s UNDO)
Transferir tutela	Wizard + firma	No
Eliminar dependiente	Dialog + PIN	No

5.3. Feedback

Accion	Feedback
Dependiente creado	Snackbar + navegacion
Invitacion enviada	Success screen
Permiso cambiado	Toggle visual + sync
Error	Toast + detalle

---

6. Datos y Sincronizacion

6.1. Datos Locales (Offline)

Dato	Disponible Offline	Sincronizacion
Lista dependientes	Si	Pull-to-refresh
Detalle dependiente	Si	Background
Actividad reciente	Parcial (cache)	Al reconectar
Estadisticas	Parcial	Cada 15 min

6.2. Acciones Offline

Accion	Comportamiento Offline
Ver lista	Desde cache
Agregar dependiente	Encolado
Cambiar permisos	Encolado
Ver actividad	Cache + indicador

---

7. Accesibilidad

7.1. Resumen WCAG 2.1 AA

Criterio	Estado	Notas
1.1.1 Texto alternativo	Cumple	Labels en todos los iconos
1.4.3 Contraste	Cumple	Ratio minimo 4.5:1
2.1.1 Teclado	Cumple	Navegacion completa
2.4.6 Encabezados	Cumple	Estructura semantica
4.1.2 Nombre, rol, valor	Cumple	ARIA labels

7.2. Orden de Foco por Pantalla

Ver seccion de Accesibilidad en cada documento SCR-FAM-XXX.

7.3. Anuncios de Screen Reader

Evento	Anuncio
Pantalla cargada	Titulo + resumen
Accion completada	Confirmacion
Error	Descripcion + accion sugerida
Cambio de contexto	Nuevo contexto

---

8. Seguridad y Compliance

8.1. Regulaciones Aplicables

Regulacion	Requisitos UI
HIPAA	Consentimiento visible, timeout sesion
LGPD	Opcion exportar/eliminar datos
LFPDPPP	Aviso de privacidad accesible

8.2. Datos Sensibles

Pantalla	Dato Sensible	Proteccion
SCR-FAM-002	Fecha nacimiento	Mascara parcial
SCR-FAM-004	Declaracion legal	Firma biometrica
SCR-FAM-010	Historial medico	Acceso por rol

8.3. Auditoria UI

Todas las pantallas registran:

• Timestamp de acceso
• Usuario (hashed)
• Acciones realizadas
• Dispositivo (hashed)

---

9. Metricas y Analytics

9.1. Eventos Trackeados

Evento	Parametros
screen_view	screen_name, user_role
dependent_created	relationship_type
invitation_sent	method
permission_changed	permission_type, new_value
transfer_initiated	reason

9.2. Funnels

Funnel	Pasos	Objetivo
Agregar Dependiente	3	> 85% completado
Invitar Cuidador	2	> 90% completado
Aceptar Invitacion	2	> 70% conversion

---

10. Testing

10.1. Casos de Prueba Criticos

ID	Caso	Criterio
TC-FAM-001	Agregar dependiente completo	Perfil creado, declaracion firmada
TC-FAM-002	Edad >= 18 rechazada	Error mostrado, flujo bloqueado
TC-FAM-003	Invitacion QR funcional	Codigo escaneable, vinculo creado
TC-FAM-004	Transferencia completada	Acceso revocado, nuevo tutor activo
TC-FAM-005	Permisos aplicados	CS ve solo lo permitido

10.2. Dispositivos de Prueba

Categoria	Dispositivos
iOS	iPhone SE, iPhone 14 Pro, iPad
Android	Pixel 4a, Samsung S21, Tablet 10"
Accesibilidad	VoiceOver, TalkBack

---

11. Referencias

11.1. Documentos de Pantalla

• SCR-FAM-001
• SCR-FAM-002
• SCR-FAM-003
• SCR-FAM-004
• SCR-FAM-005
• SCR-FAM-006
• SCR-FAM-007
• SCR-FAM-008
• SCR-FAM-009
• SCR-FAM-010

11.2. Flujos

• UIF-FAM-001

11.3. Especificacion Funcional

• MTS-FAM-001

---

Documento generado por MobileUxUiDrone (Eight of Eight)