top of page
8.png

Over-Ride

TOP

Over- Ride

Over-ride is a navigation app designed to help users who need to navigate and take a taxi. The app is equipped with in-app payment methods which is a new convenient and practical navigation software.

Role

User research / UX design

Visual design /  Design Thinking

Tools

Illustrator / Figma / Photoshop

Team

Da Xu

Term

2 Weeks

INTRO

Set-Up

MENU

Approach

Design

Evaluate

Problem

Challenge

Solution

Interview

Scenario

Usability Testing

Persona

Design requirements

Reflection

Behaviour attributes

Behaviour Map

Flow Chart

Visual system

Behaviour Analysis

Wireframe

Insights

High Fidelity Design

SETUP

Set-Up

Problem

In the many navigation Apps, they can only show the distance to the destination, but cannot tell the driver whether the destination is safe to park, whether there is heavy traffic. In many cases, drivers are not familiar with the surrounding traffic and parking locations, leading them to aimless search for a parking spot, sometimes even re-using navigation software to locate a parking spot while in motion. Distracted driving contributes to 21% of fatal collisions every year. (Transport Canada). Even worse, they park illegally on the side of the road at their destination which is leading to frequent traffic jams. This increases the chance of a car accident.

 

According to the annual congestion report of Baidu Maps, in 2017, the additional economic loss caused by congestion in Beijing was 4,013.31 yuan per capita. (https:// city.huanqiu.com/). It can be seen that traffic congestion has had a significant impact on the current urbanized society. 

Challenge

Staying safe boils down to one thing: stay focused on your driving, and whenever possible deal with distractions before you leave or after you stop.

             1. How to add functions in the navigation without reducing user experience and increasing application complexity.

             2. How to improve the usability of the application.

Solution

In response to this challenge and problem, we have developed a Navigation app - [Over-Ride]. Over-ride can help users park their cars better after they arrive at their destination, without wasting time and causing traffic jams.

Add the function of calling a taxi to reduce car use.

Add parking features to improve user experience and reduce distracted driving.

APPROACH

Approach

Interview

To better understand how users feel about navigation, we conducted four different groups of people. There were students, software engineers, real estate agents and so on. Our goals for interviewing from three things below:

1. Whether existing navigation can meet their needs
2. Feelings and help in traffic jams
3. How to increase their experience on the basis of the navigation application.

Persona

Based on the interview, we comprehensively analyzed and customized the personas for the user to better understand the characteristics, goals and habits of our users to better design our products

Behaviour attributes

Mark Cohen:

Percy Fountain:

Behaviour Map

Mark Cohen

Percy Fountain

Behaviour Analysis

Percy is an introverted girl, incredibly quiet. But she has creative thinking and an open mind, especially strong perception.

In the interview, we found that Percy loves small animals and there are two lovely cats in her family. She is gentle and
compassionate. Although she doesn't have too much interest in math, science and technology, she will still work very hard to learn it which is beneficial to her life.

For users like Percy, their needs are more about how to make life convenient and comfortable with technology. They do not want too many features and fancy interfaces. And a less complex homepage would suit them better.

Mark is an extroverted boy. He has a strong sense of technology and likes to explore and take adventures, and he is also an analytical thinker. But he trusts his instincts more than his thoughts. He has a strong understanding of transportation applications and can easily adapt to new things.

During the interview with him, we found that he likes
sports, especially mountain climbing and long trips.
For users like Mark, they will also like the simple interface,  but they will explore more possibilities. Therefore, the main interface can be relatively simple, but the functions need to be complete and perfect.

Insights

After understanding the user behaviour and goals, we listed the summary insight rules as best we could.

DESIGN

Design

Scenario

MARY, 25, a salesperson for a medical supplies company Because of the need to facilitate the development of sales work, she often travels around the city, as well as various companies in the downtown.
However, due to the heavy and frequent driving, she is very reliant on navigation. She often drives to unfamiliar places, so she often spends a lot of time on those narrow roads and in crowded places looking for parking spaces.
However, she often gets traffic jams for improper driving and various tickets for improper parking. All this exhausted her.
She no longer wants to park where she can't and gets a ticket. It made her feel bad. She wants every drive to be a convenient trip.
She wants something convenient like an app that would help her to park, including the ability to automatically find a parking space. This not only makes driving easier but also allows her to reach the customer's location on time. The realization of all this will also allow her to enjoy her work.

Design requirements

User requirement:

Users can use the taxi function in the app to
make a reservation and pay for a taxi.

Tech requirement:
Locate function / Taxi system which allows the user to book a taxi.

Design requirement:
Time estimation is an accurate and cheap taxi fee.

User requirement:

Users can easily know how long and how much time will spend on their trip, and also where they can park near the destination which is using AI function to calculate the route. 

Tech requirement: 

Access to the location of the user and artificial intelligence function to calculate the most convenient way to drive and park
Design requirement:

Accurate locate service. Easy to see and use which not affect the user driving.

User requirement:

Users can decide if they need to add their payment to the app.
User can access their own account info page after logging in. And require a register and log-in page. 

Tech requirement: 

This requires that the user have an account sign in and set up the payment.

Design requirement:

Safety payment method. Easy to pay

Functions

Flow Chart

Wireframe

At this point, we moved on to creating low-fidelity wireframes with the features we wanted to prioritize in our application. The wireframe was split up into several categories to account for sections like log-in, navigation and booking

Visual System

High Fidelity Design

EVALUATE

Evaluate

User testing

Before

Based on our user tests based on two participants, we have come up with some suggestions for improvement.

 

Originally, after the user clicks the parking button, a dialogue box will appear to inform the user that the available parking address will be automatically selected.

After

However, we changed the original parking button. By pressing the button, available parking places near the destination will be displayed and users can choose, which gives users more selectivity and autonomy.

New functions in the app:

In the user usability testing, we still find that users don't spend much time on the app. So we added reminders and messages to help users avoid missing vehicles.

Reflection

More work

While you're here, feel free to check out more of my projects!
177.png

HillStone

Top

bottom of page