UX/UI design
Olive is a web app that aims to help professionals manage their stress through mindful exercises and therapy. Olive was created as a project for my UX bootcamp at CareerFoundry.
With the rise of remote working during the pandemic, the lines between work and play became extremely blurred. According to some studies, 26% of the work is done outside of work hours and 40% after 10 pm. (Forbes). One can see that this type of behaviour could easily lead to burnout.
The goal of Olive is to help burned-out professionals manage their stress through simple techniques, guidance from a mental health practitioner and helpful resources. Studies show creating a new habit takes around 30 days. So the aim would be to have at least a 15% retention rate after the first 8 weeks.
Stressed and burned-out professionals need a way to reduce their stress and improve their mental health because they want to live a happier and healthier life and achieve work-life balance.
We will know this to be true when we see stressed out professionals using our app to check on their mental health for a constant period of time.
To understand the needs and goals of potential users of Olive, as well as the market, 2 competitive analyses were done, 4 user interviews were conducted and one survey with 34 participants was completed.
«I struggle to stop thinking about work. » - user interview participant
To help analyze the findings from the research and discover more potential solutions, affinity mapping was used. This helped gather the data and find potential patterns that may arise.
Similarly, an empathy map was created to help organize the findings from a behavioral and attitudinal standpoint (How users think, how they feel, what they say and do). This map would help create the personas later on.
By observing the affinity map and the empathy map, it was clear that the majority of potential users say that talking to someone would help them. User interviews also helped uncover the fact that people use a variety of techniques to help them cope with stress. Base on those insights, 2 personas were created that would represent the potential users for Olive. Creating personas would help keep in mind the target users and their motivation throughout the rest of the project.
Based on the needs and goals of the personas, 2 user flows were created. This helped get a sense of the structure of the product and the logic behind the user’s journey before diving into the wireframes.
Based on the 2 user flows, a first draft at the information architecture was created. Then, it was tested using a hybrid card sorting exercise with a total of 20 cards given to 8 participants.
Following a mobile-first approach, low-fidelity wireframes were created based on the 2 user flows and the information architecture. The goal of those wireframes was to put ideas on paper and quickly see what could work. After some iterations, mid-fidelity wireframes were created based on those low-fidelity wireframes. Then it was time to test it out!
To test the idea of the developing phase, a series of remote usability tests were conducted with 7 participants. Each participant were asked some questions at the beginning and during the test. This helped uncover what were their thoughts about Olive and if they found value in it. They were also given 4 direct and scenario tasks to complete.
Just like the user interviews, affinity mapping was used to help analyze the findings from the user testing. This helped gather the data and find potential patterns that may arise. Also, to analyze the usability of the prototype, a rainbow spreadsheet was created using Jacob Nielsen’s 5 component on usability.
In order to come up with a better solution for Olive’s users, the mid-fidelity wireframes were iterated based on the findings from the user testings.
After iterating the wireframes based on the user testing results, the visual design of Olive was created based on Material Design. Since the web app is about mindfulness, the visual had to reflect a calm, simple and soothing state. For this, a minimalistic design was chosen as well as more neutral tones.
Olive was one of my first UX design project, so to say that I have learned a lot working on it is a bit of an understatement. This project let me explore and put into practice all the concepts I’ve learned during my UX bootcamp at CareerFoundry.
Research is key
Research is the foundation for coming up with innovative ideas. Many times, what I thought could be interesting turned out to be not that relevant for potential users and vice-versa. It also helped me be more creative and forced me to come up with new solutions I couldn’t have think of otherwise. The findings from the research also helped me justify my design decisions as well.
Iterate, iterate, iterate
No product is perfect on the first try and having another pair of eyes helps see the flaws in our design. User testing and peer reviews showed me where my design could improve and made Olive a better product.
Talk to people
I wish I could have done at least 4 more user interviews to get a better sense of the users needs and goals and have more diverse users. Mental wellness is a personal topic that is handled diffently by everyone so maybe this could have led me to other interesting ideas.
Test the prototype
As mentioned, I made some iteration after the first round of user testing. I would like to test those iterations to see what works and what doesn’t.
Explore goal settings & research habit building
My research led my to the hypothesis that maybe the user’s motivation was more intrinsic, so I would like to develop the goal setting feature to see if this would help users create a new habit. Also, once the main feature would have been developed, I would like to add “diary studies” to the research process in order to understand how people forms a habit better.
Explore a holistic approach
Since Olive encompasses both therapy and mindful exercises, I would like the therapists to be able to recommend a mindfulness exercises routine to their patient if they wished to. I think this could make Olive feel more cohesive.