Route Preview template (deprecated)

AI-generated Key Takeaways

• The Route Preview template, now deprecated in favor of the Map + Content template, displays up to 3 routes alongside a map for navigation apps.

• Route information must include duration or distance and may include estimated travel time, with the selected route highlighted on the map.

• This template requires at least one route to be presented by default and allows for optional components like the header, action strip, and map action strip.

• Developers must present at least one route, have one selected by default, show duration or distance for routes, and should highlight the relevant route on the map upon user selection, while avoiding presenting more than 3 routes.

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.