Univa Health · Recuperación gamificada de trastornos alimentarios

Resumen

Lideré el diseño UX de una plataforma de dos apps móviles para apoyar a jóvenes en recuperación de trastornos alimentarios y a sus cuidadores, combinando orientación clínica, teoría del cambio de comportamiento y gamificación.

El reto

Diseñar para dos grupos de usuarios opuestos: adolescentes (13–21) sensibles a contenido desencadenante, y sus cuidadores que buscan claridad y tranquilidad, compartiendo un mismo proceso de recuperación con interfaces, tono y funciones distintas.

Enfoque de diseño

Un proceso de recuperación gamificado con la metáfora de un jardín virtual para pacientes, diseñado sin métricas de peso, comida o calorías para evitar desencadenantes. Una app estructurada y no gamificada para cuidadores, centrada en la claridad y el apoyo emocional. Un portal clínico centrado en la seguridad y la integración en el flujo de trabajo.

Sistema de diseño, construido desde cero

No existía un sistema de diseño cuando me incorporé a Univa. Construí uno, una librería en Figma que cubre componentes, tokens y reglas de accesibilidad alineadas con WCAG 2.1 AA, usada en la app de pacientes, la app de cuidadores y el portal clínico. Cada pantalla de este caso de estudio viene de ese mismo sistema.

La IA como parte del flujo de trabajo

El sistema de diseño no era solo documentación, era lo que hacía que la IA sirviera para trabajo de diseño real. Entrené a Claude con nuestra librería de componentes, tokens y reglas de accesibilidad, para que pudiera generar variaciones de interfaz que ya encajaban con el sistema, en lugar de resultados genéricos que había que reconstruir a mano. Sin un sistema de diseño tan completo, el diseño generado por IA no habría sido utilizable aquí. La función Small steps de abajo es un ejemplo, esbozada con variaciones asistidas por IA sobre el sistema existente, y luego refinada y publicada.

Agentes de auditoría UX

Junto al trabajo de diseño, construí agentes personalizados que revisaban las pantallas frente a heurísticas de usabilidad y nuestra checklist WCAG 2.1 AA de forma automática, detectando problemas antes de que llegaran al QA manual. Esto funcionaba de forma continua durante el desarrollo, no como una revisión puntual al final.

Un portal pensado para clínicos, no solo para pacientes

El programa también necesitaba una parte para el equipo clínico. Diseñé el portal clínico del NHS para que un clínico pueda ver el diario de comidas, el diario de estado de ánimo y el nivel de riesgo de un paciente en una sola pantalla, priorizar una lista de pacientes de alto riesgo por acción pendiente en lugar de por orden alfabético, y leer las tendencias de adherencia por capítulos y check ins de un vistazo. El mismo sistema de diseño, los mismos tokens, construido para un usuario completamente distinto y una tarea completamente distinta.

Resultado

MVP entregado para el piloto del NHS, con comentarios positivos en las primeras pruebas con usuarios.

Galería