Design
Pantallas
Para qué

Especificación detallada de cada pantalla: datos mostrados, estados, acciones disponibles y navegación.

Audiencia

Diseño e ingeniería.

Cargar Exámenes

Laboratorios -> Paso 1: Captura

Propósito: Permitir al usuario subir foto o PDF de sus exámenes de laboratorio
JTBD: “Quiero subir mis resultados rápido sin complicaciones”
Ruta: /paciente/laboratorio/upload
Módulo: PAM-4


Features

# Feature Descripción Prioridad
1 Selector de origen Camara, galeria o archivo PDF P0
2 Preview del archivo Miniatura del archivo seleccionado antes de enviar P0
3 Validación de formato Solo JPG, PNG, PDF. Máximo 20 MB P0
4 Barra de progreso Indicador visual de subida con porcentaje P1
5 Cancelar subida Botón para abortar el upload en curso P1
6 Instrucciones de foto Tips: buena luz, sin sombras, texto legible P2

States

Seleccionando

  • Visual: Card central con 3 opciones: Camara, Galeria, PDF
  • Copy: “Sube tus exámenes”
  • Subtitulo: “Puedes tomar una foto o subir el PDF del laboratorio”

Uploading

  • Visual: Preview del archivo + barra de progreso animada con porcentaje
  • Copy: “Subiendo tu archivo… 67%”
  • Cancelable: Si, botón “Cancelar” debajo de la barra

Error de Formato

  • Trigger: Archivo no soportado o mayor a 20 MB
  • Copy: “Este formato no es compatible. Intenta con JPG, PNG o PDF.”
  • CTA: [Intentar de nuevo]

Subida Exitosa

  • Copy: “Archivo recibido. Estamos procesando tus resultados.”
  • CTA: [Ver estado] redirige a /paciente/laboratorio/procesando

Datos Mostrados

Dato Objeto Propiedad Ejemplo
Nombre archivo Archivo nombre examenes_maria_mar2026.pdf
Tamaño Archivo tamaño 2.4 MB
Formato Archivo tipo PDF
Progreso subida Upload porcentaje 67%

Acciones

Acción Tipo Resultado
Abrir camara Primaria Abre camara nativa
Seleccionar galeria Primaria Abre selector de imágenes
Subir PDF Primaria Abre file picker (solo PDF)
Cancelar subida Secundaria Aborta upload, vuelve a selección
Intentar de nuevo Primaria Vuelve a selector de origen

  • Origen: Dashboard > “Cargar exámenes” / Tab Progreso > Tus Exámenes
  • Destino éxito: Procesando (/paciente/laboratorio/procesando)
  • Destino cancelar: Dashboard
  • Back: Pantalla anterior