FIU Thrive

App de salud · Sistema de diseño · 2023

FIU Thrive es una plataforma con IA para el cribado, la coordinación y la gestión de la salud y la atención social de la Universidad Internacional de Florida. Cuando llegamos, el proyecto ya estaba en marcha, pero le faltaban claridad y forma: cogimos su sistema de diseño y lo convertimos en uno de cinco niveles, de los tokens a las pantallas.

Pantallas de la app FIU Thrive en dos móviles flotando

Cliente: Florida International University
Año: 2023
Rol: Diseño UI/UX y sistema de diseño
Plataforma: App móvil

12: dominios de salud
5: niveles de sistema de diseño
100 %: basado en tokens

Contexto

Salud, IA y un móvil.

La plataforma aprovecha la inteligencia artificial y las apps de salud móvil para mejorar los resultados de los pacientes con planes de cuidado personalizados y una guía de recursos.

Nuestro papel: un sistema de diseño completo para que la app fuera coherente, accesible y fácil de usar.

El reto

Servicios complejos, una app sencilla.

La app conecta a cada usuario con servicios de doce dominios de salud y tiene que manejar evaluaciones complejas sin dejar de ser intuitiva y accesible.

01Evaluaciones de salud personalizadas.
02Objetivos elegidos según las respuestas.
03Servicios integrados, con forma de contactar con cada uno.
04Poder fijar objetivos nuevos en cualquier momento.
05Un sistema robusto que crezca con el producto.

Del token a la pantallaCinco niveles: tokens, átomos, moléculas, organismos y recorridos.

Cómo trabajamos

El proceso, paso a paso

01
Tokens
Colores, tipografía, espaciados y sombras como entidades con nombre, gestionadas en Tokens Studio y en un .json.
02
Átomos
Estilos de texto, sistema de iconos y retícula: piezas básicas, reutilizables y coherentes.
03
Moléculas
Campos de formulario, interruptores con estados claros y botones con variantes, estados y tamaños.
04
Organismos
Listas de servicios y objetivos, navegación por pestañas, tarjetas de servicios y menú lateral.
05
Recorridos
Evaluaciones en doce dominios, objetivos, servicios añadidos al plan y objetivos nuevos en cualquier momento.

Problemas y soluciones

Problemas que encontramos y cómo los resolvimos

Un proyecto en marcha sin forma
Problema
La app ya existía, pero su diseño carecía de claridad y de estructura.
Solución
Partimos del sistema existente y lo elevamos hasta pantallas limpias, bonitas y usables.
Diseño y código, a la vez
Problema
Cada cambio visual podía romper la coherencia entre diseño y desarrollo.
Solución
Tokens centralizados en Tokens Studio y en un .json.
Resultado
Cambios sincronizados en tiempo real entre los dos equipos.
Doce dominios, una interfaz
Problema
Del bienestar físico al apoyo social, cada dominio tiene su información.
Solución
Componentes flexibles que funcionan igual en los doce.
Para todo el mundo
Problema
Una app de salud tiene que servir a personas con capacidades muy distintas.
Solución
Accesibilidad como prioridad en cada componente, y reuniones periódicas con FIU para revisar avances y recoger feedback.