Breathe meditation app — UX / UI case study — Ser constante meditando nunca fue tan fácil

En Ironhack, tuvimos el desafío de diseñar durante dos semanas una aplicación de bienestar (wellnesss) utilizando el Design Thinking Process, Lean UX Strategy y Atomic Design Principles. Esta vez nos enfrentaremos solos ante el “peligro” y me di cuenta nada más comenzar que en equipo se trabaja mucho más rápido y recibes feedback continuamente.

¿Cuál es el problema?

Entrevistas y encuestas

1. Comencé lanzando una encuesta en Google Forms ya que mi objetivo era comprender qué aflicciones físicas y mentales están sufriendo las personas. Entonces, sabría qué contenido incluir. Quería conocer esta información para que mi proyecto se centre más en ayudar al usuario con un objetivo específico, y no en una aplicación de meditación genérica sin un objetivo claro. También quería saber si mis usuarios estaban usando alguna otra aplicación de meditación.
2. Realice una serie de entrevistas para profundizar más acerca de mi problema planteado en mi target definido, que son personas que meditan normalmente o en alguna ocasión. Entreviste a una profesora especializada en mindfulness y me aporta datos muy reveladores.
3. Lleve a cabo un “competitive analysis” para encontrar problemas y puntos débiles dentro de aplicaciones similares de la competencia

Información valiosa

· Casi el 75% de las personas se sienten estresados en su vida diaria

· El 50% de las personas practican la meditación para reducir su nivel de estrés

· Casi el 80% de las personas prefieren las meditaciones con solo audio

· El principal problema de las personas es la falta de constancia para practicar la meditación porque no se sienten motivadas

· Cuando las personas buscan el contenido en las Apps suelen perder y no lo encuentran fácilmente

Alguna citas importantes a tener en cuenta

“Yo solo uso aplicaciones en el móvil porque me parecen más practicas que en el ordenador”

“Las meditaciones en grupo me parecen muy interesantes”

“No me gustaría tener que pagar por una App preferiría que fuera gratuita”

Buscando información a través de reseñas de usuarios

Miré las diferentes reseñas en Google Play. Miré dos aplicaciones populares: Headspace y Calm. Quería encontrar principalmente puntos de dolor.

A la gente no le gusta pagar dinero. Suena obvio, pero parece que la versión “gratuita” de la aplicación no es tan valiosa. Hay muy poco contenido para explorar en esa versión. Una vez más, suena obvio, pero aparentemente, después de todo, no es tan obvio si dos empresas importantes en el campo no lo entienden.

Lo que saqué como conclusión es que incluso si la aplicación cuesta dinero, tendré que incluir contenido gratuito realmente valioso. Lo más importante es darle al usuario la sensación de que tiene el control. A la gente no le gusta sentirse obligada a hacer algo (pagar una suscripción en este caso).

Competitive Analysis

En la actualidad encontramos numerosas Apps en el mercado para practicar la meditación por lo que vamos a hacer un análisis competitivo para ver cuáles son sus puntos fuertes y débiles. Nos fijamos en algunas de las más importantes:

· Mindfulness

· Calm

· Happify

· Headspace

Cabe destacar que todas estas aplicaciones de meditación tienen características muy similares entre ellas. Aunque lo que más me llama la atención es que la mayoría de funcionalidades solo están disponibles con una suscripción Premium. Lo que me hace plantearme qué Breathe tenga un carácter gratuito con algunos matices que tendría que consultar con negocio.

Competitive Analysis Breathe

Conclusiones obtenidas

Después de analizar con detenimiento los resultados de encuestas y entrevistas observo un problema primordial que había pasado de alto y es que a las personas no les cuesta tanto iniciarse en la meditación como ser constantes cuando ya meditan… Por lo que el problema que plantee principalmente parece que está virando a resolver la falta de constancia.

Un resumen rápido de los puntos débiles:

1. Las personas que practican la meditación necesitan ser más constantes con sus meditaciones porque quieren sentirse mejor en algunos momentos de su vida diaria.
2. Las personas que practican la meditación y utilizan aplicaciones móviles tienen una sensación de pérdida al buscar los contenidos en las Apps y eso les frustra.
3. Las personas que comienzan a iniciarse en la meditación tienen una sensación de soledad en sus comienzos que les crea inseguridad.

En este punto, sentí que tenía suficiente información para trabajar y usar herramientas como son el user persona, empathy map, user journey, user scenario o el lean ux canvas para empatizar con mis usuarios.

Empathy Map

Comencé con mi empathy map y encontré algunos aspectos claves en mis usuarios:

