Olivia Mobile App
Olivia app helps ADHD Women with tasks management, cycles, and community awareness.
Olivia Mobile App
Olivia app helps women who are diagnosed and not diagnosed with attention-deficit/hyperactivity disorder (ADHD) to remind their tasks, track the menstruation cycle, and spread awareness through connecting to the community.
Organizer
SheDevOps – A women-led organization for research and innovation in healthcare.
Team
4 – UX/UI Designers
4 – Developers
My Role
UX/UI Designers
My Role
User Research
User Experience Design
Design System
Low-High Fidelity Design
Usability Testing
Prototyping
Timeline
Jan 2022 – July 2022
Challenge
Attention-deficit/hyperactivity disorder (ADHD) is one of the most common childhood disorders and can continue through adolescence and into adulthood.
It affects women differently than men because of gender roles, hormone fluctuations, and a greater tendency towards self-doubt.
Problem Statement
How can we help organize and provide structure for women with signs and symptoms of ADHD, considering a diagnosis may not be present?
Solution
Design Thinking Process
We used the Design Thinking process for this project. I participated in conducting four interviews with women diagnosed with ADHD and women who have someone suffering from ADHD. As a team, we worked on understanding the user and writing points on sticky notes.
The Team
User Problems
User Persona
User Flow Diagram
Lo-Fi Wireframes
Using user personas and user flows as a guide, I sketched out wireframes using the Crazy 8 method. After multiple sessions, I picked the designs that I felt addressed the goals the best and digitalized them into prototypes for Usability Tests.
Design System
We set a standards components for our design, which helped us to keep our designs consistent.
User Feedback
Any system that communicates directly with the customer needs to have an impeccable user experience.
I took feedback from two different users for my wireframes and tweaked my designs based on users’ feedback.
Final Screen
Splash and Login Screen
- The users preferred a simple and minimalistic design for the splash screen. They wanted a white/plain background without an image since it makes it difficult to read.
- The users also requested Sign-in with Google, Apple, and Facebook – since it saves time and effort signing up.
To know more about User
- After a user logs in for the first time, they are presented with a questionnaire that helps the app understand the user. These questions are mandatory, and therefore I did not provide a “skip” option.
- Since there is no “skip” option, I used four dots to indicate the number of questions.
- For a few of the questions, I used the Radio button to indicate that the user can pick only one answer from the options.
- For questions that can have multiple answers, I used checkboxes.
Onboarding Screens
For first-time users, an onboarding screen helps users understand the navigation and functions of the app.
After completing the onboarding screen, the users are taken to the empty Dashboard. Users can add tasks that are displayed on the Dashboard.
Dashboard
- The Dashboard displays all the upcoming tasks and events of the user. Each task/event has a time duration associated with it that helps users better manage their day.
Another feature is that users can rearrange their tasks/events to help them reprioritize their daily schedule.
- I have also added an option to add small tasks. These small tasks are displayed at the bottom of the screen. They can be completed throughout the day, whenever the user finds time.
It would also display the upcoming dates for periods before 3 days.
Users mentioned in their interviews that they feel good if they are motivated. So I thought of using some inspirational quotes on the dashboard in place of the upcoming period’s dates if they are not near the dates.
Accessibility
We designed keeping accessibility in mind:
- The color pallet and contrast meet Web Content Accessibility Guidelines.
- Font sizes are legible and, buttons are large enough.
- The Navigation bar and high-priority buttons are accessible with one hand.
What I learned
Simpler is better
When there aren’t too many similar existing apps in the marketplace, users can find it difficult to navigate through the app. A nice clean and minimal layout can help users get accustomed to the app easily.
Importance of the Design System
I learned the importance of the Design system when working in a team. Since everyone is working independently in different time zones, it helped a lot to be consistent with the entire product.
Communication is the key
As we are a team of 4 designers, keeping everyone on the same page is necessary but difficult. It was tricky to collaborate since all are remote teammates who are working in different time zones globally.
Next Steps
Moving forward, various additional features can be explored in the later stages.
- Animation to the Micro Interactions could bring fun interaction to the user’s daily use of the app.
- Synchronizing the events and tasks with Google Calendars on the phone.
- Self-care tips in the menstruation cycle section.
- The awareness section can have a chat feature.
Thank you!
