Improving Charging Experience Consistency

Overview

To help machine operators better understand sustainable energy usage and adapt their behaviors to the electrified machines, we aim to introduce the electromobility-specific capabilities while releasing the next-generation Human Machine Interface (HMI).

To help machine operators better understand sustainable energy usage and adapt behaviors to the electrified machines, we aim to introduce the electromobility-specific capabilities while releasing the next-generation Human Machine Interface (HMI).

Disclaimer: Detailed wireframes and visuals are modified in this case study due to NDA.

Timeline

Feb 2023 - Feb 2025 (Expected)

The Team

1 centralized UX team + 3 Software Team

My Role

UX researcher & designer

Problem Statement

Users struggled to recognize the charging status through the current onboard HMI and lacked guidance on how to adjust their charging behaviors to maintain battery health for electrified machines.

Impact

8/10

Average Satisfaction Score *

100+

Cross-functional Stakeholder Involvment

Electrical Machine Aligned

* Current score is based on guerilla test since the HMI has not been released. The whole success metrics are defined as User Satisfaction, Task Success Rate and Time on Task, which we aim to validate after commercial release in 2025.

Solution

1 Consistent Charging configuration and initiation flows

Adaptive widgets and layouts for 8’’ and 12’’ display.
One-stop charging configuration based on user needs.

Adaptive widgets and layouts for 8’’ and 12’’ display.
One-stop charging configuration based on user needs.

2 Diverse ways to present the charging status

Information coded with different components for quick glance.
Land the detailed charging page through easy access.

Information coded with different components for quick glance.
Land the detailed charging page through easy access.

3 Interactive patterns to get battery health coaching

Interactive tips are provided when the user tries to charge beyond 80% with sliding gestures.
Minimized information to reduce information disturbance.

Interactive tips are provided when the user tries to charge beyond 80% with sliding gestures.
Minimized information to reduce information disturbance.

Process

Design iterations based on continuous concept testing and interviews

Design implemented but hasn’t rolled out

Design implemented but hasn’t rolled out commercially

Further validations through quantitative user data

User story assumption with stakeholders to generate design hypothesis

Design Iterations

Iteration 1

First concept’s design tweak based feedback collected through MAZE with 100+ internal stakeholders.

Iteration 2

Two new options based on usability issues with potential users in a physical setup, one focusing on interaction pattern change, another on infographics relocation.

Iteration 3

Concept critiqued and reviewed with the UX team to move on with sliding interaction.

Iteration 1

First concept’s design tweak based feedback collected through MAZE with 100+ internal stakeholders.

Iteration 4

Reduce the information provided with widget introduced and satisfaction score improvement.

Reflections

Long development makes it challenging to collect first-hand user feedback, but advocating for it remains crucial for UX professionals.
Design sometimes starts with assumptions rather than based on rich user research, but continuous learning through design activities helps to maneuver the direction.
Engaging stakeholders in diverse UX activities generates more buy-in and improves understanding of UX.

Improving Charging Experience Consistency

Improving Charging Experience Consistency

Overview

Overview

Problem Statement

Problem Statement

Impact

Impact

Solution

Solution

1

Consistent Charging configuration and initiation flows

Consistent Charging configuration and initiation flows

2

Diverse ways to present the charging status

Diverse ways to present the charging status

3

Interactive patterns to get battery health coaching

Interactive patterns to get battery health coaching

Process

Process

Design Iterations

Design Iterations

Iteration 1

Iteration 2

Iteration 3

Iteration 1

Iteration 4

Reflections

Reflections

My other work

My other work