SD APP · UX / UI · Mobile App · Salud Digital
App nativa de servicios de laboratorio y salud integral que une citas, resultados y seguimiento médico en una sola experiencia digital.
Ver Prototipo
Design Thinking
Contexto
En un panorama donde los usuarios esperan poder gestionar su salud desde la palma de su mano, SD —una de las instituciones de diagnóstico y prevención más reconocidas en México— enfrenta el reto de evolucionar su ecosistema digital.
Aunque su sitio web ofrece funcionalidades clave como agendar citas y consultar resultados, la mayoría de los pacientes accede desde dispositivos móviles, donde la experiencia aún no está optimizada. Al mismo tiempo, varios competidores en el mercado nacional ya ofrecen aplicaciones móviles completas con recordatorios, historial clínico y opciones de teleconsulta.
El objetivo fue diseñar una experiencia centrada en las personas, que combinara accesibilidad, confianza y eficiencia — modernizando la interacción digital, manteniéndose competitivo en el mercado y fortaleciendo la conexión emocional con la marca.
01 — Empatizar
Se realizaron entrevistas cualitativas con usuarios representativos —adultos mayores, personas con discapacidad visual y habitantes de zonas periféricas con acceso limitado a servicios digitales— para identificar los aspectos más importantes de la experiencia.
Rapidez y autonomía
Los usuarios quieren poder agendar, pagar y consultar resultados sin depender de llamadas o filas.
Accesibilidad
Personas mayores o con baja alfabetización digital necesitan una interfaz clara, texto legible y soporte inclusivo.
Acompañamiento digital
Los usuarios valoran recordatorios de citas, alertas de resultados y sugerencias preventivas.
Transparencia y confianza
La claridad en precios, tiempos y privacidad de datos es clave para generar seguridad.
Gestión familiar
Muchos usuarios manejan resultados y citas de familiares, por lo que necesitan perfiles múltiples integrados.
Historial clínico
Buscan tener resultados anteriores en un formato fácil de compartir, comparar y enviar al médico.
Voz del usuario
Andrés Díaz
35 años
Empleado de oficina, usuario frecuente de apps bancarias
"Deseo agendar rápido, pagar en línea y recibir resultados por notificación. Prefiero procesos claros y sin pasos innecesarios."
Camila Sánchez
24 años
Estudiante universitaria, vive fuera de su ciudad natal
"Busco una app que me diga qué clínicas están más cerca y me permita descargar resultados en PDF. Quiero recordatorios automáticos."
Carlos Jiménez
65 años
Jubilado, usuario con poca familiaridad tecnológica
"Necesito una app con letra grande, explicaciones simples y asistencia paso a paso. Me gustaría recibir llamadas o mensajes automáticos de confirmación."
Daniela Alcaráz
40 años
Madre de familia, cuida de sus padres mayores
"Busco administrar citas y resultados de varios familiares. Deseo tener acceso rápido y evitar esperas telefónicas."
Laura Esquivel
32 años
Profesionista que realiza chequeos frecuentes
"Deseo una app con historial médico consolidado, recordatorios preventivos y conexión con otros servicios de salud."
Diego Flores
36 años
Trabajador de la construcción, usa teléfono Android básico
"Quiero una app ligera, que funcione sin buena conexión, y que muestre resultados sin necesidad de imprimir."
02 — Definir
A partir de la información recopilada se identificaron patrones, se organizaron los hallazgos y se priorizaron los problemas que generarían el mayor impacto para los pacientes.
Dificultad para encontrar resultados o repetir estudios anteriores.
Procesos largos o poco claros para agendar citas.
Deseo de tener todos los servicios en un solo lugar.
Frustración con la carga lenta o pérdida de datos durante el registro.
Expectativa de un diseño intuitivo, con lenguaje simple y visualmente claro.
Insight clave
"Quiero una app que me permita hacer todo rápido, sin tener que adivinar en dónde está cada cosa."
Tamaño de letra pequeño o contraste insuficiente.
Falta de guía paso a paso para usuarios mayores.
Ausencia de opciones de lectura en voz alta.
Dificultad para completar formularios desde móviles.
Deseo de una interfaz adaptable, clara y sin distracciones.
Insight clave
"No todos somos expertos en apps. Quisiera algo fácil de entender desde el primer uso."
Dudas sobre el uso de datos personales y resultados clínicos.
Miedo a errores en pagos digitales o duplicación de cargos.
Desconfianza en resultados entregados por medios electrónicos.
Falta de confirmaciones o comprobantes digitales visibles.
Valoración de la comunicación empática y lenguaje humano.
Insight clave
"Me gustaría saber que mis resultados y mi dinero están seguros, que puedo confiar en la app tanto como en la clínica."
Olvido frecuente de citas o falta de recordatorios.
Falta de claridad en el estatus de estudios o tiempos de entrega.
Deseo de notificaciones útiles, no solo promocionales.
Interés por obtener consejos de salud personalizados.
Necesidad de mensajes que transmitan empatía humana.
Insight clave
"A veces no sé si mi estudio ya está listo o si tengo que volver a llamar. Quisiera que la app me lo recordara."
Dificultad para acceder a resultados de hijos o padres desde una sola cuenta.
Falta de perfiles secundarios dentro de la misma app.
Deseo de recordatorios por cada miembro de la familia.
Necesidad de historial compartido o sincronizado.
Preferencia por una interfaz que diferencie cada perfil.
Insight clave
"Yo soy quien lleva las citas de mis papás y mis hijos. Sería ideal tener todo en un solo lugar."
Aprecio por un tono de comunicación humano, no técnico.
Confianza generada por el historial y reputación de la marca.
Preferencia por un diseño visual cálido y positivo.
Deseo de seguimiento o felicitaciones por chequeos realizados.
Valoración de un enfoque humano en los mensajes automáticos.
Insight clave
"Salud Digna me da confianza como institución, pero me gustaría sentir esa misma calidez en su app."
Mariana López · 32 años
Profesora · Usuaria frecuente de Salud Digna
José Martínez · 47 años
Cuidador familiar · Gestiona estudios de su familia
Rosa Méndez · 64 años
Jubilada · Acceso limitado a tecnología
User Journey Map
Se identificaron los principales puntos de contacto, emociones, pain points y oportunidades de diseño a lo largo del ciclo de uso de la app.
| Etapa | Objetivo del usuario | Acciones / Tareas | Puntos de contacto | Emociones | Pain Points | Oportunidades UX |
|---|---|---|---|---|---|---|
| 1. Descubrimiento | Encontrar la app y comprender su utilidad | Busca "Salud Digna" en App Store / Google Play, revisa reseñas, descarga la app | Tienda de apps, anuncios, recomendaciones | 🤔Curiosa pero con dudas |
Falta información clara sobre beneficios antes de descargar | Landing de bienvenida con beneficios visibles y reseñas destacadas |
| 2. Registro / Onboarding | Crear su cuenta y vincular sus datos | Se registra con correo o número, acepta términos, vincula estudios previos | Pantallas de registro, formularios, tutorial inicial | 🙂Motivada |
Formularios extensos o poco claros | Simplificar registro con login Google/Apple ID |
| 3. Agendamiento | Reservar un estudio médico fácilmente | Navega por categorías, selecciona servicio, elige clínica, fecha y paga | Navegación principal, buscador, calendario, pago | 😊Satisfecha si el flujo es claro |
Confusión en precios o disponibilidad | Precios claros, clínicas cercanas y horarios sugeridos |
| 4. Preparación / Espera | Recordar su cita y llegar a tiempo | Recibe notificación, consulta detalles, revisa requisitos del estudio | Push notification, pantalla "Mis citas" | 😐Expectante |
Falta de recordatorio o info sobre preparación | Notificaciones automáticas + checklist de preparación |
| 5. Atención presencial | Realizar su estudio sin complicaciones | Llega a la clínica, muestra código QR o comprobante de cita | Pantalla "Cita confirmada", recepción | 🙂Tranquila |
Problemas con validación de cita o tiempos de espera | Código QR escaneable y confirmación en tiempo real |
| 6. Resultados | Consultar resultados desde su móvil | Recibe aviso, abre app, descarga o comparte resultados | Notificación, visor de resultados, PDF | 😄Satisfecha / aliviada |
Retrasos sin aviso o resultados poco claros | Barra de progreso, fechas estimadas y explicación visual del resultado |
| 7. Seguimiento / Prevención | Revisar historial y recibir recomendaciones | Ve historial médico, recibe alertas personalizadas o recordatorios | Perfil del paciente, notificaciones, panel de bienestar | 😊Motivada |
Sin conexión entre estudios anteriores o consejos de salud | Recomendaciones dinámicas basadas en historial y edad |
| 8. Fidelización / Retorno | Volver a usar la app y recomendarla | Participa en promociones o programas preventivos, comparte experiencia | Sección de bienestar, encuestas, promociones | ❤️Leal y conectada |
Falta de incentivos o programas de fidelidad | Gamificación, recompensas por uso frecuente, referidos |
| # | Dolor del usuario | Impacto |
|---|---|---|
| 1 | Muchos pasos para iniciar y con pasos redundantes | Alto |
| 2 | Resultados llegan tarde o con formatos poco claros | Alto |
| 3 | Falta de notificaciones automáticas de resultados | Medio |
| 4 | No existe una vista de historial de estudios | Alto |
| 5 | Interfaz web poco adaptada a la navegación móvil | Alto |
03 — Idear
La etapa de ideación transforma insights en posibilidades. Se generaron nuevas funcionalidades, flujos simplificados y propuestas de valor centradas en: accesibilidad, rapidez, claridad y autonomía del paciente.
Pantalla principal con acceso directo a servicios, citas recientes y resultados.
Laboratorio Clínico
Imagenología
Óptica
Panel de bienestar personal con historial, métricas de salud y recomendaciones preventivas.
Agendar cita
Promociones activas
Perfil Familiar
Métodos de Pago
Propuesta de solución
La app se concibe como un ecosistema digital centrado en el paciente, que une tecnología, accesibilidad y prevención en un solo lugar.
Inicio personalizado
Acceso directo a citas, resultados y promociones relevantes.
Agendamiento ágil
Flujos simplificados con opción de pago digital.
Recordatorios y notificaciones
Gestión proactiva de citas y resultados.
Historial médico digital
Acceso al historial completo de estudios.
Canal de comunicación directa
Consultas y seguimiento sin llamadas.
Extensiones futuras
Integración con teleconsultas, seguros y programas de bienestar.
04 — Diseño
El sistema de diseño del SD App centraliza los tokens visuales, componentes y patrones de interacción que aseguran consistencia, accesibilidad y velocidad de iteración en toda la experiencia del paciente.
05 — Prototipado
El proceso de diseño avanzó en tres niveles de fidelidad, cada uno validando decisiones distintas: estructura y flujo, jerarquía visual, y finalmente el sistema de diseño completo listo para desarrollo.
Estructura base de cada flujo: jerarquía de información, agrupación de contenido y arquitectura de navegación, sin distracción visual. El objetivo fue validar el orden lógico de las tareas críticas — agendar cita, gestionar familia, consultar resultados — antes de invertir en estética.
Introducción de jerarquía tipográfica real, espaciado consistente y primeros componentes funcionales — cards, botones, badges — para probar la legibilidad y el peso visual de cada pantalla antes de aplicar la identidad de marca completa.
Versión final con el sistema de diseño completo aplicado: paleta verde de marca, tipografía Inter, ilustraciones custom y microinteracciones. Cada pantalla quedó lista para handoff a desarrollo, con specs y tokens documentados.
06 — Flujos Interactivos
Cuatro recorridos críticos del SD App, navegables de extremo a extremo en Figma: desde el primer contacto del usuario hasta la gestión de su salud y la de su familia.
Explora los flujos interactivos por tarea
Impacto esperado
Reducción de fricción en los flujos de cita y pago mediante un proceso de 3 pasos sin redundancias.
Mayor recurrencia de usuarios activos gracias a notificaciones de salud preventiva personalizadas.
Aumento de conversión y fidelización de pacientes mediante flujos de seguimiento post-estudio.
Posicionamiento de SD como referente en salud digital accesible en México.