Identificador: SCR-ONB-004
Modulo: MTS-ONB-001 - Onboarding
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
Estado: Especificado
| Atributo |
Valor |
| Nombre |
Informacion Medica |
| Proposito |
Capturar datos medicos basicos opcionales del usuario |
| Tipo |
Full Screen (paso 4 de onboarding) |
| Acceso |
Desde SCR-ONB-003 |
| Prioridad |
Media |
NOTA: Esta pantalla es completamente opcional. El usuario puede saltar todos los campos.
2. Wireframe ASCII
+------------------------------------------+
| [<-] Paso 4 de 8 ========-------- |
+------------------------------------------+
| |
| Informacion medica |
| |
| Estos datos son opcionales pero nos |
| ayudan a personalizar tu experiencia. |
| |
| |
| Tipo de sangre (opcional) |
| +------------------------------------+ |
| | Selecciona... [v] | |
| +------------------------------------+ |
| |
| Alergias conocidas (opcional) |
| +------------------------------------+ |
| | | |
| | Ej: Penicilina, Aspirina | |
| | | |
| +------------------------------------+ |
| Separa multiples alergias con comas |
| |
| Condiciones medicas (opcional) |
| +------------------------------------+ |
| | [ ] Diabetes | |
| | [ ] Hipertension | |
| | [ ] Asma | |
| | [ ] Problemas cardiacos | |
| | [ ] Problemas renales | |
| | [+] Agregar otra condicion | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Continuar | |
| +------------------------------------+ |
| |
| Saltar este paso | <- Link secundario
| |
+------------------------------------------+
2.2. Estado: CR - Info Medica del Dependiente
+------------------------------------------+
| [<-] Paso 4 de 8 ========-------- |
+------------------------------------------+
| |
| Informacion medica de Ana | <- Nombre del dependiente
| |
| Estos datos nos ayudan a |
| personalizar alertas y recordatorios. |
| |
| |
| Tipo de sangre (opcional) |
| +------------------------------------+ |
| | O+ [v] | |
| +------------------------------------+ |
| |
| Alergias conocidas (opcional) |
| +------------------------------------+ |
| | Sulfonamidas | |
| +------------------------------------+ |
| |
| Condiciones medicas (opcional) |
| +------------------------------------+ |
| | [x] Diabetes | |
| | [x] Hipertension | |
| | [ ] Asma | |
| | [ ] Problemas cardiacos | |
| | [ ] Problemas renales | |
| | [+] Agregar otra condicion | |
| +------------------------------------+ |
| |
| +------------------------------------+ |
| | Continuar | |
| +------------------------------------+ |
| |
| Saltar este paso |
| |
+------------------------------------------+
2.3. Estado: CS - Simplificado (Saltado)
+------------------------------------------+
| [<-] Configuracion rapida |
+------------------------------------------+
| |
| Configuracion simplificada activa. |
| Este paso se ha saltado. |
| |
| Redirigiendo a configuracion de |
| notificaciones... |
| |
| [Indicador de carga] |
| |
+------------------------------------------+
Nota: Para CS, esta pantalla se salta automaticamente y se redirige a SCR-ONB-006.
3. Componentes UI
3.1. Dropdown Tipo de Sangre
| Propiedad |
Valor |
| Componente |
CMP-INP-006 (Dropdown Select) |
| Label |
"Tipo de sangre (opcional)" |
| Options |
A+, A-, B+, B-, AB+, AB-, O+, O-, No se |
| Default |
Sin seleccion |
| Required |
No |
3.2. Campo Alergias
| Propiedad |
Valor |
| Componente |
CMP-INP-002 (Text Area) |
| Label |
"Alergias conocidas (opcional)" |
| Placeholder |
"Ej: Penicilina, Aspirina" |
| Max chars |
500 |
| Helper text |
"Separa multiples alergias con comas" |
| Required |
No |
3.3. Checklist Condiciones
| Propiedad |
Valor |
| Componente |
CMP-INP-008 (Checkbox List) |
| Label |
"Condiciones medicas (opcional)" |
| Presets |
Diabetes, Hipertension, Asma, Problemas cardiacos, Problemas renales |
| Allow custom |
Si (boton "Agregar otra condicion") |
| Required |
No |
3.4. Boton Agregar Condicion
| Propiedad |
Valor |
| Componente |
CMP-BTN-003 (Text Button) |
| Icon |
Plus |
| Text |
"Agregar otra condicion" |
| Action |
Abrir input para condicion custom |
3.5. Boton Continuar
| Propiedad |
Valor |
| Componente |
CMP-BTN-001 (Primary Button) |
| Texto |
"Continuar" |
| Estado |
Siempre habilitado (campos opcionales) |
3.6. Link Saltar
| Propiedad |
Valor |
| Componente |
CMP-BTN-003 (Text Button) |
| Texto |
"Saltar este paso" |
| Color |
neutral.600 |
| Action |
Navegar sin guardar datos |
4. Comportamientos
4.1. Flujo de Interaccion
flowchart TD
A[Pantalla cargada] --> B{Rol?}
B -->|PI| C[Mostrar form propio]
B -->|CR| D[Mostrar form dependiente]
B -->|CS| E[Auto-skip a ONB-006]
C --> F[Usuario interactua]
D --> F
F --> G{Tap Continuar?}
G -->|Si| H[Guardar datos]
H --> I[Navegar a ONB-005]
F --> J{Tap Saltar?}
J -->|Si| K[No guardar]
K --> I
4.2. Agregar Condicion Custom
flowchart TD
A[Tap Agregar condicion] --> B[Mostrar input inline]
B --> C[Usuario escribe]
C --> D{Enter o Tap Agregar?}
D -->|Si| E[Agregar a lista como checked]
E --> F[Limpiar input]
F --> G[Input disponible para otra]
D -->|Cancelar| H[Ocultar input]
4.3. Gestos
| Gesto |
Elemento |
Accion |
| Tap |
Dropdown |
Abrir opciones tipo sangre |
| Tap |
Text area |
Focus para editar |
| Tap |
Checkbox |
Toggle seleccion |
| Tap |
Agregar condicion |
Mostrar input custom |
| Tap |
Continuar |
Guardar y navegar |
| Tap |
Saltar |
Navegar sin guardar |
5. Estados
| Estado |
Condicion |
Visual |
| Empty |
Sin datos ingresados |
Placeholders visibles |
| Partial |
Algunos campos llenos |
Datos mostrados |
| Complete |
Todos opcionales llenos |
Datos mostrados |
5.2. Estados de Checkbox
| Estado |
Visual |
| Unchecked |
Cuadro vacio con borde |
| Checked |
Cuadro con check y fondo primary |
| Custom |
Mismo que checked + icono editar |
6. Accesibilidad
6.1. Labels y Hints
| Elemento |
accessibilityLabel |
accessibilityHint |
| Dropdown sangre |
"Tipo de sangre, opcional" |
"Selecciona tu tipo de sangre" |
| Text area |
"Alergias, opcional" |
"Ingresa alergias separadas por coma" |
| Checkbox |
"{condicion}, {estado}" |
"Toca para marcar o desmarcar" |
| Agregar |
"Agregar otra condicion" |
"Abre campo para condicion personalizada" |
| Continuar |
"Continuar" |
"Guarda y avanza al siguiente paso" |
| Saltar |
"Saltar este paso" |
"Avanza sin guardar informacion medica" |
6.2. Orden de Foco
- Back button
- Titulo
- Dropdown tipo sangre
- Text area alergias
- Checkbox Diabetes
- Checkbox Hipertension
- Checkbox Asma
- Checkbox Problemas cardiacos
- Checkbox Problemas renales
- Boton Agregar condicion
- Boton Continuar
- Link Saltar
6.3. Screen Reader
| Evento |
Anuncio |
| Pantalla cargada |
"Informacion medica, paso 4 de 8. Todos los campos son opcionales" |
| Checkbox toggled |
"{condicion} {marcada/desmarcada}" |
| Condicion agregada |
"Condicion {nombre} agregada a la lista" |
7. Datos Requeridos
interface MedicalInfoInput {
role: 'PI' | 'CR';
dependent_name?: string; // Solo CR
}
7.2. Output Data
interface MedicalInfoOutput {
blood_type?: 'A+' | 'A-' | 'B+' | 'B-' | 'AB+' | 'AB-' | 'O+' | 'O-' | 'unknown';
allergies?: string[];
conditions?: string[];
skipped: boolean;
}
8. Metricas
8.1. Analytics Events
| Evento |
Parametros |
| screen_view |
screen_name: "onboarding_medical" |
| blood_type_selected |
blood_type |
| allergy_added |
count |
| condition_selected |
condition_name |
| custom_condition_added |
- |
| step_completed |
step: 4, role, fields_filled |
| step_skipped |
step: 4, role |
9. Consideraciones de Privacidad
9.1. Datos Sensibles
| Dato |
Clasificacion |
Almacenamiento |
| Tipo sangre |
PHI |
Encriptado local + cloud (Pro/Perfect) |
| Alergias |
PHI |
Encriptado local + cloud (Pro/Perfect) |
| Condiciones |
PHI |
Encriptado local + cloud (Pro/Perfect) |
9.2. Consentimiento
- Usuario ya acepto terminos en auth
- Campos explicitamente marcados como opcionales
- Datos pueden eliminarse en cualquier momento
10. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)