Mobile guided tutorial screen examples

Guided tutorial screen examples

• See the flow
  CraftBook: Crochet Made Easy↗

  The top section, 'Video Tutorials', features a large card showcasing a hand holding pink yarn, titled 'Stitches 101' with the subtitle 'Basic stitches you need to learn'.

• See the flow
  Magic Tiles 3™: Piano Game↗

  The central modal is titled 'NOTICE' and asks the user, 'Would you like to skip the tutorial?'.

• See the flow
  Widgetable: Besties & Couples↗

  A modal overlay is centered on the screen with the text 'Follow the video tutorial to install the widgets'.

• See the flow
  Scanner App: Genius Scan↗

  At the top, it features a video tutorial titled 'Getting started with Genius Scan' with a light yellow information box noting that English, French, German, and Spanish subtitles are available.

• See the flow
  Menace: AI Photo Video Editor↗

  At the bottom of the screen, there is a prominent white 'Next' button with rounded corners, serving as the primary call to action to proceed to the next step of the tutorial.

• See the flow
  Widgetable: Besties & Couples↗

  A semi-transparent highlight box at the top draws attention to three navigation icons: 'Weekly new egg', 'Shop', and 'Co-parenting', with a white hand cursor icon pointing towards them, indicating a tutorial or onboarding step.

• See the flow
  Pick Up Limes↗

  This screen is an onboarding or educational tutorial step for the 'Nourish' planner in the Pick Up Limes app.

• See the flow
  CraftBook: Crochet Made Easy↗

  This screen in the CraftBook app serves as a search and discovery interface for crochet stitch tutorials, specifically filtered for 'single crochet'.

• See the flow
  Bible Chat: Daily Devotional↗

  Below the mockup, there is a tip text: 'Tip: Go to Settings to seamlessly follow the installation tutorial' and a 'Settings' button to navigate to the device's system settings.

• See the flow
  Pick Up Limes↗

  This screen is an onboarding or tutorial overlay for the 'Nourish' feature in the Pick Up Limes app.

• See the flow
  Bible Chat: Daily Devotional↗

  Top navigation bar, followed by a widget preview card, a central instructional section with a device mockup, and a bottom tip with a primary action button.

• See the flow
  Rooms↗

  This screen from the Rooms app displays an interactive 3D music sequencer tutorial within a cozy, voxel-style environment.

• See the flow
  Zutobi: Permit & Driving Prep↗

  The design is clean, white-themed, and utility-focused, intended for users to browse and select driving tutorials for their permit or license exam preparation.

• See the flow
  Blinq: Digital Business Card↗

  Top close button, main heading, central Apple Watch illustration, instructional text block, and a bottom tutorial link card.

• See the flow
  ThemeKit: Widget & Icon Themes↗

  This screen is a tutorial page within the ThemeKit app, titled 'How to Remove Icons and Widgets?'.

• See the flow
  Scanner App: Genius Scan↗

  This screen is a modal overlay providing a tutorial on how to rename a document within the Genius Scan app.

• See the flow
  Budget app - spending tracker↗

  This screen is an onboarding or tutorial overlay within a personal finance app, specifically focusing on the 'Account' tab.

• See the flow
  SunSafe: UV Index & Tanning↗

  This screen provides a step-by-step tutorial on how to add a SunSafe Home Screen widget to an iOS device.

• See the flow
  Blinq: Digital Business Card↗

  This screen provides a tutorial on how to add a Blinq digital business card widget to the iOS home screen.

• See the flow
  Calculator₊↗

  The main content area features a card preview of a note titled 'Math Notes Tutorial' with a date stamp of 'Apr 10, 2026 at 03:25 PM'.