ColorOS 13

Year: 2022-2023
Team: OnePlus, OPPO
Role: Senior Product Designer, Product Manager
What I did: Strategy, Prototyping, Art Directing, Business Planning

ColorOS is a customized operating system developed by OPPO. It is based on Google's Android OS and is designed to provide a unique user experience for OPPO smart devices.

Aquamorphic Design

I managed several projects for ColorOS 13 (Aug in 2022) as a product designer and OS 14 (Oct in 2023) as a product manager for global partnerships, working closely with stakeholders in HQ, the business development team, and developers.

Blossom Wallpaper in ColorOS 13

The Blossom Wallpaper is ColorOS' new take on people's increasing need for effective digital well-being tools and high-level device personalization. After our previous experiences building digital well-being features like Zen Mode, Insight AOD, and apps like the WellPaper, the team takes a step forward to create the first digital well-being live wallpaper for both flat-screen and foldable screen devices. This live wallpaper helps users better understand and manage their digital lives by visualizing their current screen time and individual app usage in an ever-changing leaf design.

Brainstorm & Ideation

Created mood board with another product designer based on the Aquamorphic design concept.

Key words: Elegant, Abstract, Comfortable, Surreal, Organically growing

Design concepts

Picked the Lv 3. Lives in water, but wanted to be more abstract.

Results & Final design

The main data point to which the wallpaper responds is the user’s daily screen time. The more time the user spends on their devices, the more growth there is in the leaves. The user can define a time limit for themselves that they hope to avoid exceeding on their phones. The default value we provide is 3 hours, a target that fits the majority of our users’ use cases based on market research. The leaves reset each day with the system’s screen time counter, starting with a bud for 0 screen time. When a user’s screen time reaches the limit, the leaves cease to grow. After exceeding the limit, this organic, delicate plant begins to transfer into a metal, inorganic structure. While each frame of the wallpaper maintains an aesthetic beauty, the subtle underlying message gently encourages our users to put down their phones.

For the second data point, the wallpaper visualizes the app that consumes the longest screen time in the past hour, by matching the leaves' color with the app's icon color. Because we cannot foresee which apps will dominate our users' screen time, it is necessary to cover the entire color spectrum. So the team rendered 12 colors for the glass finish leaves and another 12 for the metallic finish, with a gradually changing hue. As a result, this wallpaper will look all different throughout the day, and one’s wallpaper can hardly be exactly the same as another.

We've also built an algorithm that extracts all colors in an app's icon, calculates their likelihood to our preset colors, finds the best matching color, and updates the leaf color accordingly. So no matter which app the user has been using the majority in the past hour, the leaves can find a matching color to visualize this behavior.

Related Work