top of page

EV CHARGER APP REDESIGN

ROLES

User Experience Designer (UX)

User Interface Designer (UI)

User Experience Researcher 

DELIEVERABLES

Primary Research

Secondary Research

Data Analysis

Affinity diagramming

High-fidelity Prototype

SPECIFICATIONS

Duration: 4 Weeks

Tools: XD, Photoshop, Figma

Contributions

My role was focusing on user research, user experience, and user interface design. This project progressed into 4 weeks full on design-sprint approach working intimately with the EV owner and conducting user testing to tackle the problems. Besides, I translated the insights into the features, addressed problems by applying design solutions.

Objective

The main goal of this application is to help users to enhance their charging experience. 

Buloo EV charging app provides information for users to find the optimal route of nearby EV charging stations. It also helps users to customize their schedules and manage their charging status effectively. 

Challenge

• Identify main issues with Level 2 EV charger and charging experience then tackle problems and find solutions to improve user experience.

• Provide an optimal charging path with easier and user-friendly user experience. 

Web 1366 – 2.png

INTRODUCTION

CONCEPT BACKGROUND

Electric vehicles (EV) have steadily increased over the years. The growth is accelerating as major automakers announce the transition to all-electric. Drawing from increasing EV adoption and expanding charging infrastructures, experts highlight that by the year 2022, electric vehicles will cost the same as their gasoline-driven equivalents. At that point, the sales of EV will take off.

This project is focused on improving user experience in using the Level 2 EV charging system.

PROCESS

Iterate

Research

Primary & Secondary Research

Define the audience

Understand audience context and needs

Analysis

Codes

Top-down principles networks comparison

Define

Problem assumptions

Pain points

Ideation

Concept sketches

Low-Fi wireframe

High-Fi wireframe

Validate

Usability Testing

RESEARCH

SECONDARY RESEARCH

Facts about EV Charging: Trend / Time & Cost

MARKET GROWTH

Global EV charger market expected to grow 44% by 2021

SPEED INCREASE

Ultrafast EVSE can charge up to 100% within 15-30 minutes

MORE RENEWABLE POWER

Powering EV charging stations through renewable energy

$ 500

EV Car Yearly Cost

$ 1400

Gasoline Yearly Cost

V.S

SECONDARY RESEARCH

Types of EV Charger: Decision & Analysis

EV Promotion  - Improving convenience for public charger

Various situations  - different scenarios and spaces

Accessibility  - which users can study more easily

Level 1 120 Volts 

Leve 2 240 Volts 

DC Fast 480 Volts

8-10 hrs

4-8 hrs

20 mins

Sleeping, working

Working, parking, waiting

Parking, waiting

PRIMARY RESEARCH

I conducted interviews with EV car users to understand their motivations and experiences with EV charging. I observed their use of the charger in their natural setting.

Screen Shot 2020-01-22 at 12.05.04 PM.pn

" Dave is a user who owns an EV car (Tesla X), his level of satisfaction towards Tesla is very high in general. He is satisfied with not having to buy gas and is also a big fan of its lines of the design. I asked a series of questions about his interaction with the cars. The questions were mostly open-ended to get a deeper understanding of his experience, and it allowed us to discover more than we expected."

USABILITY TESTING

I conducted usability testing to understand the path of current experience. From the first-person view to the third person view, I recorded the whole process to observe user behavior, understand main functions and features, and identify usability problems.

TASKS

Find a charging point

Read and understand information on the device and complete charging

Charger the car

Make sure the car is connected

Make sure the car is being charged

 Learn more about 

2

3

4

5

6

1

Screen Shot 2020-01-22 at 12.00.03 PM.pn
Screen Shot 2020-01-22 at 12.00.08 PM.pn
Screen Shot 2020-01-22 at 11.59.48 AM.pn
Screen Shot 2020-01-22 at 11.59.43 AM.pn

FIRST-PERSON VIEW

THIRD-PERSON VIEW

• Identify problems

• List steps

• Learn functions

• Analyze design and context

• Identify problems

• List steps

• Learn functions

• Analyze design and context

• Observe user behaviors

FIRST-PERSON VIEW

Screen Shot 2020-01-22 at 12.00.14 PM.pn

THIRD-PERSON VIEW

Screen Shot 2020-01-22 at 12.00.24 PM.pn

METHOD

The insights discovered in secondary and primary research on the level-2 charging system was sorted through and organized based on principles from Nielsen’s 10 Usability Heuristics and Shneiderman’s 8 Golden Rules. The technique allowed me to identify distinct clusters of problems and determine the next steps and further research.

10 usability heuristics by Jakob Nielsen (Interaction Design)

Universal Design Principles (Product Design)

Screen Shot 2020-01-22 at 12.14.16 PM.pn
Screen Shot 2020-01-22 at 12.14.37 PM.pn
Screen Shot 2020-01-27 at 2.02.19 PM.png

• Trust 

• Emotion 

• Learnability

• Easy to Use

• Actual & Desired Use 

• Aesthetic and minimalist Design

• Consistency

• Efficiency

• Error Prevention

• Error Recovery

• Flexibility and Efficiency to use

• Information Feedback

• Match between system and the real world

• Reduce short-term memory load 

• Status Update

AFFINITY DIAGRAMMING WITH ATLAS

DEFINE

FINDINGS - ADVANTAGES & PROBLEMS

ADVANTAGES

PROBLEMS

Universally understood

• Renewable sources

• Low maintenance 

Colors are not universal

• Displays are not customizable

• Users have range anxiety

• Lack of external power management system

• Location of charging not clear enough 

• Feedback on the connection status

DEFINE

DESIGN DIRECTIONS

The holistic experience of charging

From searching for a charging station to planning for the next charge 

Optimize interface design and improve learnability

Designing for universally understandable information and indicators; Use visual elements, visual hierarchy to improve the visual appeal and enhance user learnability

Incorporate a screen

Provide helpful, essential and effective information for users to track the status of charging

Apply AI

Serve accurate estimator for future tips considering different factors that affect battery range to reduce user's range anxiety.

IDEATION

MY SOLUTIONS & HIGH-FI PROTOTYPE

Untitled (3).jpg
Aloo_UI Kit 4.gif
profile_page_–_3@3x.png
Group 2548@3x.png

"DASHBOARD"

02 DESIGN DIRECTION - INCORPORATE SCREEN

My Solution

Dashboard page helps you manage your car effectively

Check your charging status and time remaining

Apply visual elements to improve the visual appeal and hierarchy

03 DESIGN DIRECTION - APPLY AI

My Solution

Dashboard page provides information for the future tips

Provide time remaining for users to reduce their anxiety

Provide achievements and saving information for users to optimize their experience and enhance their engagement experience.

Group 2524@3x.png

"PROFILE"

01 DESIGN DIRECTION - LEARNABLITY

 

My Solution

Optimized interface design

Provide user interface that users can easy to log-in and set their car info

Set your card information for the future to pre-pay

Customize your profile

Aloo_UI Kit.gif
Untitled (5).jpg
Aloo_UI Kit2.gif
charger – 3@3x.png
Aloo_UI Kit3.gif

"CHARGING STATION"

04 DESIGN DIRECTION -THE HOLISTIC EXPERIENCE OF CHARGING

My Solution

Book the charger nearby by you and get the route

From searching for a charging station to planning for the next charge

Web 1366 – 1@3x.png
Web 1366 – 3@3x.png
Web 1366 – 3@3x.png
Screen Shot 2020-01-29 at 4.28.06 PM.png
bottom of page