Dec 2020 - Feb 2021
Figma, MS Excel
UI Design & UX Research + Strategy
iPhone & iPad
Identifying the Problem
Defining the Goal
User Journey Map
Often, education systems in the U.S. and abroad fail to recognize the role and impact of Black figures in the past and present. The underlying cause of this kind of erasure can be contributed to centuries of systemic racism against the Black community. Hence, it is crucial for people to learn about and be inspired by the lives and contributions of Black revolutionaries, writers, poets, and artists.
The primary goal of this design is to get users inspired and motivated by quotes from influential Black figures by allowing them to read quotes seamlessly and learn more about each author’s life and achievements.
Determining User Archetypes
Tech-savvy users who frequently use their phones
Adult users with busy schedules
Users seeking easy-to-understand information
Analyzing the Flaws of Competing Apps
Some quotes have author's names while others don't
No option to learn more about the author
No images of authors
Daily Quote App
Content does not include enough historical figures
Constant ads disrupt the user experience
Conducting Quantitative Survey
To better understand my user base I conducted a survey of 10 participants between the ages of 25 to 41
Want to learn more about influential Black figures
Want to see more Black figures in other quotes apps
Do not have enough time to conduct research
Developing Key Insights
From the data gathered through the survey, I developed 4 key insights to improve the ways in which users can learn more about influential Black figures through motivational quotes.
Inform users about authors through biographies. Since the majority of particpants in the survey indicated that they wanted to learn about more influential Black figures, adding a biography section will be crucial.
Allow users to search for quotes based on categories. This feature will reduace the amount of time users need to spend researching quotes since they will be able to customize their experience.
Provide quotes at specific times. As shown in the research, many users have busy schedules and are unable to spend much time scrolling through quotes for inspiration. Hence, a notification fetaure would make the user experience a lot smoother and convenient.
Provide a non-disruptive ad experience. Compared to other quotes apps, it's important that Bquote provides a seamless and easy-to-navigate ad experience to further add to the convenience of the app.
Creating User Personas
Creating User Journey Maps
After conducting research, developing key insights from the findings, and creating user personas, I began the process of developing wireframes, user flows, and prototypes.
Developing User Flow
Developing a user flow using Figma allowed me to better understand how to implement my solutions within the app
After developing a user flow, I created wireframes using ProtoPie. This gave me more structure and guidance to proceed with my app design.
I put together a design system that uses colors and iconography that reflect the brand identity of Bquote.
After creating high-fidelity wireframes and developing a design system, I dove into the finals screen designs for Bquote. Below you can see some of the key features that were implemented into the app to solve user problems.
The author biography feature allows users to easily learn about each of the Black figures. Users can easily move from the author's biography to find more quotes from the same author by swiping left and vice versa. This feature eliminates the research time and adds to overall the convenience of the app.
This category section offers 16 different categories, letting users discover quotes based on their needs. This feature was well-liked in similar quotes apps, so it was integrated into Bquote, but has been modified to meet the needs of Bquote’s user base.
Notifications allow users to receive quotes at specific times to eliminate the need to search out quotes. Users can specify the dates and times that they would want to receive notifications for quotes and personalize their experience.
And lastly, this design of native ads does not disrupt the user experience. Here, users are able to swipe through the quotes and they can choose to engage with the ads as they’re swiping.
Conducting a usability test was a crucial step in this project as it allowed us to fully understand the functionality of this app. This test included a total of 10 participants whose ages range from 27 to 34.
Set up and received notifications with ease
Navigated all of the features of the app with ease
Felt the experience was not time-consuming
More user testing and insights will lead to better design solutions. This project was unique from my other ones as I had the opportunity to work directly with a developer to make the design a reality. This taught me how to assess the practicality of my design and I learned important collaboration skills. This app is currently available for download on the App Store.