Analizamos Flo, la aplicación recomendada por obstetras y ginecólogos para el seguimiento del ciclo menstrual
El ciclo menstrual comienza con el primer día de menstruación, el sangrado que ocurre cada 28-35 días y suele durar en torno a 4-6 días, esto depende del ciclo fértil de cada mujer. Llevar un control del mismo permite que las mujeres conozcan mejor su cuerpo, sus emociones y patrones anímicos, su apetito sexual, si su ciclo es regular o irregular, y prevenir o planificar un embarazo. Por tanto, el ciclo menstrual es un indicador directo de salud y la menstruación es la manera que tiene el cuerpo de decir que todo va bien. Hacer un seguimiento regular del periodo y registrar detalles del ciclo ayuda a no olvidar datos que deben saber nuestro obstetra o ginecólogo.
Al fin y al cabo, en la actualidad vivimos en una sociedad monitorizada. Medimos nuestro alcance en redes sociales, el número de me gustas que reciben nuestras publicaciones, la cantidad exacta de kilocalorías que ingerimos, el total de pasos que conseguimos hacer en un día, nuestras horas de sueño, los kilovatios/horas que consumen nuestros electrodomésticos o los kilómetros que es capaz de hacer nuestro coche con cien litros de combustible. Todo ello con un único objetivo: conocer y mantenernos al tanto de los datos, para tomar decisiones más acertadas que cubran la necesidad, objetivo o estrategia que nos hemos marcado.
De modo que nuestra salud menstrual no iba a ser menos, y para ello ha sido creada Flo, a la cual pondremos también bajo medición ejecutando una evaluación heurística a lo largo de este post. Pondremos en el punto de mira su diseño de interfaz, sus funcionalidades básicas, los diferentes planes de suscripción que ofrece, los roles de usuario según el objetivo de éste y los ajustes y conectividad con otras aplicaciones y dispositivos.
Sobre la evaluación heurística
Cómo hemos podido observar en las lecturas de referencia, una evaluación heurística no es más que poner a prueba la usabilidad de un producto sin contar con usuarios, confiando en nuestro juicio como expertos y respaldados en unos principios, que pasados los años han ido evolucionando. En este post, se tomarán como referentes los 10 principios generales o heurísticos de Jakob Nielsen para el diseño de interacciones. En este caso, el estudio será llevado a acabo por una única persona con experiencia previa como diseñadora UXUI sobre el sistema o app previamente descargada y en funcionamiento en un dispositivo iPhone 11 Pro. Se estima una duración total de seis horas divididas en tres sesiones donde las condiciones y entorno de trabajo no varían. Durante la evaluación de Flo, se detectará cada principio heurístico ilustrándolo con un ejemplo gráfico de buen uso y mal uso, y se indicará su grado de severidad (frecuencia, impacto y persistencia del error) y gravedad o impacto, con una escala valor según corresponda.
1. Visibilidad del estado del sistema
El diseño siempre debe mantener informados a los usuarios sobre lo que está sucediendo, mediante la retroalimentación adecuada dentro de un período de tiempo razonable.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| La función principal de la aplicación es llevar un registro por días de los síntomas, emociones y menstruación del ciclo menstrual. Es por ello, que al entrar en el sistema la primera pantalla de aterrizaje muestra al usuario, de forma ampliada, el día del ciclo en el que se encuentra y la fecha a la que corresponde, el día de hoy. Dependiendo del día y si encuentra alguna incidencia o incoherencia en el ciclo, también lo muestra como prioritario en el centro de la pantalla. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Grave |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En la mayoría de casos vemos como al desplegar una opción de menú, nos lleva a una pantalla nueva donde el encabezado de esta coincide con el literal que despliega dicha pantalla. Pero en otros casos, como es el de “gráficos e informes”, este literal de cabecera desaparece. | ||||
2: Coincidencia entre el sistema y el mundo real
El diseño debe hablar el idioma de los usuarios. Utilice palabras, frases y conceptos familiares para el usuario, en lugar de jerga interna. Siga las convenciones del mundo real, haciendo que la información aparezca en un orden lógico y natural.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ? Se mantiene | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| El uso de iconografía para representar síntomas y otros datos como la textura del flujo, es un claro ejemplo de aplicación e ilustración del mundo real en el sistema. De igual manera que en el modo embarazo, ilustra el tamaño y forma del feto según las semanas de gestación. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Media |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Hay algunas malas prácticas como en el listado de ajustes que se muestra, que no ilustran como en otras partes de la aplicación los datos que se están modificando. Quedaría más intuitivo si se hubiese agregado algún tipo de icono al principio de las opciones. | ||||
3: control y libertad del usuario
Los usuarios suelen realizar acciones por error. Necesitan una “salida de emergencia” claramente marcada para abandonar la acción no deseada sin tener que pasar por un proceso prolongado.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ? Se mantiene | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En el caso de acceder a los consejos, podemos ver como Flo ofrece un inventario de contenido a descubrir que el usuario puede guardar desde el detalle de este contenido y después tener accesible desde la parte superior en la pestaña “Guardadas”. Pero si el usuario aún no tiene guardada ningún consejo, aplicando el principio de control y libertad del usuario, se le regresa de nuevo al listado de contenido con un mensaje persuasivo ilustrado y el enlace “Ir a descubrir” | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ? Común | ? Fácil superar | ? Se mantiene | ? Media |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Constantemente se está intentando vender el plan premium al usuario, por lo que algunas pantallas están diseñadas coartando en cierto modo el control y libertad del usuario con el objetivo de que éste se suscriba. No es una práctica del todo grave ya que se ofrece la cruz de cerrar pero si que no ofrece otro botón de carácter secundario que invite al usuario a “suscribirse más tarde” o “ahora no me interesa”. En este caso, prima más la estrategia de marketing y negocio que la experiencia del usuario. | ||||
4: Coherencia y estándares
Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Siga las convenciones de la plataforma y la industria.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Media |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En este ejemplo se puede observar cómo se mantiene la consistencia de forma interna dentro de la app entre los distintos accesos al calendario, al registrar o editar fecha del periodo desde el call to action del centro de la pantalla como si accedemos desde el calendario superior. Además, el formato en el que está representado dicho calendario, mantiene un diseño común según las convenciones externas, lo que conocemos por un simple calendario. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Grave |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Hay algunas pequeñas incongruencias internas dentro de la configuración de recordatorios. Algunos switch están en un primer nivel de la pantalla “recordatorios” como es el caso de activar notificaciones de “ofertas especiales” y otros, están en un segundo nivel, abriendo una nueva pantalla solo para poder activar el switch como es en el caso de “objetivo de pasos alcanzados” | ||||
5: prevención de errores
Los buenos mensajes de error son importantes, pero los mejores diseños evitan cuidadosamente que ocurran problemas en primer lugar. Elimine las condiciones propensas a errores o verifíquelas y presente a los usuarios una opción de confirmación antes de que se comprometan con la acción.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En la mayor parte de la aplicación existen modales de confirmación o pasos intermedios que evitan que el usuario ejecute una acción y cometa un error. En este caso, podemos ver cómo al cambiar el usuario de objetivo para pasar a “quedarme embarazada” salta una modal de confirmación donde le cuestiona si de verdad quiere continuar con ese proceso. Por otro lado, de forma nativa, el dispositivo al darle a “suscribirse” también lanza un mensaje antes de ejecutar el pago de un nuevo plan, en el que pide confirmación de una forma más “segura”, haciendo doble pulsación en el botón lateral del dispositivo. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Difícil superar | ☝ Se resuelve | ? Grave |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| A veces aparece el bullet rojo sobre el menú hamburguesa pero no se detecta el porqué, ya que sobre las opciones de dicho menú no se destaca nada nuevo. Y sin embargo, una de las primeras opciones de este menú es registrar parto. Una opción que sólo se puede ejecutar una única vez, ya que es una acción que sólo se lleva a cabo durante una vez. Esto hace que el usuario pulse sobre dicha opción y le cause incertidumbre ya que parece que ha registrado definitivamente el parto y saldrá del rol de “seguimiento del embarazo”. | ||||
6: Reconocimiento en lugar de recordar
Minimice la carga de memoria del usuario haciendo visibles los elementos, acciones y opciones. El usuario no debería tener que recordar información de una parte de la interfaz a otra. La información requerida para utilizar el diseño (por ejemplo, etiquetas de campo o elementos de menú) debe ser visible o fácilmente recuperable cuando sea necesario.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En este caso, podemos ver como al haber una arquitectura de información más compleja dentro de la sección de “ayuda”, se ha optado por una miga de pan que en todo momento tiene al usuario ubicado, indicando desde donde ha accedido a la sección en la que se encuentra. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Difícil superar | ? Se mantiene | ? Grave |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Sin embargo, en otra parte de la aplicación podemos observar que puede llegar a darse un flujo de navegación bastante profundo pero no existe miga de pan. Se va avanzando mediante pantallas llegando un momento que el usuario no reconoce cómo ha llegado hasta ahí, como podemos ver en el ejemplo. | ||||
7: Flexibilidad y eficiencia de uso
Los accesos directos, ocultos para los usuarios novatos, pueden acelerar la interacción para el usuario experto, de modo que el diseño pueda satisfacer tanto a los usuarios sin experiencia como a los experimentados. Permitir a los usuarios personalizar las acciones frecuentes.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ⏯ Poco frecuente | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| La sincronización de dispositivos y otras apps de control y medición de salud, puede ser uno de los ejemplos de buena práctica para cumplir con el principio de flexibilidad y eficiencia de uso. Ya que permite al usuario acelerar el proceso de registrar datos. En este caso Flo, da la posibilidad de conectar con la app “Salud” de iOS como con la pulsera de actividad de Fitbit. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ☝ Se resuelve | ? Media |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En este caso, podemos poner un ejemplo muy simple. Al hacer el registro en la aplicación, hemos accedido con una cuenta gmail. Toda cuenta gmail tiene asociado tanto una imagen (aunque sea por defecto) y un nombre de usuario. Ambos campos podrían haber sido trasladados a la aplicación aunque luego fuesen editables desde la misma. Por lo que podemos decir, que no se cumple en este caso con el principio de eficiencia de uso ya que el usuario tendrá que perder su tiempo que integrar estos datos. | ||||
8: diseño estético y minimalista
Las interfaces no deben contener información que sea irrelevante o que rara vez se necesite. Cada unidad adicional de información en una interfaz compite con las unidades de información relevantes y disminuye su visibilidad relativa.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Si algo tenemos que destacar de Flo es su diseño estético. Una app que aunque cargada de funcionalidades e información para diferentes roles de usuarios, es capaz de jerarquizar lo prioritario de manera minimalista en un primer nivel de navegación como podemos ver el su barra de navegación la cual recoge sólo dos ítems: Hoy, que es el calendario de registro y “Consejos” donde se recoge todo lo demás. Hay que destacar también su línea estética por el uso tan homogéneo de colores y mezcla de iconografía, fotografía e ilustración. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Media |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Quizás donde más se olvida este principio, como suele ser común en la mayoría de apps y webs, es en las secciones configuración y ajustes de la propia herramienta. Y aunque en este caso haya un par de pantallas que se podrían mejorar, Flo tiene presente la personalización de su aplicación dando a elegir al usuario entre diversos backgrounds y formas de visualizar los indicadores de periodo y ovulación sobre el calendario como podemos ver en el ejemplo. | ||||
9: Ayude a los usuarios a reconocer, diagnosticar y recuperarse de errores
Los mensajes de error deben expresarse en un lenguaje sencillo (sin códigos de error), indicar con precisión el problema y sugerir una solución de manera constructiva.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En la mayoría de casos, Flo suele lanzar comunicaciones como el mensaje del ejemplo, donde da la opción de cerrarlo o avanzar para corregir dicho error. En este caso, el usuario se recupera del error introduciendo de nuevo el email para que le llegue al email asociado un nuevo correo con el token de confirmación de la cuenta. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ? Se mantiene | ? Grave |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Se ha detectado un pequeño error que es notificado de forma tardía al usuario. Cuando se está en el rol de seguimiento de embarazo y se abre el calendario, está la opción de editar fechas de menstruación, cosa que no tiene mucho sentido. Finalmente acaban notificando al usuario, aunque se podría evitar dicha interacción lanzando un mensaje de aviso antes al usuario. También hay que destacar que este mensaje tardío no cumple con la coherencia estética del resto de notificaciones de la aplicación. | ||||
10: Ayuda y documentación
Es mejor si el sistema no necesita ninguna explicación adicional. Sin embargo, puede ser necesario proporcionar documentación para ayudar a los usuarios a comprender cómo completar sus tareas.
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✔ Buena | ? Común | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| Durante el resto ejemplos se ha podido observar que una de las características principales de la navegación de la aplicación Flo, es que en todo momento está guiada, no sólo a base de mensajes, tooltips o chatbot, si no que además dispone de un centro de Ayuda bajo su menú hamburguesa donde se recoge toda la información y documentación necesaria para conocer más de la comunidad Flo. | ||||
| PRÁCTICA | FRECUENCIA | IMPACTO | PERSISTENCIA | GRAVEDAD |
| ✖ Mala | ⏯ Poco frecuente | ? Fácil superar | ☝ Se resuelve | ? Leve |
| JUSTIFICACIÓN DEL HALLAZGO | ||||
| En este caso, no podemos adjuntar ningún mal uso de este principio, ya que no lo hemos detecado a lo largo de la evaluación de esta aplicación. | ||||
Listado priorizado de errores, propuesta de mejora y solución
En este caso, según la evaluación llevada a cabo bajo el juicio de experto y siguiendo los principios heurísticos de Nielsen, la aplicación no tiene muchos errores graves a nivel de usabilidad y experiencia de usuario. Sólo aquellos que hemos recogido como grave que son pequeños despistes, ya que como podemos ver, a nivel de frecuencia, impacto y persistencia, suelen ser errores muy poco frecuentes, que son fáciles de superar o que sólo ocurren en un primer momento.
Aún así, recogemos los cinco más urgentes en corregir:
1. Respetar y colocar siempre el mismo patrón de título en las cabeceras de cada pantalla. (1º Principio, mala práctica)
2. Mantener mismo comportamiento de switch y nivel de profundidad en las opciones de “recodatorios” (4º Principio, mala práctica)
3. Añadir mensaje de confirmación previo al interactuar con la opción “registrar parto” (5º Principio, mala práctica)
4. Evitar un flujo de profundidad de navegación mayor que tres o si es superior, añadir miga de pan. (6º Principio, mala práctica)
5. Tener claro las funcionalidades dependiendo del rol del usuario. Si se está en el objetivo “seguimiento del embarazo” no tiene sentido añadir el botón de “editar periodo dentro del calendario. (9º Principio, mala práctica)
Referencias
Membrives, J. (2019). Cuaderno de evaluación de la usabilidad. UOC.
http://quadern-usabilitat.recursos.uoc.edu/es/4-2-evaluacion-heuristica/
Armengol, D., Casacuberta, D., Chacón, J., Garreta, M., Gondomar, R., Mora, A., Mora, J., Membrives, J., Monjo, T., Mor, E., Nieto, J., Zambrano, J. (2019) Design Toolkit. UOC.
http://design-toolkit.uoc.edu/es/evaluacion-heuristica/
http://design-toolkit.recursos.uoc.edu/es/guia/evaluacion-heuristica/
Nielsen, J. (1995). 10 heurísticas de usabilidad para el diseño de interfaces de usuario. Nielsen Norman Group. https://www.nngroup.com/articles/ten-usability-heuristics/
Modroño, T. (2021) Metodologías de UX: Evaluación Heurística (PARTE I) Blog de Interactius UX. Medium. https://blog.interactius.com/metodolog%C3%ADas-de-ux-evaluaci%C3%B3n-heur%C3%ADstica-parte-i-b5d02b566987
Modroño, T. (2021) Metodologías de UX: Evaluación Heurística (PARTE II) Blog de Interactius UX. Medium. https://blog.interactius.com/metodolog%C3%ADas-de-ux-evaluaci%C3%B3n-heur%C3%ADstica-parte-ii-8fbf97e1e5b8
Aquest és un espai de treball personal d'un/a estudiant de la Universitat Oberta de Catalunya. Qualsevol contingut publicat en aquest espai és responsabilitat del seu autor/a.
Debatcontribution 0el Análisis heurístico de Flo
No hi ha comentaris.
Heu d'iniciar la sessió per escriure un comentari.