Mobile tooltip and coach mark UI examples

Tooltip and coach mark UI examples

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

  Below this, a prominent blue rectangular tooltip box provides instructional text: 'Keep playing the song at higher speed to achieve crowns'.

• See the flow
  Scroll The Bible↗

  A small instructional tooltip at the bottom left prompts the user to 'Tap or slide to jump to any verse'.

• See the flow
  Wikiloc - Trails of the World↗

  A yellow tooltip at the top indicates 'Offline maps available for this area!'.

• See the flow
  Vivino: Drink The Right Wine↗

  A speech-bubble-style tooltip indicates 'That's below average' and 'This wine has not yet been rated' with a grey star icon.

• See the flow
  ZEDGE™ Ringtones & Wallpapers↗

  A prominent white tooltip overlay appears near the top, prompting the user to save, share, or follow the profile, with an 'x' button to dismiss it.

• See the flow
  IDAGIO Stream Classical Music↗

  A tooltip bubble above the mini-player reads 'Tap for more details on the music currently playing.' The bottom navigation bar includes icons for Discover, Browse, Events, Moods, and My Collection.

• See the flow
  Yelp: Food, Services & Reviews↗

  A floating tooltip appears over the map, suggesting the user try 'new filters' to find something specific.

• See the flow
  Precip - Rain Totals & Gauge↗

  An Add location hint appears beside the map crosshair.

• See the flow
  Fishbox - Smart Fishing App↗

  A prominent teal tooltip points to the 7-Day forecast link, instructing the user to 'Tap to see a detailed forecast for the week' with an 'OK' button.

• See the flow
  Scanner App: Genius Scan↗

  A prominent white tooltip overlay at the top center titled 'Filter documents' explains that the user can 'Only display photos that look like documents,' with a sparkle icon and a close button.

• See the flow
  Blinq: Digital Business Card↗

  A floating tooltip overlay appears over the card with the text 'Share your card when you are ready!' and a prominent 'Share' button with a paper plane icon.

• See the flow
  Tuner Pro: Guitar Tuner & Tab↗

  Top navigation bar with title, central area with guitar string visualization and instructional tooltip, and a bottom progress bar.

• See the flow
  Klook: Travel & Activities↗

  A floating tooltip overlay at the bottom prompts the user to 'Explore and organize your favorites' with an 'X' to dismiss it.

• See the flow
  AI Summary - Meeting Notes↗

  A prominent tooltip overlay titled 'Choose a Different Voice' with a subtext 'Play your note in a new tone or style' is visible.

• See the flow
  Ascend: Bible Game↗

  A pop-up tooltip is positioned near the top left, prompting the user to report errors.

• See the flow
  FLYP - Fashion Design Studio↗

  This screen is an educational overlay or tooltip within the FLYP fashion design app.

• See the flow
  Planner 5D: AI Home Design↗

  Below the 3D preview, a green tooltip prompts the user to 'Click to see other variations' above a 'More' button with a refresh icon.

• See the flow
  Useless - Screen Time Control↗

  A contextual Limits bubble explains the values shown in the app-limit cards.

• See the flow
  Flight Tracker +↗

  A prominent tooltip informs the user that 'Flight data provider hasn't shared the information yet' regarding check-in desk details.

• See the flow
  Precious - Baby Photo Art↗

  Below the canvas, a dark tooltip instructs the user to 'Use two fingers to zoom or rotate the cutout'.