SCR-RX-002: Detalle de Receta
Identificador: SCR-RX-002
Modulo: MTS-RX-001 - Recetas Medicas
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Nombre |
Detalle de Receta |
| Tipo |
Pantalla de detalle |
| Prioridad |
Alta |
| Roles |
PI, PD, CR, CS |
2. Proposito
Mostrar todos los datos de una receta medica incluyendo imagen, medicamentos, prescriptor e institucion.
3. Wireframe ASCII
+------------------------------------------+
| [<] Receta [share][...] |
+------------------------------------------+
| |
| +--------------------------------------+ |
| | | |
| | [imagen de receta] | |
| | [Tap para ampliar] | |
| | | |
| +--------------------------------------+ |
| |
| [badge SURTIDA] Emitida: 15/11/25 |
| Vigencia: 15/11/26|
| |
+------------------------------------------+
| MEDICO PRESCRIPTOR |
+------------------------------------------+
| |
| Dr. Juan Perez Gomez |
| Cedula: 12345678 |
| Endocrinologia |
| |
| [phone] 55-1234-5678 [email] [map] |
| |
+------------------------------------------+
| INSTITUCION |
+------------------------------------------+
| |
| Hospital San Angel |
| Privada |
| Av. Insurgentes Sur 1234, CDMX |
| |
+------------------------------------------+
| MEDICAMENTOS (3) |
+------------------------------------------+
| |
| +--------------------------------------+ |
| | [pill] Metformina 850mg | |
| | 1 tableta cada 12 horas | |
| | 30 dias | |
| | Con alimentos | |
| | | |
| | [link] Vinculado a tratamiento| |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | [pill] Losartan 50mg | |
| | 1 tableta cada 24 horas | |
| | 30 dias | |
| | En ayunas | |
| | | |
| | [link] Vinculado a tratamiento| |
| +--------------------------------------+ |
| |
| +--------------------------------------+ |
| | [pill] Aspirina 100mg | |
| | 1 tableta cada 24 horas | |
| | Indefinido | |
| | | |
| | [!] No vinculado | |
| | [Vincular a tratamiento] | |
| +--------------------------------------+ |
| |
+------------------------------------------+
| DIAGNOSTICO |
+------------------------------------------+
| |
| Diabetes Mellitus tipo 2 |
| Hipertension arterial |
| |
+------------------------------------------+
| |
| [Compartir con farmacia] |
| |
+------------------------------------------+
4. Elementos de UI
| Elemento |
Componente |
Accion |
| Back button |
IconButton |
Volver a lista |
| Titulo |
TopAppBar |
"Receta" |
| Share button |
IconButton |
Compartir |
| More options |
IconButton |
Editar, Archivar, Eliminar |
4.2. Image Section
| Elemento |
Componente |
Especificacion |
| Container |
Card |
Aspect ratio 4:3 |
| Image |
Image |
Thumbnail de receta |
| Overlay |
Text |
"Tap para ampliar" |
| Indicator |
Icon |
Si multiples paginas |
4.3. Status Section
| Elemento |
Componente |
Especificacion |
| Status Badge |
Chip |
Estado actual |
| Issue Date |
Body2 |
"Emitida: DD/MM/YY" |
| Validity |
Body2 |
"Vigencia: DD/MM/YY" |
| Warning |
Icon + Text |
Si proxima a vencer |
4.4. Doctor Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"MEDICO PRESCRIPTOR" |
| Name |
Headline6 |
Nombre completo |
| License |
Body2 |
"Cedula: XXXXXXXX" |
| Specialty |
Body2 |
Especialidad |
| Actions |
IconButtonRow |
Telefono, Email, Mapa |
4.5. Institution Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"INSTITUCION" |
| Name |
Subtitle1 |
Nombre institucion |
| Type |
Caption |
Publica/Privada/etc |
| Address |
Body2 |
Direccion |
4.6. Medications Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"MEDICAMENTOS (N)" |
| Med Card |
Card outlined |
Por cada medicamento |
| Pill Icon |
Icon |
medication |
| Name |
Subtitle1 |
Nombre + concentracion |
| Dosage |
Body2 |
Dosis + frecuencia |
| Duration |
Caption |
Duracion tratamiento |
| Instructions |
Caption |
Instrucciones especiales |
| Link Status |
Chip/Button |
Vinculado o no |
4.7. Diagnosis Section
| Elemento |
Componente |
Especificacion |
| Section Header |
SectionHeader |
"DIAGNOSTICO" |
| Text |
Body1 |
Diagnostico(s) |
4.8. Actions
| Elemento |
Componente |
Especificacion |
| Share Button |
OutlinedButton |
"Compartir con farmacia" |
| Width |
Full width |
Margen horizontal |
5. Comportamiento
5.1. Imagen
| Accion |
Resultado |
| Tap imagen |
Abre visor fullscreen con zoom |
| Pinch |
Zoom in/out |
| Swipe (multi) |
Cambiar pagina |
| Icono |
Accion |
| Phone |
Abrir marcador con numero |
| Email |
Abrir app email |
| Map |
Abrir direccion en Maps |
5.3. Vinculacion de Medicamento
Si medicamento no vinculado:
- Tap "Vincular a tratamiento"
- Abre flujo de configuracion de medicamento
- Se agrega a MTS-MED-001
- Badge actualiza a "Vinculado"
| Opcion |
Accion |
| Editar |
Abre SCR-RX-004 con datos |
| Archivar |
Mueve a archivadas |
| Eliminar |
Confirmar y eliminar |
6. Estados
6.1. Estado Sin Imagen
+--------------------------------------+
| |
| [document icon] |
| |
| Receta sin imagen |
| Ingresada manualmente |
| |
+--------------------------------------+
6.2. Estado Vencida
- Banner naranja/rojo superior
- Badge "VENCIDA"
- CTA: "Contactar medico para renovar"
6.3. Estado Loading Imagen
- Skeleton placeholder
- Progress indicator
7. Accesibilidad
7.1. WCAG 2.1 AA
| Criterio |
Implementacion |
| 1.1.1 |
Alt text para imagen |
| 1.3.1 |
Secciones con headings |
| 2.4.4 |
Links con proposito claro |
7.2. Screen Reader
| Elemento |
Anuncio |
| Image |
"Imagen de receta, doble tap para ampliar" |
| Med vinculado |
"[Med], [dosis], vinculado a tratamiento" |
| Med no vinculado |
"[Med], [dosis], no vinculado, boton vincular disponible" |
8. Navegacion
8.1. Entradas
| Origen |
Accion |
Parametros |
| SCR-RX-001 |
Tap card |
rx_id |
| Medicamentos |
Ver receta origen |
rx_id |
| Notificacion |
Deep link |
rx_id |
8.2. Salidas
| Destino |
Accion |
Parametros |
| SCR-RX-001 |
Back |
- |
| SCR-RX-004 |
Editar |
rx_id, rx_data |
| SCR-RX-007 |
Compartir |
rx_id |
| Image Viewer |
Tap imagen |
image_url |
| Dialpad |
Tap phone |
phone_number |
| Maps |
Tap map |
address |
| MTS-MED-001 |
Vincular |
med_data |
9. Analytics
| Evento |
Trigger |
Datos |
rx_detail_viewed |
Pantalla visible |
rx_id, status |
rx_image_viewed |
Tap imagen |
rx_id |
rx_doctor_contacted |
Tap contacto |
contact_type |
rx_med_link_started |
Tap vincular |
med_id |
rx_share_started |
Tap compartir |
rx_id |
rx_edit_started |
Menu editar |
rx_id |
rx_archived |
Menu archivar |
rx_id |
rx_deleted |
Menu eliminar |
rx_id |
Documento generado por MobileUxUiDrone (Eight of Eight)