In-Car Navigation
Worked with a renown car brand xxx
Timeline
Oct 2023 - Mar 2024
Team
3 designers
2 researchers
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 using Gaode Amap standard version (link). Photos taken in Oct 2023.
Design goals
1
Brand identity
Convey differentiation through UX and UI that align with the brand image, building a seamless driving experience across navigation and other apps.
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 and standardized component system that can be reused across varying screen sizes and vehicle models.
process
Synthesizing all the sources
123
User research
16 participants
Format: video diary study, interview, co-creation
Outcome: like, needs, and wants
Stakeholder workshop
20+ stakeholders
Format: brainstorming, world cafe, effort-value matrix
Outcome:
PRD & Gaode SDK
The existing navigation app, running on Gaode Amap standard version (link). Photos taken in Oct 2023.
Industry best practice
12 competitive brands
20+ trial on 12+ competitors
Outcome
01 The features /design decisions
show only partial, final first, scroll for lo-fi
home search
search item
trip detail during navigation
02 The layout
02 monitor
03 components
xxx components ( 1-2 zoom in)
reflection
123
Research-informed design
understand constraints while advocate for best UX