· Les cuesta ser constantes en la meditación

· No tienen mucho tiempo para practicar la meditación

· Meditan para escapar del estrés y la ansiedad

· Mejorar el enfoque y la capacidad de atención

· No pagarían por una App de meditación

Aunque hay tres tipos diferentes de aspectos por valorar (funcionales, sociales y emocionales), la mayoría de los aspectos que identifiqué a través de mis entrevistas eran aspectos emocionales. Situaciones como manejar el estrés o ser constantes en sus meditaciones, por lo que requieren una solución que también se base en los dolores emocionales y las ganancias de los usuarios.

User persona

Busqué los temas más comunes en mi investigación y creé una persona basada en esos hallazgos. El user persona representará a mi grupo de usuarios, sus modelos mentales y humaniza a los usuarios. Destaca la situación en la que pueden estar, pero lo más importante es que identifica claramente sus metas y frustraciones.

Journey Map

Creé un mapa de viaje para mi persona. El mapa de viaje puede ayudarnos a ver los puntos débiles y las frustraciones como una experiencia continua completa y ayudarnos a pensar en nuestra solución también como una experiencia continua orgánica completa.

El mapa de viaje puede mostrarnos cada “bache” en la experiencia del usuario. Todos esos golpes juntos pueden causar una sensación de falta de armonía en el usuario.

Con los mapas de viaje, podemos ver si el viaje es agradable y armonioso en el nivel más fundamental y primitivo.

Conclusiones obtenidas

Después de analizar con detenimiento los resultados de encuestas y entrevistas observo un problema primordial que había pasado de alto y es que a las personas no les cuesta tanto iniciarse en la meditación como ser constantes cuando ya meditan… Por lo que el problema que plantee principalmente ha virado a resolver la falta de constancia.

PROBLEM STATEMENT

1. Las personas que practican la meditación necesitan ser más constantes con sus meditaciones porque quieren sentirse mejor en algunos momentos de su vida diaria.
2. Las personas que practican la meditación y utilizan aplicaciones móviles tienen una sensación de pérdida al buscar los contenidos en las Apps y eso les frustra.
3. Las personas que comienzan a iniciarse en la meditación tienen una sensación se soledad en sus comienzos que les crea inseguridad.

Para poder organizar correctamente la arquitectura de la información y crear una aplicación donde la taxonomía esté bien definida realice un Affinity Diagram. Un Moscow para priorizar funcionalidades. Con el que podré obtener las características obligatorias del producto final, que formarán parte del producto mínimo viable (MVP). Donde se destacan las características imprescindibles que se dividen en tres categorías generales:

· Servicio de recompensas por meditación consecutiva

· Mejorar la taxonomía de las categorías

· Cesta de logros

Y después termine de llevar a cabo el sitemap para reorganizar la taxonomía y ontología de mis categorías con ayuda de un card sorting y el user flow para tener claro el flujo que recorrería mi persona.

Minimum Viable Product (MVP)

La aplicación Breathe ayudará al usuario a hacer tres cosas:

1. Podrán ser más constantes en sus meditaciones consecutivas porque conseguirán logros que les ayudará a estar más motivados con su meditación

2. Las personas que meditan podrán encontrar de forma fácil e intuitivas las categorías de las meditaciones

3. Las personas podrán ver un seguimiento de su proceso y hacer meditaciones express en caso de no disponer de mucho tiempo

Low and Mid Fidelity prototypes

Llegados a este punto es el momento de dar forma a las soluciones y ponernos a dibujar. Hice los primeros diseños en baja y media fidelidad y comencé a testearlos.

Crear, probar, crear, probar 😉

Probé el prototipo de baja fidelidad con 5 usuarios de forma presencial. Y obtuve información valiosa.

· No encuentro botón de inicio en la App

· Si pinchas en lo que parecen unas manos rezando no te lleva a nada.

· La cesta de logros al comienzo no me gusta mucho no me parece práctico porque yo quiero acceder a la App

· La barra de la música no es muy real

Los usuarios tardaron un promedio de 45 segundos en completar la tarea y solo se equivocaron en alguna pantalla en particular. Aunque el tiempo para completarlo fue considerablemente bajo. Sabía que quería agregar más pantallas para incorporar más funciones en mi MVP y hacer que la experiencia sea más fluida para los usuarios. Por lo que modifique mi prototipo en media fidelidad.

Branding

¡Esta es otra de mis partes favoritas del proceso de diseño 😍!

La marca de un producto es esencialmente su personalidad. Los colores, la tipografía y el diseño visual general se comunican con los usuarios para transmitir las ideas, los propósitos y los temas que representa, por lo que es algo que no paso por alto ni ignoro.

