Parkinson tool | Abbott
👨🏻‍💻

Parkinson tool | Abbott

ℹ️

El presente artículo pretende explicar un proyecto, realizado para Abbott, orientado a pacientes con Parkinson

Objetivo del proyecto 🎯

El principal objetivo consistía en rediseñar una herramienta online para pacientes de Parkinson. La razón de ser de esta plataforma era evitar consumir el escaso tiempo de las visitas en preguntas y respuestas rutinarias.

De este modo, el paciente podía responder a las preguntas desde su casa, antes de la visita, para así poder destinar ese tiempo a otras cosas más productivas durante la consulta.

Estado actual de la herramienta 👇🏻

image

👉🏻

Puedes encontrar el prototipo interactivo haciendo click aquí

Contexto 🗺

Algunos datos, particulares del proyecto, a tener en cuenta:

✅  La accesibilidad jugaba en un papel clave

✅  Pacientes con diversidad funcional

✅  Un diseño ya funcionando

✅  A realizar en 4 idiomas

Research 🔎

Durante la fase de research se realizaron una serie de técnicas. Gracias a los insights obtenidos durante esta investigación pudimos definir una solución final.

Evaluación Heurística 🔧

Tras analizar la herramienta, se identificaron las siguientes carencias:

❎  Demasiada carga cognitiva en una misma pantalla

❎  Flujo de preguntas y respuestas sin una secuencia lógica

❎  Carencia de jerarquías

❎  Falta de consistencia: emplazamiento aleatorio de elementos

❎  Ruido innecesario: sombras, transiciones, imágenes coloridas, etc

❎  Texto no optimizado, mala legibilidad

❎  Botones y elementos interactivos muy pequeños

❎  Mal funcionamiento de la tabulación (Accesibilidad)

❎  Mal uso de la iconografía

Entrevistas 🎙

User persona ✈️

Se tomó como referencia a una mujer, abogada, de 61 años. De carácter perfeccionista y con nivel intermedio de conocimientos digitales.

Motivaciones y objetivos 👇🏻

💬

“ Quiero hacerlo por mi misma, puedo ser capaz de usar una aplicación digital como siempre he hecho hasta ahora

  • Ganar tiempo para tener una consulta más eficiente con mi doctor
  • No perder demasiado tiempo contestando. Quiero algo fácil de usar
  • Monitorizar la evolución de la enfermedad

Customer journey 👇🏻

image

Accesibilidad 👓

La accesibilidad fue una parte fundamental, a tener en cuenta, en el desarrollo del proyecto. Durante unos días me dediqué en exclusividad a realizar cursos y a formarme más profundamente en la materia.

👇🏻

Algunas consideraciones generales sobre accesibilidad: ✅  No es sólo color, sino formas, contraste, texto, etc ✅  Elementos grandes. Espaciado, contraste, etc ✅  Deja tiempo para leer con calma y entender bien ✅  La consistencia es clave ✅  Estado activo visible mediante el elemento destacado visualmente ✅  Secuencia lógica de tabulación. Simple, pocas interacciones, acciones de deshacer y volver siempre visibles

🔎  Algunos recursos que me fueron de utilidad:

Insights 💡

Consideraciones top 🏅

🥇

Simple. Fácil de usar

🥈

Rápido. Ahorrar tiempo

🥉

Educacional. Fácil de entender

Componentes 🧩

  • Elementos grandes: botones, texto, iconos, etc
  • Texto legible. Ancho superior a 600 px
  • Evitar scroll. Todos los elementos en una pantalla
  • Sin transiciones ni elementos decorativos superfluos

Estándares 🌎

  • Consistencia. Colocar los elementos donde se espera
  • Estado activo visible. Tabulación

Cuestionario ❓

  • Dividir el proceso en pasos. Reducir la carga cognitiva
  • Secuencia lógica de las preguntas
  • Tiempo para leer con calma

Ayudas 🤝

  • No ocultar las ayudas contextuales
  • Botón para añadir la página a marcadores

Resumen 📁

  • Documento resumen fácil de leer y de comparar
  • Opción de enviar PDF al correo + recordatorio
  • Optimizar elementos visuales: iconos e ilustraciones que ayuden

Textos 🔤

  • Cuidar la taxonomía, que se entienda
  • Copywritting cálido. Evitar los mensajes robóticos

Diseño 🖍

Teniendo en cuenta el objetivo del proyecto y todos los datos obtenidos durante la fase de análisis procedimos definir una solución que cumpliera los siguientes requisitos:

🥇

Simple. Fácil de usar

🥈

Rápido. Ahorrar tiempo

🥉

Educacional. Fácil de entender

👆🏻

Puedes ver todos los requisitos en el apartado de insights 💡

Prototipo en alta 👨🏻‍💻

Con estos requisitos se diseño la propuesta de UX para validar los nuevos flujos así como la nueva estructura de las pantallas.

image
👉🏻

Puedes encontrar el prototipo interactivo haciendo click aquí

Diseño visual 🎨

Una vez validada la parte de UX se definió la solución visual final. Todo ello manteniendo las premisas que sirvieron para el prototipo. Como se puede apreciar, el resultado final no varió mucho ya que una de las premisas clave era mantener el diseño lo más simple.

image
👉🏻

Puedes encontrar el prototipo interactivo haciendo click aquí

Responsive 📱

La herramienta se diseñó para desktop, tablet y mobile. En los 3 tipos de dispositivo podemos apreciar como el diseño se adapta al total de la superficie para así optimizar el tamaño de los elementos, sobre todo de los botones.

image

Consideraciones finales 🎬

El diseño final pretendía dar solución a las necesidades particulares de los pacientes con Parkinson para proporcionarles, en la medida de lo posible, una experiencia agradable y autónoma a la hora de utilizar la plataforma.

Para ello, en el diseño, fueron claves una serie de decisiones:

✅  Reducir la carga cognitiva del proceso dividiendo en pasos el mismo

✅  Ayudas claramente visibles y destacadas en todo momento para facilitar la comprensión

✅  Disponer las preguntas con una secuencia lógica para ayudar a la comprensión del flujo

✅  Elementos exageradamente grandes adaptados al dispositivo

✅  Mantener la consistencia de todos los elementos

Testing 🧪

⚠️

Actualmente el prototipo se encuentra en fase de testado. Se publicarán los resultados cuando se termine dicha fase y se obtengan las conclusiones pertinentes.

Te podría interesar 👇🏻

❤️ It’s a match?

📌

Si tienes una idea, proyecto o quieres realizarme una consulta no dudes en contactarme a través de LinkedIn o mi correo personal ✉️

©️

Jesus Beas | 2022