In apps that include a map feature, users may need detailed information about a specific place. Use the Navigation template (only for navigation apps) or the Map + Content template to help users find the details they need within a couple of quick taps.
In this example from an electric vehicle charging app, the Navigate button opens a separate navigation app, ending the task flow.
Sample flow
User action | Where action is performed | Step count after action |
---|---|---|
The user opens your app, then selects a submenu. |
List template included in the Map + Content template ![]() |
1 |
The user selects a location from the submenu. |
List template included in the Map + Content template ![]() |
2 |
The user reviews details about the location and decides to navigate there. |
Pane template included in the Map + Content template ![]() |
3 |
A separate navigation app opens and routing begins. |
Navigation template in new app ![]() |
1 |