UX-UI Case Study: UBUD
UBUD es una aplicación diseñada en una de la semanas de Ironhack Madrid, es uno de los pocos proyectos que hicimos de forma individual para la escuela. Os dejo con el case study del proyecto.
¿Cómo podemos prevenir la ansiedad mediante un producto digital?
“Ayudaría al usuario a prevenir los problemas de ansiedad, también haría un modo emergencia para ayudar a ansiedades circunstanciales”
Nuestro cliente para este proyecto es National Wellnes Institute
El producto va dedicado a personas que quieren prevenir su ansiedad y que tanto por consejos como meditación necesitan esa ayuda.
Requisitos:
- La app debe centrarse en cualquier categoría que se relacione con el bienestar personal.
- Debe monitorizar el progreso de sus usuarios y ayudarlos a mantener un estilo de vida más saludable.
- El UI debe reflejar una imagen refrescada y mejorada.
El problema:
El día a día de una persona con problemas de ansiedad puede ser bastante malo para su autoestima y forma de vida, el problema es no saber tratarlo de raíz y el desconocimiento de este síntoma.
La solución:
La solución se llama UBUD, una aplicación que ayuda a prevenir la ansiedad tanto circunstancial como ayudarte a mejorar tus técnicas de relajación.
Datos recogidos:
Una de las partes que me ha resultado más tediosa es la recopilación de los datos para poder hacer un trabajo lo más preciso posible.
Gracias a estos datos recogidos entre el formulario y varias entrevistas llegué a problemas bastante serios y síntomas de los que hay gente que arrastra diariamente.
Una respiración abdominal
de 20 a 30 minutos por día
reduce la ansiedad y el estrés
Tener la mente ocupada hace que no pienses en el problema.
Hice investigación de usuarios con trastornos de ansiedad y llegué a la conclusión de varias preguntas sobre qué trastorno tienen, qué dispositivos usan, como es su vida con ansiedad y que sensaciones tienen.
“Me pone más nerviosa saber que llega el momento, empiezo a ver borroso y me falta el aire.
Me siento paralizada” — Raquel
El SWOT y Competitive Análisis nos sirven para entender mejor a la competencia y así poder sacar más información acerca de la meditación, coach, psicología etc.
Para las entrevistas me centré en el día a día de una persona con ansiedad y sobretodo en los miedos que tienen y sus trucos para prevenirla.
Desarrollé una encuesta para toda esa información que se me escapaba de las entrevista y pude entender más a los usuarios.
Definir:
User persona
En base a las entrevistas hice a un user persona recopilando toda esa información, se llama Laura tiene 26 años y es diseñadora gráfica.
Para poder empatizar con el día a día de Laura en el trabajo utilicé las herramientas de StoryBoard y User Journey.
Idear:
Tuve que investigar mediante ejercicios como Brainstorming o Moscow para diferenciar los conceptos.
Ansiedad circunstancial
Sufre un ataque de ansiedad en el momento y no puede respirar, le falta el aire y se siente débil todo el tiempo.
Trastorno de ansiedad generalizada
Se desarrolla lentamente, y suele comenzar durante la adolescencia. Las personas con este trastorno pueden: Preocuparse por las cosas cotidianas.
Hice el Low-Fidelity prototype y Usability Testing, me ayudó demasiado el tener toda esa información en la cabeza y poder plasmar en el prototipo lo que verdaderamente necesitaba el usuario. De ahí saqué información como crear un botón de emergencia y poder tener a su vez un plan de relajación adaptado al usuario.
Después de todo el feedback recibido cambie algunas funciones del Low fidelity y las aplique al Mid, de esta manera pude adaptarlo mejor al usuario.
Hice la prueba de Usability Heuristic report en Mid fi, me ayudó a ver todos los errores que tenia la aplicacion y a su vez también los TA´S me dieron consejos de como poder mejorar todo ese proceso, desde los botones hasta la tipografía cambió bastante.
Mid Fidelity:
Partiendo de la base del Low desarrollé el siguiente paso que es pasarlo a digital y crear el Mid Fi
Una vez hecho en Sketch hice el testeo a 5 personas para ver si verdaderamente la app era funcional y se entendía bien.
High Fidelity:
El siguiente paso era darle color y corregir todo lo que recogido en las pruebas a los usuarios. Es una de las partes que más disfruté y de la que me siento orgulloso.
Moodboard
¿Quieres saber por qué me basé en esos colores?
Gracias a varios ejercicios para definir la marca UBUD, me encontré con las partes que necesitaba. Una de ella era bienestar, naturaleza, tranquilidad y sobre todo inspirarme en los cielos del maravilloso paisaje de Ubud, uno de los sitios más tranquilos y acogedores del mundo, os aconsejo ir ;)
Animando el prototipo
He tenido que subirlo en formato gif porque en video ocupaba mucho, siento la poca calidad que tiene pero aún así os podeís hacer una idea del resultado final ;)
Landing Page
Después de hacer el prototipo de la aplicación hice la landing page que sirve para promocionar y descargar la aplicación desde una web donde tiene toda la información para promocionarla.
Next steps
Por último como siguientes pasos a seguir en el desarrollo de la app tendría:
1- Falta crear pruebas interactivas en Invision mejorando la experiencia
2- Proyecto creado en high y con continuas mejoras
3- Por último lo podríamos adaptar para Apple Watch y sincronizar con Apple health
Espero que os guste todo el desarrollo del proyecto y el estilo que he seguido para crear UBUD.
Muchas gracias por leer hasta aquí y espero que me sigas en miguelgc :)
