Toki is a start-up that promotes work-life balance. Toki was inspired by its name “time of opportunity.” Due to the pandemic, most people have been working and studying remotely. The founders are looking into developing a productivity and wellness app to help people create the opportunity to improve their livelihood by helping them manage their time wisely and allow them to monitor their wellbeing.
• Mobile App
• Toki's Brand Guidelines
UX/UI Designer, Illustrator
80 Hours
Figma, Google Forms, Invision
• Get insights to customer's experience using (a) productivity and/or wellness app(s).
• Identify pain points of using those mobile apps.
• Discover the most user motivations to using the productivity and/or wellness app(s).
• Identify all factors that impact user retention and other opportunities.
To get an better understanding of what I was building, I began by looking into the industry and competition.
Prior to starting the project, a survey was sent out using Google forms for a week to gather information about the user demographic of productivity and wellness mobile apps and identify their needs and preferences. The survey collected13 responses in total and showed that majority of the users were women between 21 and 39 who worked from home as an employee or student.
You can find the survey summary report here.
I then reached out to 5 of the survey participants who were more than happy to share their experiences on productivity and wellness apps. From the user interviews, I learned some of their pain points such as not having a centralized location for different but related items and their motivations for using these apps.
Meet Melissa! She’s our user persona - the amalgam of our user interview participants. Referring back to my persona during the design process helps me to stay aligned with the user goals and remind me of the problems I need to solve.
If you’re interested in getting a deep dive on Melissa, you can check out her empathy map here.
Once I've learned a little more about the user, I've listed all the features of competitor apps that have been utilized by the users, organized them into main categories and prioritized the ones that tackled the user's problem while keeping the core functionalities of both productivity (staying organized) and wellness (staying mentally healthy).
You can check out the detailed feature prioritization roadmap here.
The productivity and wellness realm is a very broad industry touching up on things like creating to-do lists, habit tracker, yoga, meditation, sleep tracker and so forth. Furthermore, each individual that has been interviewed has shown to have specific goals and habits when utilizing these apps. Taking these things into consideration, some thought needs to be put into the core features of the dual app to make sure it addresses the pain points of the majority.
In this stage, I explored the possibilities of how the user will accomplish their goal(s) by creating user flows - one for productivity and another for wellness, of course.
Next, I created some lo-fi wireframe sketches to get a rough idea of how we wanted the app to look like.
Now it's time to add a little color to our brand which is set to be simple, thoughtful and inspiring! I started by gathering some inspiration and putting them together on a mood board to create our brand guidelines.
The UI kit brings the brand and UI together. Elements will stay true to an overall layout grid and
appear modern and friendly.
See full hi-fi responsive wireframes here.
To test these designs, a high fidelity prototype has been created for usability testing over recorded zoom sessions. 6 participants have been recruited to make sure they can complete specific tasks within the app as intended. They were instructed to share their screen and “think out loud” as they navigated through the prototype.
• Test the overall quality and ease of use regarding the navigation and flow to complete a task.
• Test how users prefer to do specific tasks or expectations of the hybrid app.
• Identify any areas of frustrations, hesitation or confusion (pain points).
• Observe how users feel about the app and identify all factors to uphold retention and other opportunities.
85% completion rate
87.5% of tasks were completed correctly by the users.
To sort out the feedback from testing, I’ve created an Affinity Map shown below:
See full affinity map here.
• All participants felt that the app is intuitive and easy to use.
• Some participants like the colors as they are peaceful and relaxing.
• Some participants like how the meditate button was right below the calendar on the home screen.
• Almost all participants rate their overall experience a 7/7.
• Some participants preferred to create a task reminder directly from the calendar.
• There was some confusion for some participants with the meditation reminder that was mistaken for being a specific meditation guide.
• 50% of participants tried to create a task reminder through the calendar while the other half used the + button.
• Most participants used the meditation reminder on the home screen when asked to meditate for a specific type of meditation audio.
• Most participants felt confident creating a task using the Toki app.
Based on the feedback from the testing, we've made the reminder through calendar option available and made minor adjustments to the meditation reminder to avoid confusion. With each new design iteration, we would continue to re-test until the product creates a good experience.
• What I enjoyed 😁
- I would have to say the Hi-Fidelity Prototype revisions after the usability test & some feedback from my mentor. Although it was time-consuming, it was a great learning experience to always design for accessibility no matter how tight the deadline is.
• My favorite moments 😊
- Creating the logo! It was interesting trying to brand for an app that combines two disciplines - productivity & wellness - but it was quite enjoyable!
• My least favorite moment 😭
- Since this app combines both productivity & wellness, it was quite time consuming to figure out the best features to implement on the first MVP.
• Room for Improvement 🤔
- Recruit enough participants ahead of time while also anticipating that there may be a few no-shows if they are no longer available.
Go to the next case study: Responsive eCommerce Design
