GlobalMAP Design Specification
This document is confidential.
Please enter the access password.
XPENG · HMI Design Specification

Global Map Experience Design

Cruise · Search · Route Planning · Navigation — three split-screen layout modes.

1/3 Mode
App priority · Map minimized to strip
2/3 Mode
Balanced · App & map share screen
Full
Full Screen
Immersive · App fills entire display
01
Cruise
Default driving state
4 scenarios
Activate Navigation
User confirms destination · Navigation starts
Activate Navigation 1/3 1/3
Activate Navigation 2/3 2/3
Activate Navigation Full Full
Initialization Screen
Map loading · Pre-activation state
Initialization Screen 1/3 1/3
Initialization Screen 2/3 2/3
Initialization Screen Full Full
Search Home
Search panel active · POI suggestions displayed
Search Home 1/3 1/3
Search Home 2/3 2/3
Search Home Full Full
Layer Preferences
Map style & layer settings panel open
Layer Preferences 1/3 1/3
Layer Preferences 2/3 2/3
Layer Preferences Full Full
03
Route Planning
Route overview & departure settings
— scenarios
🗺️
Awaiting images for Route Planning module
Drop images into 03Route/ folder alongside this HTML file.
1/3
2/3
Full
05
Offline Maps
Download & manage map packages
— scenarios
🗺️
Awaiting images for Offline Maps module
Drop images into 05Offline/ folder alongside this HTML file.
Full