Mobile activity tracking flow examples

Activity tracking flow examples

Step 1 · 0:32
See the flow
Contraction Timer & Counter 9m
Top navigation bar, empty central area with instructional text, and a large circular button at the bottom.
Step 2 · 0:38
See the flow
Contraction Timer & Counter 9m
Top navigation bar, summary stats card, list of contraction entries, large central action button, and a bottom ad banner.
Step 3 · 1:09
See the flow
Contraction Timer & Counter 9m
Top navigation bar, summary stats card, vertical list of contraction logs, large central action button, and a bottom promotional banner.

Step 1 · 5:19
See the flow
Widgetable: Besties & Couples
Header with title and subtitle, followed by a grid of selectable activity cards, and a bottom fixed action button.
Step 2 · 5:26
See the flow
Widgetable: Besties & Couples
Top navigation bar, followed by utility buttons, a central character illustration with stats, and a bottom control panel with a secondary navigation row.
Step 3 · 5:29
See the flow
Widgetable: Besties & Couples
Top navigation bar, central pet character display, bottom action buttons, and bottom navigation bar.
Step 4 · 5:37
See the flow
Widgetable: Besties & Couples
Top navigation bar, followed by status indicators, central pet character illustration, action button row, and bottom navigation bar.

Step 1 · 3:18
See the flow
Pick Up Limes
Hero image at top, followed by tab navigation, descriptive text, nutritional icons, action button, reviews section, and similar recipes list.
Step 2 · 3:23
See the flow
Pick Up Limes
Top back button, header, central donut chart, macronutrient list, and detailed carbohydrate breakdown section.
Step 3 · 3:28
See the flow
Pick Up Limes
Header followed by an informational card, then a vertical list of nutrient settings.
Step 4 · 3:33
See the flow
Pick Up Limes
Top navigation bar followed by a vertical list of biometric input fields including a slider, numeric steppers, and toggles.

Step 1 · 0:15
See the flow
Noxogy Sleep Tracker
Top navigation bar, central time display, central activation button, and three bottom cards for history and settings.
Step 2 · 0:21
See the flow
Noxogy Sleep Tracker
Top header with app name and time, central active monitoring indicator, and three bottom cards for settings and history.
Step 3 · 0:31
See the flow
Noxogy Sleep Tracker
Top header with time and status, central circular interactive button with waveform, and three bottom cards for secondary navigation.

Step 1 · 2:29
See the flow
Gaia GPS: Mobile Trail Maps
Top dashboard bar over a map view, with a bottom-centered modal overlay.
Step 2 · 2:33
See the flow
Gaia GPS: Mobile Trail Maps
Top dashboard bar, central map view with floating action buttons, and a bottom navigation bar.

Step 1 · 7:56
See the flow
Fishbox - Smart Fishing App
Top header with tab switcher, followed by a testimonial block, then grouped list sections (My Fishbox, Community, About, Preferences), and a bottom navigation bar.
Step 2 · 7:58
See the flow
Fishbox - Smart Fishing App
Top navigation bar, followed by a tabbed selector, a centered empty state illustration with text, and a bottom primary action button.
Step 3 · 8:02
See the flow
Fishbox - Smart Fishing App
Top navigation bar followed by a photo upload area, then a grouped list of form fields, with a bottom-anchored action sheet modal.
Step 4 · 8:13
See the flow
Fishbox - Smart Fishing App
Header bar followed by a large image placeholder and three grouped list sections for data entry.
Step 5 · 8:16
See the flow
Fishbox - Smart Fishing App
Top header with back button and title, followed by a search bar, and a long vertical scrollable list of text items.
Step 6 · 8:26
See the flow
Fishbox - Smart Fishing App
Top navigation bar followed by a search input, an 'Add Custom' action, and a scrollable list of text items.
Step 7 · 8:58
See the flow
Fishbox - Smart Fishing App
Top navigation bar followed by grouped list sections for data entry.