Route Preview template (deprecated)

AI-generated Key Takeaways

• The Route Preview template displays up to 3 routes for a selected destination alongside a map.

• This template is for navigation apps only and requires showing either duration or distance for routes.

• The template is deprecated in favor of the Map + Content template.

The Route Preview template presents up to 3 available routes for a selected destination, next to a map.

Note: This template is deprecated in favor of the Map + Content template. Designers and developers should work to update their task flows to make use of the new template.

Route information must include either duration or distance and may also include estimated travel time. As a user selects a route to preview, the app updates the map with a visual representation of the route.

Note: This template is for navigation apps only.

Includes:

• Header (in card)
• Action strip (optional)
• List rows with route information
• Base map (full-screen, drawn by the app)
• Optional map action strip with up to 4 buttons for map interactivity

Route Preview template examples

Two routes, linked to map with numbered markers (Android Auto example)

Three routes, with estimated trip duration shown on map (AAOS example)

Route Preview template UX requirements

App developers:

MUST	Present at least 1 route on this template.
MUST	Have 1 route selected by default.
MUST	Show either duration or distance for routes.
MUST NOT	Present more than 3 routes.
SHOULD	Highlight the relevant route on the map when a user makes a selection.