screensdesign
LibraryCreateMCPPricingLoginRemoved appsApp Store ScreensWeb Onboardings

Mobile app limit configuration flow examples

Search the library

Useless - Screen Time Control: Managing App Controls

Open recorded flow

  1. Step 1 · 5:43

    Useless - Screen Time Control: Top header with back button, followed by a hero card, a troubleshooting row, two list sections for limits and schedules, and a bottom navigation bar.See the flow
    Useless - Screen Time Control

    Top header with back button, followed by a hero card, a troubleshooting row, two list sections for limits and schedules, and a bottom navigation bar.

  2. Step 2 · 5:51

    Useless - Screen Time Control: A modal window centered over a background settings page, containing a time picker, day selection toggles, and a primary action button.See the flow
    Useless - Screen Time Control

    A modal window centered over a background settings page, containing a time picker, day selection toggles, and a primary action button.

  3. Step 3 · 6:05

    Useless - Screen Time Control: A modal sheet containing a scrollable list of app categories and individual apps, followed by a search bar, and ending with two primary action buttons at the bottom.See the flow
    Useless - Screen Time Control

    A modal sheet containing a scrollable list of app categories and individual apps, followed by a search bar, and ending with two primary action buttons at the bottom.

  4. Step 4 · 6:07

    Useless - Screen Time Control: Top navigation bar followed by a Beast Mode card, a reload button, a Daily Limits list, and a centered modal for creating a focus schedule.See the flow
    Useless - Screen Time Control

    Top navigation bar followed by a Beast Mode card, a reload button, a Daily Limits list, and a centered modal for creating a focus schedule.

  5. Step 5 · 6:13

    Useless - Screen Time Control: Top navigation bar, followed by a header card, a secondary action area, a list section, and a centered modal overlay for editing.See the flow
    Useless - Screen Time Control

    Top navigation bar, followed by a header card, a secondary action area, a list section, and a centered modal overlay for editing.

  6. Step 6 · 6:16

    Useless - Screen Time Control: A centered modal layout with a top-left cancel button, a central icon, heading, subtext, and a stack of three action buttons.See the flow
    Useless - Screen Time Control

    A centered modal layout with a top-left cancel button, a central icon, heading, subtext, and a stack of three action buttons.

  7. Step 7 · 6:18

    Useless - Screen Time Control: The screen is a centered modal containing a large number at the top and a descriptive text block below it.See the flow
    Useless - Screen Time Control

    The screen is a centered modal containing a large number at the top and a descriptive text block below it.

  8. Step 8 · 6:29

    Useless - Screen Time Control: A full-screen camera interface with a centered system permission modal.See the flow
    Useless - Screen Time Control

    A full-screen camera interface with a centered system permission modal.

  9. Step 9 · 6:34

    Useless - Screen Time Control: Top header with cancel button, central text prompt, large camera viewfinder area, and bottom control bar.See the flow
    Useless - Screen Time Control

    Top header with cancel button, central text prompt, large camera viewfinder area, and bottom control bar.

  10. Step 10 · 6:36

    Useless - Screen Time Control: Top navigation bar with Cancel, a large central image preview area, and a bottom row with Retake and Send buttons.See the flow
    Useless - Screen Time Control

    Top navigation bar with Cancel, a large central image preview area, and a bottom row with Retake and Send buttons.

  11. Step 11 · 6:39

    Useless - Screen Time Control: The screen is vertically centered with a success icon at the top, text in the middle, and a large action button at the bottom.See the flow
    Useless - Screen Time Control

    The screen is vertically centered with a success icon at the top, text in the middle, and a large action button at the bottom.

Useless - Screen Time Control: Configuring App Controls

