Resumen
Strongest Families Institute es una organización canadiense sin fines de lucro que ofrece programas de salud mental basados en evidencia a niños, jóvenes, adultos y familias en 10 provincias. Su plataforma IRIS es la columna vertebral digital de esa prestación — un sistema web donde los pacientes acceden a materiales de intervención y los coaches gestionan casos, hacen seguimiento del progreso y se comunican con los clientes. Para 2021, la plataforma estaba en su primera versión: funcional, pero mostrando su edad. SFI se estaba preparando para una nueva ronda de inversión, y una plataforma modernizada era uno de los criterios para avanzar. Me incorporé como líder UX, responsable del rediseño completo.
El desafío
IRIS tenía dos grupos de usuarios distintos con necesidades muy diferentes: los pacientes navegando por un programa de salud mental (a menudo en situación de angustia, necesitando claridad y calma), y los coaches gestionando múltiples casos simultáneamente (necesitando eficiencia y datos de un vistazo). La plataforma original no atendía bien a ninguno de los dos — no era responsive, la arquitectura de información hacía que las tareas principales fueran más difíciles de lo necesario, y el diseño visual no había evolucionado desde el lanzamiento. El rediseño tenía que servir a ambos lados de la plataforma mientras cumplía con un plazo estricto vinculado al proceso de inversión. No había un equipo de desarrollo esperando — mi entregable era el archivo Figma completo a partir del cual el equipo podría construir directamente.
Mi rol y proceso
Descubrimiento y arquitectura de información
- Mapeo de todos los flujos existentes en ambos lados de IRIS — el orientado al paciente y el del coach/personal — para identificar problemas estructurales antes de tocar la capa visual
- Producción de mapas del sitio y documentación de recorridos de usuario que cubrían el alcance completo de ambas plataformas
- Recopilación de requisitos mediante sesiones con los stakeholders del liderazgo de SFI, alineando las decisiones de diseño con los criterios de la ronda de inversión
Sistema de diseño e interfaz de usuario
- Construcción de un sistema de diseño desde cero en Figma — tokens de color, escala tipográfica, sistema de espaciado y una biblioteca de componentes completa que cubría todos los patrones de UI utilizados en ambas plataformas
- Aplicación de los estándares de accesibilidad WCAG en todo: ratios de contraste, navegabilidad con teclado, estructura amigable con lectores de pantalla — especialmente crítico en un contexto de salud mental
- Diseño para responsividad completa desde la base, resolviendo una de las limitaciones fundamentales de la plataforma original
Prototipado y pruebas de usabilidad
- Construcción de prototipos interactivos de alta fidelidad en Figma que cubrían todas las pantallas y flujos de ambas plataformas
- Ejecución de sesiones de pruebas de usabilidad con los prototipos, midiendo la completación de tareas y los puntos de abandono en los flujos clave
- Iteración basada en los resultados de las pruebas — la ronda final de pruebas mostró una mejora del 25 % en las puntuaciones de usabilidad en comparación con los flujos de la plataforma original
- Entrega del archivo Figma completo como entregable listo para desarrollo — anotado, basado en componentes, con todos los estados y casos límite cubiertos — y establecimiento del sistema de diseño y del proceso de handoff de QA para la construcción
Resultados e impacto
El rediseño respaldó una ronda de financiación exitosa de 2 M$. La plataforma está desde entonces en línea — login.strongestfamilies.com — con el desarrollo avanzando a partir del entregable en Figma. La mejora del 25 % en las puntuaciones de usabilidad durante las pruebas validó los cambios arquitectónicos realizados en las experiencias del paciente y del coach. Como líder UX en el proyecto, cada artefacto — desde la arquitectura de información hasta el prototipo final — fue producido de principio a fin.