La forma en que comienzo el proceso de diseño visual es definiendo los atributos de la marca, que se pueden definir como los valores centrales y las características que representan la esencia de la marca. También es importante establecer y probar los componentes de diseño visual antes de saltar a los prototipos de alta fidelidad porque los atributos de la marca guían todas las decisiones de UI que tomaré más adelante en el proceso.

Moodboard

Teniendo en cuenta los atributos de mi marca, creé un moodboard utilizando una variedad de recursos como Dribbble, Pinterest y Pexels.

Después de establecer un tema visual, realicé pruebas de deseabilidad con 17 usuarios. Utilizaron palabras como paz, relax, calma, meditación y respirar, para describir el tablero de estado de ánimo. Sin embargo, había tres imágenes que tomé en base a los comentarios de los usuarios.

Style Tile

Esta es otra herramienta de marca que me gusta usar para mostrar los componentes de la interfaz real. Mientras que el moodboard captura la apariencia general de mi marca, el style tile enfatiza los elementos individuales del diseño. En concreto, los colores, la tipografía, la iconografía y el logotipo.

UI KIT

El desarrollo del modelo atómico UI Kit realmente hizo que el proceso de construcción de mi prototipo de alta fidelidad fuera mucho más eficiente. El uso de componentes y estados seguía siendo un desafío para mí debido a las limitaciones de tiempo.

Hi-Fidelity Prototype

Como recordatorio estoy resolviendo los siguientes puntos débiles:

• Las personas que practican la meditación necesitan ser más constantes con sus meditaciones porque quieren sentirse mejor en algunos momentos de su vida diaria.
• Las personas que practican la meditación y utilizan aplicaciones móviles tienen una sensación de pérdida al buscar los contenidos en las Apps y eso les frustra.

En la fotografía podéis ver una fotografía de todo el prototipo de alta fidelidad y si queréis probarlo os animo a que lo hagáis desde aquí

Accederemos a la App con nuestra cuenta de Apple, cuando estemos dentro podremos acceder a la mochila de logros y allí nos saldrá un onboarding que nos explicará un poco más el detalle acerca de la ventajas de nuestra nueva funcionalidad, haremos click para entrar y comenzar a meditar. Accederemos a la view donde están las categorías mejor agrupadas gracias al card sorting que llevamos a cabo y otras herramientas. Buscaremos una meditación en función del estado de ánimo (ya que nos encontramos muy estresados 😲).

Seleccionaremos una meditación que nos aparezca desbloqueada, accederemos a la información de la meditación (tiempo, profesor) y haremos clic en reproducir.

Ahora vemos como podemos disfrutar de nuestra meditación (si vais al prototipo interactivo en figma la interacción será mucho más visual HERE)

Cuando hemos acabado nos informará de nuestro progreso y de los días que nos quedan para acceder al contenido extra de forma gratuita de nuestra app. Para terminar, accederemos a nuestra área personal para ver un resumen más completo.­

Con la funcionalidad mochila de logros resolvemos el problema de falta de constancia en sus meditaciones ya que las personas serán más constantes y estarán más motivadas a la hora de realizar la meditación consecutiva ya que podrán conseguir un acceso a contenido extra como son clases con profesores especializados o temáticas en grupo de forma gratuita.

Al realizar una reagrupación de las categorías modificando su ontología permitimos que el usuario pueda encontrar de forma fácil y rápida lo que esta buscando en cada momento.

Landing Page

Siempre es importante saber cómo mostrar nuestro producto de una forma llamativa para captar la atención de nuestros usuarios. Hacer una landing visual es una parte clave del proceso.

Aprendizaje

Este ha sido mi primer proyecto personal en Iron Hack y aunque soy consciente de que hay cosas que se podrían mejorar quiero seguir aprendiendo y creciendo. Además, estoy muy contenta con mi progreso hasta el momento 😊

También me ha llamado mucho la atención que la primera hipótesis/problema que yo tenía en primer lugar el usuario me la tiró por tierra en las encuestas y entrevistas. El usuario con su feedback y su gran información de valor hace que bajes a tierra (al mundo real). Por eso es tan importante el research y las iteraciones al principio para que puedas cambiar de rumbo cuanto antes.

Si has llegado hasta el final, ¡gracias por tu tiempo e interés! Si te ha gustado te agradeceré tus 👏🏼 👏🏼 👏🏼 y avísame si tienes alguna idea, comentario o sugerencia. ¡Puedes encontrarme por LinkedIn también!