Fred Poon - UX Designer (B8B Baby Tracking App)

Our Design Focus

1
Users’ needs and feedback are paramount factors in the ideation of our solutions

2
Thorough research will be conducted to gain key insights on our users and across competitive industry landscapes

3
With synthesized research information, we can propose the ideal B8B app that is intuitive for all users

As B8B is still in the process of building their AI-powered camera, we have to work around assumptions and design based on UX strategies, hence we turn to our competitors to inject inspiration for our UI and features. The findings also help to guide our research to figure out the main features we should prioritise.
‍

Competitive Analysis

To start with the discovery journey, we analysed 4 similar baby tracking apps to understand what are the common and best-in-class features.

We learned that:

All of them offer Video/Audio live feed
All of them provide some form of sleep analytics report
All of them provide multiple user access control
3 of them offer feature to capture memorable moments, in the form of image or video

User Insights

We conducted 15 interviews and 30 surveys, identifying who our relevant users are and came up with their goals, frustrations and needs. This helped to shift our perspective from a features-first to a users-first mindset.
‍

Key Findings

Below are the 3 main worries of parents concerning their baby

SIDS

44.4%

SIDS also known as
‍Sudden Infant Death Syndrome

Escaping out of crib

42.2%

Health and Growth

46.7%

All existing baby monitor users are using it to track their baby's safety through camera monitoring and alerts, ease of use is a key factor too.

Below are the most wanted features for our tracking app in order of importance, which we will use to prioritise when designing the app

Alerts and Notifications

2-way Communications

Data Analytics

User Access

Lullabies

Organised Gallery

We also discovered parents most wanted data to be tracked on their babies

Sleep

Feed

Diaper

Growth

Crying

Ideation

Personas

Through affinity map, I had a clear understanding of who my target users are and created 3 personas to direct my design decisions that will satisfy the users' needs.
‍

Mood Board

3 mood boards were created for B8B to choose, as to communicate the artistic direction of a project. Below is the one selected for igniting a sense of motherly love.
‍

UI Kit

UI Kit was created to guide cohesive design and user interface, which included the following UI components such as button, typography, colours scheme and navigation.
‍

Design Solutions
(with Iterations)

With our user insights and personas, we created a feature priority map to determine which features to include in the app for our 3 target users. Throughout the 1-week design process, we conducted usability tests and iterated twice on the design.

The objective of the test was :‍

How easily users are able to go through the 4 tasks given
What's the users favourite feature
How does the overall experience feel like compare to other baby tracking app
What improvements need to be made
Would they use this baby tracking app

Test Results

We made several iterations to the wireframes and interactive prototype based on usability tests we conducted on 10 users.
‍

80%

of users did not encounter any errors during the usability test

20%

of users encountered errors specifically on the statistics pages

The Iterations

Directional pad that originally controlled the viewing direction of the monitor has been replaced with a pinching and dragging interaction. Buttons in relation to monitor-specific actions have been rearranged
Text indication and translucent box was added around room temperature icon

We decided not to show the home screen on the onboarding page after the iteration, as some users were confused and tried to test out the drag function
Added the word "Tutorial" to make it clearer for user

Some users did not know that the pencil icon was the edit button
Top navigation had no clear visual representation of an active state
Analytics was only available for the past 7 days instead of daily, monthly and yearly

B8B Tracking App

Overview of B8B tracking app :‍

User log into B8B app
Go through onboarding tutorials
Acknowledge the latest alert message
Activate voice chat
Move and zoom on live feed video on the home page
Alerts page where different type of alerts received (pink for danger, yellow for warning, and grey for normal alerts)

Statistics page for parents :‍

Users can track the baby's statistics such as sleep, feed, diaper change, physical growth, and crying time. Various charts and time frames based on different aspects shown, as well as articles related to them. How users can add new and edit entries.

Lullaby with monitor's light feature

Users can access preloaded tracks on the lullaby page, playback selected songs and the option to turn on the baby monitor's light.

Setting the profile page

Users can make changes to the app setting, only admin level users can grant access to new users, choosing the types of notifications to receive, and the option to switch the app to dark mode.

Intuitive Baby Tracking App For The Family