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 👇🏻
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 👇🏻
- 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 👇🏻
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.
🔎 Algunos recursos que me fueron de utilidad:
Insights 💡
Consideraciones top 🏅
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:
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.
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.
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.
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