top of page
Mock ups.png

Tipo de proyecto Aplicación móvil IOS, aplicación de seguimiento de bienestar, estudio de caso de equipo

Duración 7 Semanas

Role  Investigación de usuarios, estrategia de producto, diseño de interfaz de usuario, diseño de interacción

Instrumentos Figjam, Figma, Noción, Laberinto

Breve

 

Para este estudio de caso, se le pidió a nuestro equipo que deconstruyera y rehaciera la UX/UI de la aplicación Wim Hof Method.

Centrándose en facilitar que los nuevos usuarios completen el Cold Shower Challenge y actualicen a una suscripción paga.

​

La pregunta

​

Se le pidió a nuestro equipo que facilitara la experiencia para que los nuevos usuarios personalicen, completen y realicen un seguimiento de su desafío de ducha fría.

​

Público objetivo

 

Este estudio de caso se dirige a los nuevos usuarios de Wim Hof que están interesados en formar un nuevo hábito saludable además de las personas que ya están interesadas en la meditación, el yoga y otras audiencias conscientes de la salud.

​

Objetivos de negocio

​

El objetivo principal es alentar a los nuevos usuarios a usar la aplicación y alentar a los usuarios nuevos y actuales a convertirse de usuarios gratuitos a miembros pagos.

​

​

​

*Descargo de responsabilidad: Esta pieza se creó únicamente con el propósito del plan de estudios Memorisely y no fue encargada por el cliente. 

​

​

​

​

The Problem

New and existing users need a way to track their cold shower challenge progress easily.

The current app does not allow users to change levels without losing their progress and the order of steps is confusing. This results in a lack of motivation for users to participate and/or continue the cold shower challenge, using the app altogether and subscribing to the premium plan.

Mi Rol 

Yo era uno de los diseñadores en un equipo de 3, creamos este proyecto en el transcurso de 14 semanas. Ayudé a definir un problema, idear y priorizar soluciones. Así como la estrategia de la experiencia del usuario y las interacciones para el prototipo final. Mientras realizaba pruebas de usuario, ayudé a entrevistar a los usuarios para comprender mejor el Proyecto Helénico Americano y cómo interactúa con él su público objetivo. 

​

Después de comprender las necesidades y los objetivos del cliente, mi equipo y yo presentamos una declaración de oportunidad en la que mostramos nuestra investigación, conocimientos y elementos visuales al cliente. Esto permitió a nuestro cliente visualizar nuestro concepto. Pudimos recibir algunos comentarios valiosos que luego aplicamos a nuestro prototipo final. 

Solution

 Improving the user flow with key moments and clear CTA’s would help the user feel motivated to complete the challenge as well as susbcribe for a more premium experience!

WHM Wireframes Version 1.png

You can view the prototype :  HERE

Outcome

After running usability tests, we got some usable feedback we will apply to the next iteration. Most testers responded positively about the overall experience of the App. However,  we did get some feedback on some issues with the usability of the homepage and timer. We pulled two statistics from our usability testing that indicates most users felt motivated to complete the cold shower challenge after navigating our App: 

​

80% of testers completed the mission and felt the app was easy to understand

75% of testers stated they felt motivated to complete the 20-Day Cold Shower Challenge after navigating the App

​

The team is currently working on our second iteration based on user feedback, which includes the following:  updating the timer interaction, changing background colors for better accessibility, increasing the readability of the type, adding helper text to the profile screen, and improving the cards on the exercise screen. 

​

​

​

Usability Review- Empathy

We need to empathize with our users and business. To do that, we conducted a usability audit to test the product's usability, which helped us better understand the product and identify any pain points and wow moments of the current experience. Some of our initial impressions of the App centered around content not being simplified and having to go through multiple steps to complete the challenge. Also, the overall visual design of the app lacked consistency. 

​

​

​

Usability review.png
Screen Shot 2022-10-30 at 5.59.28 PM.png

You can view the Figjam board :  HERE

Primary Pain Points

Using Learnability, Satisfaction, Efficiency, Memorability, and Errors as the usability benchmarks, the team found the following to be the biggest pain points in the current Wim Hof app:
 
1. The color palette does not fit with the brand’s message 

The brand voice and messaging radiate a physically cold/frigid. It currently reads as physically warm/hot.

2. Content is not simplified & no clear information architecture
Page and content organization is not optimized, leading users to dig through different page locations to find the data they are looking for as well as information architecture is messy and confusing.

3. There is no clear primary CTA for subscription

Not having a clear and concise CTA will lead to less conversions and ultimately impact the business. 


4. Lack of community & no social media integration                                                                                 
 No option to share results with an open community/social channels therefore no sense of how many members are in the community and if they are active.

Competitive Benchmarking

After completing our usability audit, we moved on to competitor benchmarking. We conducted this to gain inspiration and see/understand existing UX and UI standards. This helped us identify those standards that we could potentially use to improve the Wim Hof App experience.

​

​

​

Cold Water Therapy .png
Competitive benchamarking.png

You can view the Figjam board :  HERE

Mind Mapping- Define

After the usability audit, we worked on Mind mapping to better define the problem by asking ourselves “How might we” questions, which allowed us to visualize what we can improve and add to the current design.

​

To identify the user problem, we each built our mind map individually to see our ideas through our own perspective.

​

​

​

Karina Mind Map.png

User Flow, &  Rapid Prototyping- Ideate

We began to ideate to have an idea of how we wanted to design the app! We worked on crazy 8's, priority matrix, user flow, and rapid prototyping for this phase. 

​

To help improve the user experience, our team developed a new user experience that included adding a primary CTA to the Cold Shower Challenge at the beginning of the user journey. We removed the rebound steps of the user having to revert their process when changing their difficulty. 

​

Before moving on to designing on Figma, our team sketched some low-fidelity wireframes on Figjam of our new improved user flow, 

​

​

​

​

User Flow - Existing.png
User Flow - Improved.png
Rapid prototyping.png

UI Styles and Components- Ideate

After the team was happy and all agreed with the direction of the wireframes, it was time to start building our prototypes. The first step of building is to define our UI Styles and our UI Components.

​

We first looked for inspiration and created a mood board. Our team narrowed down the color palette and landed on a dark theme. We believe the dark blues against the white are a better look and feel for a cold shower therapy app than the current color palette.

​

​

​

​

UI Styles.png
UI Components.png

You can view the prototype :  HERE

Iterations

After synthesizing the usability tests and getting feedback from our classmates and instructor, we began our iteration process. The iteration process is a reminder that it is okay to make mistakes and that no product is final. There is always room for improvement. 

​

As an artist and UX designer, I have learned that critique and feedback are fundamental to making our work better. Through this feedback process, I learned more about the product I was building and gained additional feedback about our user's needs. 

​

Note: This is only our first round of iterations. We will be making more changes! 

​

​

​

​

Reduce White brightness.png

You can view iterations in process:  HERE

Considerations

  • Create a separate user flow for new and existing users based on their user persona

  • Make it clear which exercises are challenges and which are not 

  • Connect the other exercises on the app to the 20 Day Cold Shower Challenge 

  • Create an onboarding experience for new users

bottom of page