Diseño de herramienta multiplataforma para soporte y recordatorio del tratamiento médico

MediHome

Diseño de herramienta multiplataforma para soporte y recordatorio del tratamiento médico
Diseño UX
Septiembre 2022

Resumen del proyecto

El producto: MediHome surge como una alternativa para ayudar a las personas a seguir un tratamiento médico adecuado, para ello, se optó por la realización de una aplicación con soporte multiplataforma para ayudar a las personas a dar un seguimiento adecuado de sus medicinas.

El problema: Las personas tienen dificultades para recordar la hora en que deben tomar sus medicamentos, por lo que necesitan una herramienta que les permita recordar el horario que tienen. El objetivo: crear una herramienta accesible que permita a las personas recordar sus medicinas y llevar un tratamiento médico adecuado.

Mi rol: Diseñador de UX a cargo de crear una aplicación con soporte para la mayoría de los dispositivos móviles y un sitio web complementario desde la concepción hasta la entrega. Responsabilidades: Realización de entrevistas, esquemas en papel y digitales, creación de prototipos de baja y alta fidelidad, realización de estudios de facilidad de uso, accesibilidad e iteración de diseños.

Investigación sobre los usuarios

Realicé entrevistas y creé mapas de empatía para entender a los usuarios para quienes diseño, así como sus necesidades. Un grupo de usuarios primario identificado a través de la investigación fueron adultos trabajadores que no alcanzan a recordar la hora de su tratamiento a causa de su trabajo. Otro sector de los usuarios fueron adultos mayores que tienen dificultad para recordar la hora en la que les asignaron sus medicamentos.

Puntos débiles: Los usuarios requieren una herramienta a la que puedan entrar de manera sencilla en cualquier momento, se necesita de una herramienta que sea fácil de navegar y de programar incluso para las personas a las que se les dificulta la tecnología, los usuarios necesitan una herramienta que pueda ser usada en varios dispositivos.

Planteamiento del problema: Pedro es un mecánico de 52 años que tiene dificultades para recordar los medicamentos que toma para controlar su debilidad visual, por lo que necesita una herramienta que lo ayude a organizar mejor el horario de sus medicinas.

Diapositiva con el planteamiento del problema del usuario Pedro Rodríguez.
Persona: Pedro Rodríguez

Mapa de recorrido del usuario: Crear un mapa de recorrido del usuario de Pedro permitió comprobar lo útil que sería para los usuarios tener acceso a una aplicación móvil para registrar sus tratamientos.

Tabla con el mapa de recorrido del usuario.
Mapa de recorrido de usuario

Esquemas de página en papel: Tomarse el tiempo para elaborar en papel iteraciones de cada pantalla de la aplicación garantizó que los elementos que llegaron a convertirse en esquemas de página digitales fueran los correctos para abordar las dificultades del usuario. Para el flujo del usuario, prioricé un sistema accesible y sencillo para organizar los horarios de una manera rápida y sencilla.

Boceto hecho a mano de los esquemas de página en papel.
Boceto hecho a mano de los esquemas de página en papel.

Esquemas de página digitales: A medida que la fase inicial del diseño continuaba, me aseguré de realizar los diseños de las pantallas según los comentarios y los resultados de la investigación de usuarios. Se hizo hincapié en la necesidad de crear una sitio web complementario para acreditar y hacer la descarga de la aplicación más segura para el usuario.

Esquema de página digital de la página de inicio de MediHome.
Maqueta de sitio web
Esquema de página digital de la página de descarga de MediHome.
Maqueta de sitio web

Prototipo de baja fidelidad

Usando el conjunto completo de esquemas de página digitales, creé un prototipo de baja fidelidad. El flujo de usuario principal que conecté fue el de registrar y programar un nuevo horario para un medicamento, por lo que el prototipo podría usarse en un estudio de facilidad de uso.

Diapositiva con el prototipo de baja fidelidad de la aplicación móvil de MediHome.
Maqueta de aplicación de baja fidelidad

Estudio de usabilidad: Realicé dos rondas de estudios de facilidad de uso. Los hallazgos del primer estudio ayudaron a guiar los diseños para convertirlos de esquemas de página en maquetas. El segundo estudio utilizó un prototipo de alta fidelidad y reveló qué aspectos de las maquetas necesitaban refinarse: los usuarios quieren programar sus alertas con sencillez, se puede aprovechar el sitio web para aclarar las dudas de los usuarios, se necesita una mejoría en la interfaz, se debe mostrar la variedad de opciones de manera más clara.

Prototipo de alta fidelidad

El primer diseño permitía determinar la estructura de la aplicación. Una vez obtenidos los datos, se realizó un reacomodo de los mismos en la interfaz, así como se modificó la información de las opciones ofrecidas. Se modificaron aspectos visuales y de navegación para hacer los menús más entendibles y fáciles de usar. El prototipo final de alta fidelidad presentó flujos de usuario más limpios para programar una alerta. También satisfizo las necesidades de los usuarios de contar con una mejor navegación y una mejor distribución de los datos.

Diapositiva con el prototipo de alta fidelidad de la aplicación móvil de MediHome para teléfonos móviles.
Maqueta de app para smartphone
Diapositiva con el prototipo de alta fidelidad de la aplicación móvil de MediHome para tabletas.
Maqueta de app para tableta
Diapositiva con el prototipo de alta fidelidad de la página web de MediHome.
Maqueta de sitio web

Conclusiones: La aplicación hace que los usuarios puedan tener una mejor organización de sus horas de tratamiento, a su vez el sitio web se vuelve un punto de referencia importante para el posicionamiento de la aplicación. Qué aprendí: Mientras diseñaba los flujos de usuario, aprendí que las primeras ideas son solo el comienzo del proceso. Los estudios de facilidad de uso y el feedback de los compañeros influyeron en cada iteración de los diseños del sitio.

Próximos pasos: Realizar otra ronda de estudios de facilidad de uso para validar si las dificultades experimentadas por los usuarios se abordaron de manera efectiva, realizar mejoras en las preguntas para las entrevistas a los usuarios para evitar problemas de sesgo, Realizar más investigaciones de usuarios para identificar nuevas necesidades.

No items found.

Otros proyectos

Estadio de la Ciudad de los Deportes

Construcción de flujo web para compra de boletos del Estadio de la Ciudad de los Deportes en la Ciudad de México.
Diseño UX
Construcción de flujo web para compra de boletos del Estadio de la Ciudad de los Deportes en la Ciudad de México.
Ver proyecto

La Paloma

Construcción de app de entrega a domicilio para la cafetería "La Paloma" en Oaxaca.
Diseño UX
Construcción de app de entrega a domicilio para la cafetería "La Paloma" en Oaxaca.
Ver proyecto

Manos que Sanan

Promoción de la Masoterapia en el Barrio de Mixcalco
Investigación
Promoción de la Masoterapia en el Barrio de Mixcalco
Ver proyecto

The Green Team

Diseño de branding para organización ecologista.
Diseño Gráfico
Diseño de branding para organización ecologista.
Ver proyecto

Galería fotográfica

Exposición de trabajos fotográficos
Fotografía e Ilustración
Exposición de trabajos fotográficos
Ver proyecto

Estemos en contacto