Todos los proyectos · Roche Diabetes Care
CodenameGlucoCheck
App de autocontrol de diabetes
Autocontrol de la diabetes que se entiende en dos segundos.
- Cliente
- Roche Diabetes Care
- Año
- 2013
- Sector
- Salud / Diabetes
- Rol
- UX-UI · Producto
- Partner
- Beta Solutions
- Línea
- Accu-Chek, autocontrol de diabetes
- Usuarios
- Personas con diabetes tipo 1 y tipo 2 insulinodependiente, y su equipo médico
- Alcance
- Concepto de producto, arquitectura de información, UX y UI
- Plataforma
- Dispositivos móviles · tecnología Microsoft
Resumen
Roche Diabetes Care necesitaba una app móvil para que las personas con diabetes registraran su día a día y lo compartieran con su equipo médico. Definimos el concepto de producto, la arquitectura de información, la experiencia y la interfaz. El backend y el firmware del glucómetro quedaron fuera de nuestro alcance.
Pantallas
Los datos que aparecen están anonimizados.
Bienvenida
Inicio
La última glucemia y el tiempo en rango de los últimos 14 días caben en un solo aro.
Inicio · por encima del objetivo
El color cambia con el estado, siempre con icono, texto y un consejo amable.
Nuevo registro
Un registro completo en una sola tarjeta, con el teclado numérico ya abierto.
Histórico
Siete días con la banda objetivo de 70 a 180 mg/dL.
Informes
Tiempo en rango y media por momento del día, en PDF para el médico.
Perfil y objetivos
Rango objetivo, recordatorios y medidor vinculado.
Avisos
Las alertas llegan a la pantalla de bloqueo con el mismo tono amable.
El problema
El autocontrol diario se apoyaba en un cuaderno de papel, y eso fallaba en los dos extremos de la relación entre paciente y médico.
- El registro en papel era incompleto, poco fiable y difícil de interpretar en consulta.
- Los pacientes no sabían de un vistazo si iban bien o no.
- Los endocrinos recibían datos desordenados y perdían tiempo de consulta en ordenarlos.
Enfoque
Diseñamos para un uso que se repite varias veces al día durante años. Cada pantalla tenía que leerse en menos de dos segundos, registrar un dato no podía costar más de tres toques y el tono tenía que motivar, nunca culpabilizar. La accesibilidad fue un requisito de partida: contraste alto, cifras grandes y el color nunca como único indicador, siempre acompañado de icono y texto.
Qué construimos
Lectura inmediata
La última glucemia en mg/dL dentro de un aro de progreso que muestra el porcentaje de mediciones en rango de los últimos 14 días. Una sola mirada responde a la pregunta de si las cosas van bien.
Semáforo de estado
Verde entre 70 y 180 mg/dL, ámbar entre 54 y 69 o entre 181 y 250, rojo por debajo de 54 o por encima de 250. Cada estado lleva su icono y su texto, para que nadie dependa del color.
Registro en menos de tres toques
Glucemia, momento del día (antes o después de comer, al acostarse), carbohidratos, insulina, actividad y estado de ánimo en un único flujo corto.
Histórico e informe para el médico
Gráfica diaria y semanal con la media y la HbA1c estimadas, y un informe exportable que el endocrino puede leer en consulta sin reordenar nada.
Un lenguaje visual que calma
Fondo poligonal en azul cielo y una estética deliberadamente no clínica, para rebajar la ansiedad que acompaña a una enfermedad que se gestiona todos los días.
Resultados
Convertimos un cuaderno que nadie leía en una herramienta que el paciente entiende al momento y que el médico puede usar en consulta.
- El paciente sabe cómo va sin interpretar cifras ni tablas.
- El registro diario cuesta segundos, lo que favorece la constancia.
- La consulta parte de datos ordenados en lugar de un cuaderno incompleto.
- Las decisiones de accesibilidad y tono sirven igual a quien acaba de recibir el diagnóstico que a quien lleva años con la enfermedad.
Sistema visual
Cielo facetado, cifras finas y un semáforo que siempre va acompañado de texto.
- Cielo#8FD3F4
- Azul#4A90D9
- En rango#4CAF50
- Alta#FFB300
- Baja#E53935
- Tinta#2C4A66
- 112
Helvetica Neue
Cifras ultrafinas y textos de interfaz