Saltar a contenido

SCR-EST-007: Preparacion para Estudio

Identificador: SCR-EST-007 Modulo: MTS-EST-001 - Catalogo de Estudios Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight)


1. Informacion General

Atributo Valor
Nombre Preparacion para Estudio
Tipo Pantalla de checklist
Prioridad Alta
Roles PI, CR

2. Proposito

Guiar al paciente a traves de los pasos de preparacion requeridos para un estudio, con checklist interactivo y recordatorios.


3. Wireframe ASCII

+------------------------------------------+
| [<] Preparacion                   [bell] |
+------------------------------------------+
|                                          |
| Perfil Lipidico Completo                 |
| Manana, 15 Dic - 8:00 AM                 |
| Lab San Angel                            |
|                                          |
+------------------------------------------+
| ESTADO DE PREPARACION                    |
+------------------------------------------+
|                                          |
|   +----------------------------------+   |
|   |    [ ] [ ] [ ] [/] [X]           |   |
|   |    2 de 5 pasos completados      |   |
|   |    ========================60%   |   |
|   +----------------------------------+   |
|                                          |
+------------------------------------------+
| CHECKLIST                                |
+------------------------------------------+
|                                          |
| +--------------------------------------+ |
| | [X] Verificar fecha y hora           | |
| |     Cita confirmada para manana      | |
| |     8:00 AM                          | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | [X] Revisar ubicacion                | |
| |     Lab San Angel, Av. Principal 123 | |
| |     [Ver en mapa]                    | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | [/] AYUNO EN PROGRESO                | |
| |                                      | |
| |     Inicio: Hoy 8:00 PM              | |
| |     Duracion: 12 horas               | |
| |                                      | |
| |     +------------------------+       | |
| |     | Tiempo transcurrido:   |       | |
| |     | ===== 5h 23m =====     |       | |
| |     | Faltan: 6h 37m         |       | |
| |     +------------------------+       | |
| |                                      | |
| |     RECUERDA:                        | |
| |     [check] Puedes tomar agua        | |
| |     [check] Toma tus medicamentos    | |
| |     [X] No cafe ni te                | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | [ ] Evitar alcohol 24h               | |
| |     Desde: Ayer 8:00 AM              | |
| |     [Marcar completado]              | |
| +--------------------------------------+ |
|                                          |
| +--------------------------------------+ |
| | [ ] Preparar documentos              | |
| |     - Identificacion oficial         | |
| |     - Orden/receta medica (si aplica)| |
| |     [Marcar completado]              | |
| +--------------------------------------+ |
|                                          |
+------------------------------------------+
|                                          |
| [Configurar recordatorios]               |
|                                          |
+------------------------------------------+

4. Elementos de UI

4.1. Header

Elemento Componente Especificacion
Back button IconButton Volver
Titulo TopAppBar "Preparacion"
Notifications IconButton Config recordatorios

4.2. Study Info Banner

Elemento Componente Especificacion
Study Name Headline6 Bold
DateTime Body1 Fecha relativa + hora
Location Body2 Nombre laboratorio

4.3. Progress Card

Elemento Componente Especificacion
Container Card elevated Fondo primario suave
Step indicators StepDots [ ] vacio, [X] completo, [/] en progreso
Text Body1 "X de Y pasos completados"
Progress bar LinearProgress Porcentaje

4.4. Checklist Items

Elemento Componente Especificacion
Container Card Borde segun estado
Checkbox Checkbox Interactivo
Title Subtitle1 Nombre del paso
Description Body2 Detalle/instrucciones
Action TextButton "Marcar completado"

4.5. Ayuno Timer Card

Elemento Componente Especificacion
Container Card warning Fondo ambar
Status Badge "EN PROGRESO"
Timer CountdownDisplay Tiempo transcurrido/restante
Progress LinearProgress Porcentaje de ayuno
Tips BulletList Recordatorios permitido/prohibido

4.6. Checklist Item States

Estado Borde Icono Background
Pendiente Gris checkbox_outline Blanco
En progreso Ambar schedule #FFF8E1
Completado Verde check_circle #E8F5E9
Vencido Rojo warning #FFEBEE

5. Comportamiento

5.1. Checklist Interactivo

  • Tap checkbox marca/desmarca
  • Items auto-completados (fecha verificada) no editables
  • Ayuno se marca automaticamente al cumplir tiempo

5.2. Ayuno Timer

  • Countdown en tiempo real
  • Se actualiza cada minuto
  • Notificacion al completar
  • Persiste en background

5.3. Automatizaciones

Item Auto-completado
Fecha/hora Al crear cita
Ubicacion Al crear cita
Ayuno Al cumplir tiempo
Alcohol Manual
Documentos Manual

6. Estados

6.1. Estado Inicial (Lejos de la Cita)

  • Checklist visible sin urgencia
  • Ayuno no iniciado
  • "Configurar recordatorios" destacado

6.2. Estado Ayuno Activo

  • Timer prominente
  • Card de ayuno expandida
  • Recordatorios de permitido/prohibido

6.3. Estado Completado

+------------------------------------------+
| ESTADO DE PREPARACION                    |
+------------------------------------------+
|   +----------------------------------+   |
|   |  [check] PREPARACION COMPLETA    |   |
|   |                                  |   |
|   |  Estas listo para tu estudio     |   |
|   |  de manana.                      |   |
|   |                                  |   |
|   |  Recuerda llegar 10 minutos      |   |
|   |  antes de tu cita.               |   |
|   +----------------------------------+   |
+------------------------------------------+

6.4. Estado Post-Estudio

  • Checklist en modo lectura
  • Badge "Completado"
  • Link a resultado si disponible

7. Accesibilidad

7.1. WCAG 2.1 AA

Criterio Implementacion
1.3.1 Checklist como lista semantica
1.4.1 Estados con color + icono + texto
2.1.1 Checkboxes accesibles por teclado
4.1.3 Timer anunciado por screen reader

7.2. Screen Reader

Elemento Anuncio
Progress "Preparacion 60% completa, 2 de 5 pasos"
Pending item "[Nombre], pendiente de completar"
Timer "Ayuno en progreso, faltan 6 horas 37 minutos"
Completed "Preparacion completa, listo para el estudio"

8. Navegacion

8.1. Entradas

Origen Accion Parametros
SCR-EST-005 Ver preparacion codigo, evento_id
SCR-EST-003 Configurar prep codigo
Notificacion Tap evento_id

8.2. Salidas

Destino Accion Parametros
SCR-EST-008 Config recordatorios evento_id
Maps Ver en mapa coordenadas
SCR-EST-003 Ver detalle estudio codigo

9. Analytics

Evento Trigger Datos
prep_checklist_viewed Pantalla visible codigo, progress
prep_item_completed Checkbox marcado item_type
fasting_started Inicio ayuno codigo
fasting_completed Ayuno cumplido codigo, duration
prep_completed 100% progreso codigo
map_opened Ver en mapa -

Documento generado por MobileUxUiDrone (Eight of Eight)