Enter password to view case study
In-Car Navigation
Worked with a renown car brand xxx
Timeline
Aug 2023 - Mar 2024
Team
2 researchers
3 designers
My role
Wireframing, lo-fi & hi-fi prototyping, user testing assistance,
design system, handoff documentation,
Results
SUS score of 88 in testing (excellent usability)
Successfully delivered to client and rolled out to customers
background
Designing for the Chinese market
The automotive HMI ecosystem in China is unlike the rest of the world. With the tech giants and EV startups continuing pushing the boundaries of automotive intelligence, customers place high value on in-car digital experience.
During my time at Digital Creative Asia, a Shanghai-based design agency, I worked on this navigation app redesign project as a core part of the client's major OS upgrading, bringing more customization and intuitiveness to the driver experience of the renown traditional car brand.
task
Upgrading the in-car navigation app from map provider's standard version to a brand-exclusive experience
Before
The existing navigation app, running on the Gaode Amap standard version. (link) photos taken in Oct 2023
Design goals
1
Brand identity
Apply the brand visual standard - colour, size, icon, and typography - to the UI and map elements, to create a seamless experience across applications.
2
Safety and intuitiveness
Provide sufficient and only relevant information; present with easy-to-scan hierarchy; adopt UX that users are already familiar with; reduce steps.
3
Adaptability
Create one adaptable design for varying screen sizes and hardware performance so it can be reusable on old and new cars to reduce development investment.
process
4-step
123
research N=16
Discover
Diary study
In-depth interview
design
Ideate
Wireframe
Lo-fi prototype
UI exploration
Stakeholder workshop
Hi-fi prototype
testing N=10
Validate
Testing plan
Materials & setup
Facilitation
Observation & notes
Analysis & report
design
Revise & hand off
Design revision
Design system
& documentation
Map style configuration
My design approach
Outcome
The
only showing selected highlights. contact for full design
more customized
1
a design system (I organized the
More customized
02 monitor
reflection
123
At kickoff, the request was intentionally high level: design an in-person tour for orientation that feels engaging and interactive.
A scavenger hunt quickly emerged as a natural direction, but we were still 99.9% away from the final product.