MasterClass

:

Onboarding and coach marks

Coach marks

MasterClass

Learn from experts

Discover MasterClass: Learn from every master with class highlights, refreshed every day.

Explore Classes: Browse our library of 30+ classes. Tap an instructor to get a peek of what you'll find in their class.

Search: Find specific classes by searching for topics of interest or instructors.

Your profile: Sign in to access your classes and resume watching.

More 

Coach marks

↗ Open

Tumblr

Coach Marks

Coach marks for after you hit like on a post, after you reblog a post, profile tab, reblog shortcut, creating a post, search tab

Coach marks
Coach Marks
↗ Open

Headspace

Coach marks on top level tabs

Welcome home: This is your home screen. Jump into your next session of the Basics here.

Discover something new: Explore the Headspace Library and find new meditations to try.

Your Profile: Track your stats, see your milestones and manage your settings here.

Coach marks
Coach marks on top level tabs
↗ Open

Mucho

Profile coachmarks

Swipe up for today's picks, Tap to display calories, Tap to change number of people, Swipe for steps, Tap if you have this ingredient

Coach marks
Profile coachmarks
↗ Open

IFTTT

Coach marks to explain Applets

Applet tutorial: Let's get you started with how Applets work

Every Applet is powered by a main service

The title describes what the Applet will do (Eg. Automatically pipe VIP emails from Gmail to OneNote)

These are the services you'll need and why (Eg. Gmail: New email in inbox labelled VIP, OneNote: Create a page)

Coach marks
Coach marks to explain Applets
↗ Open

Gboard

First time use coach marks

Search and send info, maps, GIFs, and more.

Weather card preview.

Type even faster with Glide type.

Sharing emojis and GIFs just got easier.

Coach marks
First time use coach marks
↗ Open

Pacemaker

Coach marks

Welcome to Pacemaker

Mix in: Create an instant mix

Press + hold

Move it: Left or right

Pull down to exit

Coach marks
Coach marks
↗ Open

imwith Messenger

Coach marks in chat

Swipe left to select a GIF

Here's your #hello gesture. Fling up to send it.

Fling up to send a text message

Ready to get started? Invite a friend to join you on imwith

Coach marks
Coach marks in chat
↗ Open

Rally Rd.

Coach marks

Asset details, Account settings, View investments, Swipe to see cars

Coach marks
Coach marks
↗ Open

Timepage

Coach marks

Slide left to open menu

Slide right to open the month heatmap

Pull down to create an event

Press and hold for hourly weather

Slide to set time

Coach marks
Coach marks

More flows from 

MasterClass

↗ Open

MasterClass

App Store screenshots

"Online classes taught by the pros. Learn skills from the best. Watch exclusive daily content. Advice from industry leaders. Learn a new skill or improve your skills."

App Store screenshots
App Store screenshots
↗ Open

MasterClass

Top level tabs

Home, Explore, Search, Profile

Content screens
Top level tabs
↗ Open

MasterClass

Course page

Take the class, Watch trailer. Overview, Lessons, What you'll get, What you'll learn, What students are saying, Two ways to enroll: All Access Pass or Single class

Learning Experiences
Course page

Interactions from 

MasterClass

 
Coachmarks to show overall navigation
 
Home page has snippets of content from different courses
 
Home page to article transition
 
Class landing page
 
Instructors tab has a free scroll in a 2D space
 
Searching in classes
 
Profile and login
 
In app purchase

Sign up for updates

Find product inspiration, learn new skills, discuss your work and share feedback. Join thousands of designers who use UI Sources for design research and product analysis.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.