You can let users add a stop while driving without losing the view of their current route. Transition from the[Navigation template](https://developer.android.com/design/ui/cars/guides/templates/navigation-template)to the[Map + Content template](https://developer.android.com/design/ui/cars/guides/templates/map-content-template)to show a compact list of places while keeping the turn-by-turn information visible.

The turn-by-turn information on the routing card will be condensed and moved to the side of the screen.

## Sample flow

The user is using the app. They decide to add a stop to their journey.

|                                                                                   User action                                                                                   |                                                                                                                                                    Where action is performed                                                                                                                                                     | Step count after action |
|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------|
| The user taps an action to add a stop during an active route.                                                                                                                   | Navigation template ![Navigation template during the user's journey](https://developer.android.com/static/images/design/ui/cars/app-cuj/add_a_stop_1.png)                                                                                                                                                                        | 1                       |
| A compact list appears, showing the available options to add a stop, while the turn information shrinks into a floating navigation bar and moves to the side.                   | List template included in the Map + Content template ![Map template with list of locations to add a stop](https://developer.android.com/static/images/design/ui/cars/app-cuj/add_a_stop_2.png)                                                                                                                                   | 2                       |
| The user taps the chosen stop.                                                                                                                                                  | List template included in the Map + Content template ![Map template with list of locations to add a stop](https://developer.android.com/static/images/design/ui/cars/app-cuj/add_a_stop_3.png)**Note:**Because the content of the map template does not change, this is considered a refresh and does not add to the step count. | 2                       |
| The user clicks the**Navigate**button to start navigation.                                                                                                                      | Pane template included in the Map + Content template ![Included Pane template with location details and Navigate button](https://developer.android.com/static/images/design/ui/cars/app-cuj/add_a_stop_4.png)                                                                                                                    | 3                       |
| The stop is added to the route and the app informs the user with a[navigation alert](https://developer.android.com/design/ui/cars/guides/templates/navigation-template#alerts). | Navigation template ![Navigation template during navigation](https://developer.android.com/static/images/design/ui/cars/app-cuj/add_a_stop_5.png)                                                                                                                                                                                | 1                       |