Mobile Switching View User Flow

Discover best mobile app designs for Switching View flows. Get inspired by the best apps in the world.

Switching to grid viewon
On

The user switches from a list view to a grid view on a product listing page. This allows the user to browse products in their preferred format.

Switching View Browse & Discover Shop & Storefront Banner Floating Action Button Icon

Switching to map viewon
Turo

The user switches from a list view of available cars to a map view. They then zoom in and are prompted to search the visible area.

Switching View Search Map Pricing Map Pin

Switching to map viewon
Walmart

The user searches for stores and switches to map view to see store locations. They then select a store on the map to view its details.

Switching View Select Map Switch Map Pin Search Bar

The Atlantic Magazine Listening to audio screen

Listening to audioon
The Atlantic Magazine

The user listens to an article by first pressing the 'Listen' button and then navigating to the audio player. The user can then control the playback.

Listening to Audio Switching View Audio Player Drawer Bottom Sheet Button

Buying a couponon
KakaoBank

The user flow illustrates buying a coupon, starting from the product detail page, proceeding through payment confirmation, and ending with the display of the purchased coupon.

Purchasing & Ordering Switching View Product Detail Checkout Other Content Photo Stepper Toolbar

Amazon Shopping Viewing a product in 3D screen

Viewing a product in 3Don
Amazon Shopping

The user views a product and then interacts with a 3D model by rotating and zooming. The flow showcases the 3D viewing experience.

Switching View Product Detail Loading Augmented Reality Banner Photo Loading Indicator

Switching to list viewon
iFood

The user switches from the grid view to the list view by using the toggle button. This changes the way the categories are displayed.

Switching View Browse & Discover Icon Segmented Control Side Navigation

Switching to list viewon
Turo

The user switches from list view to grid view on the Favorites screen by tapping the list icon.

Switching View Bookmarks & Collections Card

Amazon Shopping Switching list view screen

Switching list viewon
Amazon Shopping

The user switches from a list view to a grid view. This is achieved by tapping on the grid icon.

Switching View Segmented Control

Saturn Calendar Switching to day view screen

Switching to day viewon
Saturn Calendar

The user switches from the schedule view to the day view in the calendar. The calendar then displays the daily schedule.

Switching View Progress Calendar Banner Progress Indicator Side Navigation

Switching to easy homeon
KakaoBank

The user is prompted to switch to a simplified home screen, views account details, and sees options to switch between home screen modes.

Switching View Home Button

Switching to incidentson
Citizen

The user switches from viewing registered offenders on a map to viewing incidents. The map updates to display relevant information about the incidents.

Switching View Settings & Preferences Guided Tour & Tutorial Browse & Discover Map Pin Coach Marks Top Navigation Bar