Pantalla: Lista de Dependientes
Identificador: SCR-FAM-001
Modulo: MTS-FAM-001 - Perfiles Familiares
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Lista de Dependientes |
| Proposito |
Vista principal de perfiles familiares bajo el cuidado del usuario |
| Tipo |
Full Screen |
| Acceso |
Perfil > Familia / Menu > Perfiles Familiares |
| Prioridad |
Alta |
| Tier |
Pro/Perfect |
2. Wireframe ASCII
2.1. Estado: Lista con Dependientes
+------------------------------------------+
| [<] Perfiles Familiares [...] | <- Top App Bar
+------------------------------------------+
| |
| Mi Perfil |
| +------------------------------------+ |
| | [Av] Juan Garcia (Tu) |
| | Paciente Independiente | <- Card Principal
| | 5 medicamentos - 94% adherencia |
| +------------------------------------+ |
| |
| Dependientes (2) | <- Section Header
| +------------------------------------+ |
| | [Av] Maria Garcia |
| | Hija - 12 anos | <- DependentCard
| | 3 medicamentos - 98% [>] |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | [Av] Pedro Garcia |
| | Padre - 72 anos | <- Card con alerta
| | 8 meds - 87% [!] [>] |
| +------------------------------------+ |
| |
| Cuidadores Solidarios (1) | <- Section Header
| +------------------------------------+ |
| | [Av] Ana Lopez |
| | Hermana - Acceso lectura |
| | Vinculada hace 3 meses [>] |
| +------------------------------------+ |
| |
| (+) | <- FAB
+------------------------------------------+
| [Home] [Pills] [Calendar] [Stats] [More*]| <- Bottom Nav
+------------------------------------------+
2.2. Estado: Lista Vacia
+------------------------------------------+
| [<] Perfiles Familiares [...] |
+------------------------------------------+
| |
| |
| +----------------+ |
| | | |
| | [Ilustracion | |
| | Familia] | |
| | | |
| +----------------+ |
| |
| Gestiona medicamentos de |
| toda tu familia |
| |
| Agrega dependientes menores de edad |
| o vincula a familiares adultos para |
| compartir informacion de salud |
| |
| +----------------------------+ |
| | (+) Agregar Dependiente | | <- Primary CTA
| +----------------------------+ |
| |
| [ Vincular Familiar Adulto ] | <- Secondary CTA
| |
+------------------------------------------+
2.3. Estado: Perfil Activo Indicador
+------------------------------------------+
| [<] Perfiles Familiares [...] |
+------------------------------------------+
| +------------------------------------+ |
| | [!] Estas gestionando a Maria | | <- Context Banner
| | [Volver a mi perfil] | |
| +------------------------------------+ |
| |
| [Avatar grande Maria] |
| Maria Garcia |
| 12 anos - Dependiente |
| |
| 3 medicamentos activos |
| Adherencia: 98% |
| Racha: 45 dias |
| |
3. Componentes UI
3.1. Profile Card (Principal)
| Propiedad |
Valor |
| Componente |
CMP-CRD-010 (Profile Card) |
| Variante |
owner |
| Avatar |
48x48dp, circular |
| Nombre |
Text lg, primary |
| Rol |
Text sm, secondary |
| Stats |
Chips pequenos |
3.2. Dependent Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-011 (Dependent Card) |
| Variante |
with_chevron |
| Avatar |
40x40dp, circular |
| Badge edad |
Si es menor |
| Badge alerta |
Si hay pendientes |
3.3. Carer Card
| Propiedad |
Valor |
| Componente |
CMP-CRD-012 (Carer Card) |
| Variante |
linked |
| Permisos |
Chips de acceso |
| Estado |
Vinculado/Pendiente |
| Propiedad |
Valor |
| Componente |
CMP-BTN-004 (FAB) |
| Variante |
expandable |
| Opciones |
Agregar dependiente, Vincular adulto |
4. Comportamientos
4.1. Gestos
| Gesto |
Elemento |
Accion |
| Tap |
Dependent Card |
Navegar a SCR-FAM-003 |
| Long Press |
Dependent Card |
Context menu |
| Tap |
FAB |
Expandir opciones |
| Pull Down |
Lista |
Refresh |
+------------------------+
| Gestionar medicamentos |
| Ver estadisticas |
| Editar perfil |
| Configurar permisos |
+------------------------+
5. Datos Requeridos
interface FamilyListData {
ownerProfile: UserProfile;
dependents: DependentProfile[];
linkedAdults: LinkedProfile[];
carers: CarerProfile[];
tier: 'Pro' | 'Perfect';
limits: {
maxDependents: number;
currentDependents: number;
};
}
interface DependentProfile {
id: string;
name: string;
avatar?: string;
relationship: string;
birthDate: Date;
age: number;
activeMedications: number;
adherencePercent: number;
hasAlerts: boolean;
alertCount?: number;
}
5.2. Output Events
| Evento |
Payload |
Destino |
| onDependentTap |
profile_id |
SCR-FAM-003 |
| onAddDependentTap |
- |
SCR-FAM-002 |
| onLinkAdultTap |
- |
SCR-FAM-008 |
| onSwitchProfile |
profile_id |
Context change |
6. Accesibilidad
6.1. Labels y Hints
| Elemento |
accessibilityLabel |
accessibilityHint |
| Dependent Card |
"{nombre}, {relacion}, {edad} anos" |
"Toca para ver medicamentos" |
| Badge alerta |
"{N} alertas pendientes" |
- |
| FAB |
"Agregar perfil familiar" |
"Abre opciones de agregar" |
| Stats chip |
"Adherencia {N}%" |
- |
6.2. Screen Reader Announcements
| Evento |
Anuncio |
| Lista cargada |
"{N} dependientes, {M} cuidadores" |
| Perfil cambiado |
"Ahora gestionas a {nombre}" |
| Perfil agregado |
"{nombre} agregado como {relacion}" |
7. Restricciones por Tier
| Funcionalidad |
Pro |
Perfect |
| Max dependientes |
5 |
10 |
| Max cuidadores solidarios |
5 |
5 |
| Max perfiles vinculados |
5 |
10 |
| Alertas a cuidadores |
Si |
Si |
8. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)