Wim Hof: Case Study
The Wim Hof method is a lifestyle surrounding healthy habits. The Wim Hof mobile app was our platform during the case study and our scope was focused on making it easy for new users to complete the Cold Shower Challenge.
UX/UI Design User Testing Wireframing Prototyping Usability Testing
The Problem
The Wim Hof app is overwhelming for new users, with too many options for them to start their cold water habit. Our task was to make it easy for new users to customize, complete and track their cold shower challenge.
The Solution
The solution we came up with after initial user testing was restructuring the layout of the UI. We relocated and organized educational information to ensure efficiency for new users. By making the cold shower challenge smooth and user friendly, by removing pop up educational screens; testing has shown an improvement on efficiency and overall satisfaction using the Wim Hof app.
Usability Review
Our initial review of the Wim Hof app 20 Day Cold Shower challenge found information overload. Too many screens and options felt like a road block for me as a user wanting to try the cold shower challenge.
Business & User frustrations
The business was not seeing people pay for the subscription services and the users found the app overwhelming with educational information and confusing to use.
Competitor Benchmarking
Cryo - Cold Shower
This competitor helps new and returning users by making cold showers a habit with a progress-based routine in a simple and easy to use design.
Ideation
In this phase we used mind mapping to generate ideas and get everything we could think of written down. In the second phase we developed our design ideas using the crazy 8's Method. In the final phase we used a priority matrix to look at what our higher priority ideas where.
Original User Flow
After developing the original user flow, we recognized a high amount of decisions required of the user while trying to do the cold shower challenge. We trimmed those pesky pop ups full of educational information.
Revised User Flow
By the hiding the educational information we gave the user more control over the steps. This allowed for a smooth process for end users to try out the challenge without being overwhelmed.
Rapid Prototyping
Putting our ideas together and in a rough wireframe allowed us to gain more insight on what design choices worked and what didn't.
Styles & Components
We created more components than we ended up using in our hi-fidelity prototype, but it allowed for us as designers to plug and play with different design choices based on feedback.
High Fidelity Prototype
Our final prototype came out better than we originally thought. We found that simplicity and not over complicating the design lead to a more enjoyable user experience.
Usability Testing
We used Maze as our unmoderated tester. We found many liked our app, and they gave us good feedback on what we could improve.
Three key learnings
1. Understand the problem space and scope of work.
2. Uniform assets and components for design changes may occur later on.
3. Colleague feedback is important in the design process.
Next steps
Post usability testing, we iterated on our design to incorporate feedback from our users:
Changed header images to have uniform sizes.
Adjusted spacing for the explore and landing tab.
Added text below the icons in the navbar.
Improved the Guided Cold Shower overlays.
Added pictures to cards to increase user satisfaction.
© Brady Myers 2023