Mobile Logging UI Flows

Discover the best logging UI user flows for mobile apps. Get inspired by the best logging UI ideas and more on Mobbin.

stoic. Logging a daily reflection (morning) screen

Logging a daily reflection (morning)on
stoic.

The user logs a daily reflection by rating sleep, selecting focus areas, writing plans, and engaging with reflection prompts. The flow culminates in a streak and completion confirmation.

Logging & Tracking Calendar Home Select Top Navigation Bar Icon Tab

Adding a tagon
Ultrahuman

The user adds a tag to their profile by selecting a tag and a time. The flow confirms the tag has been added.

Logging & Tracking Dashboard Charts Home Tab Bar Floating Action Button Icon

Logging a periodon
Ultrahuman

The user logs a period by selecting dates and specifying flow type, then views cycle tracking information. The flow showcases period logging and cycle tracking.

Logging & Tracking Calendar Set Acknowledgement & Success Floating Action Button Date Picker Chip

Logging an activityon
Ultrahuman

The user logs a running activity by searching, setting the time, and saving. The activity then appears on the home dashboard timeline.

Logging & Tracking Searching & Finding Floating Action Button

Logging a mood check-inon
stoic.

The user logs a mood check-in by selecting their mood, providing context, and setting goals. The flow concludes with a completion screen.

Logging & Tracking Action Option Quiz Feedback Bottom Sheet Button Tab

Logging foodon
Ultrahuman

The user logs a meal by searching for food items and saving them to their timeline. The flow showcases adding "Plain Yogurt" and "Strawberries".

Logging & Tracking Searching & Finding Search Add & Create Confirmation Floating Action Button Search Bar Toolbar

stoic. Logging a daily reflection (evening) screen

Logging a daily reflection (evening)on
stoic.

The user logs a daily reflection by rating their rest, selecting emotions, writing a summary, and indicating night preparation. The homepage then updates to show the completed reflection.

Logging & Tracking Uploading & Downloading Permission Progress Add & Create Banner Progress Indicator Toolbar

Adding a transactionon
Monarch

The user adds a new transaction by filling out a form. The new transaction is then displayed in the transaction list.

Logging & Tracking Select Add & Create Date & Time Text Field

Logging stresson
Ultrahuman

The user logs a stress event by selecting the event type and setting the time. The timeline is then updated to display the logged event.

Logging & Tracking Timeline & History Feature Info Icon Card Stacked List

Logging a journal entryon
stoic.

The user flow demonstrates logging a journal entry by selecting a suggested prompt, writing the entry, and viewing the completion summary.

Logging & Tracking Action Option Suggestions & Similar Items Bottom Sheet Button Segmented Control

stoic. Completing an exercise (walking meditation) screen

Completing an exercise (walking meditation)on
stoic.

The user selects a walking meditation, completes the exercise with audio prompts and journaling, and then rates the experience. The flow guides the user through a structured meditation walk.

Starting & Completing Giving Feedback Logging & Tracking Upload & Download Loading Audio Player Loading Indicator Button

Ubank Money App Tracking a bill (past transaction) screen

Tracking a bill (past transaction)on
Ubank Money App

The user tracks a past transaction by selecting it from a list and then confirming the bill details. A confirmation message appears upon successful tracking.

Logging & Tracking