Volver
Ícono de la app NAVICA
Caso de estudio•Abbott Laboratories•feb–jul 2021

Guiando paso a paso a quienes usaban NAVICA de Abbott por primera vez.

NAVICA convirtió la prueba rápida de antígenos BinaxNOW de Abbott en una credencial de salud verificada, aceptada por escuelas, empleadores y eventos en todo el país. Durante un contrato de cinco meses, trabajé en el equipo de diseño que creó la experiencia móvil de reporte de la app, de la investigación al lanzamiento.

Caja y tarjeta de la autoprueba de COVID-19 BinaxNOW
Rol
Diseñador UX (contrato)
Empresa
Abbott Laboratories
Enfoque
Diseño de onboarding y educación
Duración
feb–jul 2021
Plataforma
iOS y Android

Problema

Un resultado positivo o negativo tenía que viajar de la mesa de la cocina a la puerta de una escuela, al lector de credenciales de una oficina o al check-in de un aeropuerto, al instante y sin dudas.

Solución

Un flujo de reporte guiado para quienes se hacían la prueba por primera vez: instrucciones claras, seguimiento del estado y una credencial para mostrar en la puerta.

Impacto del producto

NAVICA alcanzó 10.000 usuarios activos diarios en dos semanas y entró en funcionamiento en los 50 estados. Trabajé en el flujo de reporte y en las guías de la prueba como parte del equipo de diseño.

Contexto

Diseñando a velocidad de pandemia.

En febrero de 2021, Abbott me sumó al equipo que diseñaba la experiencia móvil de reporte de NAVICA, la app complementaria de su prueba rápida de antígenos BinaxNOW para uso en casa. La prueba en sí tomaba 15 minutos. Convertir ese resultado en algo que un empleador, una escuela o un evento aceptara tenía que diseñarse mucho más rápido de lo normal. En julio, a cinco meses de mi contrato, la experiencia de reporte se lanzó en iOS y Android en todo el país, sin espacio para una fase de descubrimiento lenta ni un lanzamiento gradual.

La gente tenía miedo. A un año de la pandemia, viajar todavía implicaba demostrar un resultado negativo en algún control, y la mayoría nunca se había hecho una prueba diagnóstica a sí misma. Así que cada pantalla tenía que entenderse la primera vez que un padre o una madre nerviosos abrían la app. Un paso confuso hacía dudar de un resultado en el que necesitaban confiar, justo cuando lo que más querían era recuperar su vida normal.

Prueba de COVID-19 BinaxNOW usada en casa

El problema

¿Cómo conviertes un hisopado nasal en algo en lo que un empleador confíe, sin que un solo resultado mal leído le cueste el trabajo a alguien?

Teníamos cinco meses, y la app tenía que funcionar para todos los grupos de edad en los 50 estados. También tenía que convencer a quien revisaba el resultado en la puerta, ya fuera un empleador, una escuela o un prestador de salud.

El kit ya venía con una guía impresa que explicaba cada paso, pero bajo presión es fácil pasar por alto un instructivo de papel. Parte del trabajo era convertir esa guía impresa en algo digital que la gente realmente siguiera.

La tarjeta de prueba BinaxNOW junto a sus hojas de instrucciones impresas

Investigación

Conoce a Alissia.

Persona representativa basada en nuestra investigación. No es una participante real.

Ilustración del retrato de la persona Alissia Chan
Ocupación
Gerente de ventas
Ubicación
Atlanta, Georgia
Edad
30
Familia
Casada, 1 hijo

Biografía

Alissia es una gerente de ventas de 30 años en Atlanta, casada y con un hijo pequeño. Hacerse pruebas en casa es parte de cómo mantiene a salvo a su familia.

Necesidades

  • Una forma fácil y segura de usar la prueba BinaxNOW.
  • Una manera rápida de saber si es positiva o negativa durante la pandemia, para proteger a su familia.
  • Más del proceso en su teléfono en lugar de en papel.

Punto de dolor

Cree que siempre hay espacio para mejorar, sobre todo en velocidad: los mecanismos para hacer y validar una prueba aún podrían ser más rápidos. Al mismo tiempo, le parece que la idea es excelente, porque les da a las familias una forma accesible de detectar el COVID-19 en casa sin exponer a nadie más.

“Es muy importante usar alternativas que nos permitan cuidarnos en casa.”

Objetivos

Quiere hacerse la prueba en casa, reportar los resultados con honestidad y obtener las credenciales negativas que su familia necesita para la escuela, el trabajo y la vida diaria.

Enfoque

Cinco meses, de la investigación al lanzamiento.

01

Investigación y descubrimiento

Probé el flujo de reporte con usuarios representativos en sesiones de pensamiento en voz alta y pruebas de Mago de Oz. La mayor fricción: a la gente le costaba seguir las instrucciones impresas del kit bajo presión. A partir de ahí, trabajé con el equipo de animación para encontrar la mejor manera de guiar a las personas en cada paso físico.

