General UX checklist

Use this list to check that your overall UI meets general, system-wide UX requirements.

Requirement level Guidelines
MUST
  • Language selected on the Welcome screen MUST be used throughout the IVI system. (G-0-332-UX)
  • The app working space provided onscreen for third-party apps (excluding system UI) MUST NOT be smaller than 750 dp x 370 dp. (G-0-738-UX)
  • The styling and layouts in the UI, where customizable, MUST be customized consistently throughout the IVI system. (G-0-878-UX) This requirement is for Android 14 or higher. For details about demonstrating compliance, see Artifacts for customization requirement.
SHOULD
  • Tap targets SHOULD be large enough for users to see and touch them, typically 11.3 mm x 11.3 mm or larger, though size might vary for some screen configurations. (G-SH-333-UX)
  • Tap targets SHOULD be spaced far enough apart for users to distinguish them from each other. (G-SH-345-UX)
  • Onscreen text SHOULD be large enough to be legible for users. (G-SH-344-UX)
  • A contrast ratio of at least 4.5:1 SHOULD be maintained between backgrounds and icons or text, except when the item is disabled. (G-SH-334-UX)
  • All screens and overlays SHOULD support a dark theme for night mode. (G-SH-335-UX)
  • Driving optimized apps and system UI SHOULD support dark theme and light theme. (G-SH-742-UX)
  • Screens visible to the driver SHOULD NOT be taken over by immersive experiences such as video apps unless the car is in a parked state. (G-SH-743-UX)
  • In immersive mode, an exit affordance SHOULD be easily accessible. (G-SH-744-UX)
MAY
  • Google-provided keyboards MAY be customized to create standard and drive-optimized keyboards. (G-MA-346-UX)

Artifacts for customization requirement

To demonstrate compliance with G-0-878-UX, which requires styling and layouts to be customized consistently throughout the IVI system, you can supply either screenshots or videos as artifacts.

The artifacts you supply help demonstrate that similar features across the IVI system have styling applied in the same way, for example, consistent icon styles, font size and weight, application of color, elevation, and other visual effects. These artifacts also help demonstrate that layouts for similar features across the IVI system are consistent, for example, location of the toolbar within an app layout, arrangement of actions within a toolbar.

For each listed feature that is implemented in your system (middle column), provide an artifact showing the details listed in the third column.

Area of system UI Features to document (if implemented) What video or screenshots should show
Notifications Heads up notifications (HUNs)
  • New message
  • Incoming call
  • Navigation (next turn)
  • Car
    • Emergency
    • Warning
    • Information
Notification Center
  • Single message
  • Grouped message
System navigation Status bar
  • Mic indicator or mic panel
  • Profile selector
  • Quick controls
    • Bluetooth
    • Connectivity
    • Display
Home screen
  • System widgets
App launcher
  • App icons
  • App names
Google Play
  • App icons
  • App descriptions
Setup and sign-in Google-provided screens in Setup Wizard
  • Common system UI components (such as buttons, text fields, and nav icons)
  • Background image and color
  • Loading animation
Content modal (container for Google-styled content)
  • Size and placement in screen
  • Navigation bar placement (top or side)
  • Background or scrim
  • Overall styling
GAS disabled state
  • Disabled Maps, Assistant, Play icons, and surfaces treatment
  • Banner
  • Snackbar or toast
Remote GAS setup (if taken)
  • Entry point in companion app
  • QR code landing page in Setup Wizard
System UI components Any system app that shows the components listed at right (for example, Settings)
  • Buttons
  • Dialog
    • Standard system dialog
    • Toast or equivalent
  • Progress indicator
  • Text field
  • Selection controls
    • Checkbox
    • Radio button
  • Slider
  • Switch
  • Snackbar or toast
System apps Media Center
  • Playback view
  • Minimized playback controls
  • Grid and list views
  • Search
Dialer
  • Ongoing call view
  • Grid and list views
  • Dialpad
  • Search
Settings
  • Bluetooth
  • Network & internet (connectivity)
  • Notifications
  • Sound
  • Display
  • Profile & accounts
  • System
  • Google