UX/UI Design

A

OD

Design

Display delivery food order status on AOD screen when users have ordered a meal online.
Users can always have the order progress well in hand.

Client
What I did

UX/UI Design

Tool

Figma

Timeline

02/2021 - 03/2021

The Challenge

Design the interface of OnePlus AOD screen.

How do I understand this challenge

AOD in most cases is not a necessary function for users. The key is to display something that users need to check very frequently but doesn’t request much interaction.

Research
Desk Research

01 About AOD

AOD means always-on display, a feature on Android smartphones. AOD allows locked screen to show time, date, battery status, notifications, screen savers and more.

02 About Users

Geeker is the target user group of OnePlus. They always order delivery food.
because the order status and the estimated arrival time changed very frequently when users are waiting for their food, users always checked the app many times before their food arrives.
They can not plan their time very well because of those changes, so they need to frequently get the update of their order to get more control of their waiting time.

User Research

01 Survey

Firstly, I want to use a survey to get data, which helps me to get a glimpse of how people wait for their food. I collected 45 valid questionnaires and analyzed the results.

How often do you order delivery food online?

71.1% respondents order delivery food online at least once a week.

5-7 days per week

3-4 days per week

1-2 days per week

Hardly

Do you track the progress of your food?

Most people track their order when waiting, many of them track it very frequently.

I track many times until it arrives.

I track a few times.

Hardly, I just wait for the driver's call.

When tracking the progress, what do you want to know most?

People care more about arrival time and distance, care less about position of driver.

Estimated arrival time.

The distance between you and the driver.

The location of the driver on the map.

The Information about the driver.

02 Interviews

I interviewed 4 people from my target users. Below are the questions I asked.

① How often do you order delivery food?

②Which App you use to order food most? Why you prefer this one?

③ Do you track the status of your order or the driver? Why you want to or not to track it?

④ When you track the order, which information you pay attention to?(Time, driver's location, driver's distance)Why do you think it's important?

⑤ Do you refresh the page when you track the order?

⑥ What do you always do when you wait for the food?

⑦ Can you describe one of your most impressive experiences of waiting for a food delivery?

Then I collected their answers together as below, one color represents one interviewee.

Concept
Persona

Based on my user research, I built the persona.

Journey Map

Then I made the journey map of the user who experiences a typical waiting process for the delivery food.

User Insights

Although knowing that keep looking at the order will not make the food comes earlier, people still tend to look at it over and over again, I think it's because people need to have an anticipation for what's going on in the next period of time, this is a sense of control of their own live time. If the progress of a food order can be always displayed on the screen, users can always have this sense of control even when they are doing something else.

Final Design
The Folk Clock

The folk clock appears only during the lunch time and dinner time (11 am - 1 pm, 5 pm - 7 pm), to remind users have a rest and eat something.

The folk button is fixed while the circle behind it moves based on time. By tapping it, users are able to open the food app directly,

(Curved progress bar design)

Order Status

A progress bar and a folk to show the order status.

Allow users to refresh manually if they think the page is not updating in the real time.

Map

When the driver is having the food, users are able to track the position of the driver by tapping the folk.

Map does not display all the time, so that it will not distract users or cost too much power.

Next Project
Lyyrns