02

Diseño UX/UI, alcance y refinamiento

Era tanto un problema de onboarding y educación como de interfaz, para personas que hacían su primera prueba diagnóstica en casa. El flujo de reporte siempre muestra en qué estado está el resultado y qué sigue, en lenguaje sencillo y con accesibilidad desde la primera pantalla.

03

Prototipo y pruebas con usuarios

Partiendo de Material Design y las Human Interface Guidelines de Apple, el equipo construyó prototipos interactivos y los validó con pruebas de usabilidad iterativas, afinando la navegación, la jerarquía y la visibilidad del estado antes de escribir una sola línea de código de producción.

Dentro de la app

Seis pantallas, del inicio al primer hisopado.

Desde el inicio, un usuario puede conseguir una prueba, escanear una que ya tiene o reportar un resultado. Cada pantalla siguiente cubre un paso, empezando por lo básico antes de abrir el hisopo.

Pantalla de inicio de NAVICA con acciones rápidas

Inicio

Las tres formas de entrar: conseguir una prueba, escanear una o reportar un resultado por tu cuenta.

Pantalla Conseguir una prueba con las opciones de BinaxNOW

Conseguir una prueba

Elegir entre una autoprueba de detección y una prueba para obtener credenciales negativas.

Pantalla Escanear una prueba leyendo con la cámara el código QR de la tarjeta

Escanear una prueba

La cámara lee el código QR de la tarjeta para identificar la prueba y lleva directo a su flujo guiado.

Pantalla de detalle de la prueba con el botón Iniciar autoprueba

Detalle de la prueba

Qué detecta la prueba, cuánto tarda y un solo botón para empezar.

Instrucciones guiadas para abrir la tarjeta sin tocar la tira

Abrir la tarjeta

Abre la tarjeta, mantenla plana y no toques la tira. Una animación corta muestra cada paso, y los lectores de pantalla reciben los mismos pasos en texto.

Instrucciones guiadas que muestran la profundidad del hisopo

Introducir el hisopo

Una animación muestra la profundidad y el ángulo para que el hisopo entre lo necesario, con las mismas instrucciones en texto para lectores de pantalla.

Interacción

Enseñando la prueba, un paso animado a la vez.

Cada paso físico de la prueba BinaxNOW, desde abrir la tarjeta hasta leer el resultado, se animó dentro de la app: una versión digital y guiada de las instrucciones impresas, para que quien la usa por primera vez nunca tenga que interpretar un instructivo de papel bajo presión.

01Abrir la tarjeta
02Abrir el empaque del hisopo
03Introducir el hisopo
04Hisopar la fosa nasal derecha
05Hisopar la fosa nasal izquierda
06Aplicar el reactivo
07Introducir el hisopo en la tarjeta
08Girar el hisopo
09Retirar el adhesivo
10Cerrar la tarjeta
11Esperar y leer

Abbott Laboratories

“Luis fue un gran aporte para el equipo mientras trabajamos en el programa NAVICA de Abbott. Usó su talento y sus habilidades para dar vida a las ideas a través del diseño. Luis tiene un sólido conocimiento de experiencia de usuario y diseño de interfaces. Trabaja bien en entornos de ritmo acelerado y aprende rápido. Luis es un gran compañero de equipo y siempre se conduce de manera profesional.”
JD
Jeff DiTusa

Innovación estratégica y habilitación tecnológica

Impacto

Impacto del producto tras el lanzamiento.

Estos son resultados de NAVICA como producto completo. Mi aporte aparece debajo.

$760M

En ventas en las primeras 24 horas del lanzamiento.

10,000

Usuarios activos diarios a dos semanas del lanzamiento.

50

Estados donde NAVICA entró en funcionamiento, creciendo más allá del reporte de pruebas hacia una plataforma de salud más amplia.

$114M

En adopción empresarial entre empleadores, prestadores y administradores.

Mi aporte

  • Pruebas de usabilidad del flujo de reporte con usuarios representativos, en sesiones de pensamiento en voz alta y de Mago de Oz.
  • Un flujo de reporte educativo y de baja fricción: la revelación progresiva mostraba los pasos en lenguaje sencillo uno a la vez en lugar de todos juntos, con un estado que siempre indica en qué va el resultado.
  • Guías animadas paso a paso para cada paso físico de la prueba BinaxNOW. En las pruebas con usuarios, la facilidad de uso percibida subió cerca de un 48% con las guías, sobre todo para empleadores y otros usuarios frecuentes que hacían la prueba con regularidad.

Nota final

NAVICA salió en plena emergencia de salud pública, y tenía que funcionar bien desde la primera vez que la gente la abría.