Open recorded flow

  1. Step 1 · 2:33

    Useless - Screen Time Control: Top progress bar, header text, list of categories, centered system permission modal, bottom navigation with Skip and primary CTA button.See the flow
    Useless - Screen Time Control

    Top progress bar, header text, list of categories, centered system permission modal, bottom navigation with Skip and primary CTA button.

  2. Step 2 · 2:35

    Useless - Screen Time Control: Centered icon at the top, followed by descriptive text, a 'Learn more' link, and two stacked action buttons at the bottom.See the flow
    Useless - Screen Time Control

    Centered icon at the top, followed by descriptive text, a 'Learn more' link, and two stacked action buttons at the bottom.

  3. Step 3 · 2:39

    Useless - Screen Time Control: The screen is a centered modal containing an icon at the top, text in the middle, and a single primary button at the bottom.See the flow
    Useless - Screen Time Control

    The screen is a centered modal containing an icon at the top, text in the middle, and a single primary button at the bottom.

  4. Step 4 · 2:49

    Useless - Screen Time Control: A modal sheet containing a scrollable list of selectable items, a search bar, and two primary action buttons at the bottom.See the flow
    Useless - Screen Time Control

    A modal sheet containing a scrollable list of selectable items, a search bar, and two primary action buttons at the bottom.

  5. Step 5 · 2:53

    Useless - Screen Time Control: A modal overlay containing a duration picker wheel centered over a form with input fields and day toggles, ending with a primary action button.See the flow
    Useless - Screen Time Control

    A modal overlay containing a duration picker wheel centered over a form with input fields and day toggles, ending with a primary action button.

  6. Step 6 · 2:59

    Useless - Screen Time Control: Top progress bar, background text and image, centered modal overlay with form fields and a primary action button.See the flow
    Useless - Screen Time Control

    Top progress bar, background text and image, centered modal overlay with form fields and a primary action button.

  7. Step 7 · 3:01

    Useless - Screen Time Control: Progress bar at top, text header, central question, white card for app limits, and bottom navigation buttons.See the flow
    Useless - Screen Time Control

    Progress bar at top, text header, central question, white card for app limits, and bottom navigation buttons.

Useless - Screen Time Control: Focus Schedule Setup Flow

Open recorded flow

  1. Step 1 · 3:07

    Useless - Screen Time Control: Progress bar at top, centered modal with title, subtitle, list of options, and bottom navigation area with Skip and Continue buttons.See the flow
    Useless - Screen Time Control

    Progress bar at top, centered modal with title, subtitle, list of options, and bottom navigation area with Skip and Continue buttons.

  2. Step 2 · 3:14

    Useless - Screen Time Control: A modal sheet containing a scrollable list of app categories and individual apps, followed by a search bar, and finally a primary 'Done' button and a 'Cancel' link at the bottom.See the flow
    Useless - Screen Time Control

    A modal sheet containing a scrollable list of app categories and individual apps, followed by a search bar, and finally a primary 'Done' button and a 'Cancel' link at the bottom.

  3. Step 3 · 3:17

    Useless - Screen Time Control: A modal overlay centered on the screen, appearing over a blurred background form.See the flow
    Useless - Screen Time Control

    A modal overlay centered on the screen, appearing over a blurred background form.

  4. Step 4 · 3:22

    Useless - Screen Time Control: A modal window centered on the screen containing a time picker, app selection area, day-of-week toggles, and a bottom action button.See the flow
    Useless - Screen Time Control

    A modal window centered on the screen containing a time picker, app selection area, day-of-week toggles, and a bottom action button.

  5. Step 5 · 3:26

    Useless - Screen Time Control: A centered modal overlay on a blurred background, containing form fields for scheduling, followed by a large bottom action button.See the flow
    Useless - Screen Time Control

    A centered modal overlay on a blurred background, containing form fields for scheduling, followed by a large bottom action button.

  6. Step 6 · 3:27

    Useless - Screen Time Control: Top progress bar, central text header, central interactive card, bottom navigation links and primary button.See the flow
    Useless - Screen Time Control

    Top progress bar, central text header, central interactive card, bottom navigation links and primary button.

Found an example you like?See the whole story.

See the full library See plans