menu

OSO is an IoT sleeping solution that will promote a good night’s sleep.

By intuitively balancing the overall environment of light, sound, aroma, and temperature for the user. Check the final work click here.

Role

User Researcher, UI/UX Designer, Visual Designer

Type/ Timeline

Product Design, UI/UX, Branding
Jun - Dec 2019

Tools Used

Figma, Illustrator, Photoshop, After Effects, InVision

Key features

01 -

Click to start

By clicking the “Let’s Hibernate” button, OSO can begin the process of helping the user sleep. This primary CTA also activates dark mode to reduce eye strain.

02 -

Product on/off

To keep the focus on OSO the user can individually turn on/off each cube within the primary control screen versus the initial overview shown in the previous design.

03 -

Product Carousel

To keep the user engaged with OSO the final design features an intuitive swipe versus a traditional navigation bar that would take the primary focus off of the product.

Problem

Some people have a trouble of wake up in the morning or getting a hard time to fall asleep.

As a group, we decided to solve this sleeping problem for the user, to help them get a better sleep quality.

Research

Our first step is to research people's sleeping experiences. We started from the competitor analysis (Hatch rest, Ayo Glasses, Sleep Tracking Mat, Toonie Alarm, Relax Melodies, Sleep Cycle), sleep survey, in-person user interviews, and scientific research.

During the initial research phase, an exploratory survey was conducted to learn about people’s sleep quality. Out of 67 responses, we found out that 84% of people are using their phones before bed, and 72% of them use social media.

Quotes from Users

“If you don’t sleep enough, well,you’re not going to win the day.” - Ian
“I prefer waking up myself, like I wake upbefore the alarm goes off. It would benice to wake up, but not by the alarm.” - Fredrik Von Schreeb
“I try not to have as much screen time right before I go to bed.” - Adam Kaiser
Based on the result of the survey, we plan out the questions and the process for the user interview. We use a broad mind map to develop valuable questions and our learning goals, such as sleeping behavior, sleeping environment, pain point, accessibility, and desirability about the current solutions.

The research questions and learning goals we would like to explore:

What are user general sleeping behaviors?
What are their general sleeping environments?
What are their pain points of fall asleep and wake up?
Which companies are currently using IoT products to solve the sleeping experience?
What are sleep health trends currently in the market?

Who are the users?

We are targeting the people who have common sleep disorders, the ages between 16-40 that love to explore technology and who primarily use their phone right before bed.

What do they need?

Reducing stress levels from daily life by using a minimalistic design device to relax their mind before going to bed.

Solution

Design an experience and a collection of IoT products that will promote a good night’s sleep

We want to build a product that intuitively balancing the overall environment of light, sound, aroma, and temperature for the user.

Ideations

We decide to use the light, sound, aroma, and temperature as the product's functions. Building an IoT device was a big challenge, but the most important thing we took into consideration for building a prototype was implementing sustainable design. We decided to build a minimum viable product to put on display.
Once we have a clear detail of the product functions and specs, we started to build the OSO application. Before started it, I created the app map to organized the features and the content architecture based on the product. Then created the user flow for the different paths that users would take through the products to complete each task.

Sketchs

Initial Screens

Rounds 2-3

Rounds 4-6

User testing

Before testing began, with regards to the task flow and prototype, we made some initial assumptions to help us better understand our users. Throughout testing notes and feedback were taken into consideration for each round of iteration.

Task 1: Use the app to start the sleeping mode.

Task 2: Use the app to control the product functions(brightness, volume, aroma, and temperature)

Task 3: Find the setting function in the app.
•Most participants clicked the "Let's sleep" on the home page, but after they click it the screen will pop out another screen of "Timer Setting".
•Most participants think it should have an easier way to start the products instead of click many steps.
•Most participants misunderstood the icons, such as the home icon, music icon, and aroma icon.

What changed after user testing?

User Flow

1. Set up location

Enter the user's destination and pick a routes to start driving.

2. Quick search

Swipe down the app to do a quick searching for the parking lot, gas station, cafe, restaurant, and ATM nearby.

Final Design

Final Design Prototype

check it out

Takeaway

"Alone we can do so little, together we can do so much."

We learned it is not easy trying to communicate the user-centered design in a project from start to finish. It takes a lot of iteration and hard work to produce a product that displays these qualities.

Special thanks to everyone that made this project possible, especially DC Scarpelli, Jen Kerner, Aaron Lawrence, Nick Hou, and Hamilton Cline.

Jake herbig

Project Manager

Keeping project dates and communication up to date. Understanding the full scope of the project and providing support.
Portfolio →

Eriq Huang

Product Design Lead

Research and development of an IoT sleeping solution. Determining ideal features to support a good night's sleep.
Portfolio →

Emily Ho

UX/UI Lead

Applying a clean design aesthetic to the overall app design and branding. Determining ideal features to support a good night's sleep.
Portfolio →