Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

User Onboarding

Well done!

You have completed User Onboarding!

Sign up for Treehouse Back to Library

Onboarding Patterns: Hospitality

2:05 with Hope Armstrong

See examples of onboarding patterns for hospitality.

Onboarding Patterns: Hospitality

  • Welcome message
  • Empty states

Resources:

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    Welcome back. 0:00
    In this video, I'll show you some onboarding patterns for 0:01
    welcoming a new user. 0:04
    You can think of onboarding as being a good host to a guest. 0:07
    When users visit a product, you want them to feel comfortable, 0:11
    give them a sense of belonging, 0:14
    and show them where they can find what they need. 0:16
    For starters, welcome users with a simple welcome message. 0:20
    Here's one on Behance, a site where creatives share their work. 0:24
    Behance also inserts tips to explain features throughout the website. 0:31
    These tooltips and hotspots are used on their website as well as their mobile app. 0:36
    Some apps use the loading screen to show a new tip each time the app is opened. 0:42
    new users often are faced with blank UIs because there 0:49
    isn't any content to show them yet. 0:54
    These are called empty states. 0:57
    You can design for these areas by making them useful. 0:59
    You can explain what will appear there. 1:02
    Look at this example in Asana, a project management app. 1:05
    I don't have any files associated with my tasks, so this tab is empty. 1:10
    The message lets me know that all attachments to tasks and 1:15
    conversations in this project will appear here. 1:19
    Here's another example from Dropbox, a file storing app. 1:23
    Here, the user hasn't made any of their files available offline. 1:27
    So they see this charming message reminding them that they can specify 1:31
    which files they want available on their device, 1:35
    even when they're not connected to the Internet. 1:38
    Great, so these onboarding techniques do a good job of welcoming and 1:41
    informing the user. 1:45
    They make use of white space, turning it into an opportunity to delight, 1:46
    inspire, and educate the user about the product. 1:51
    This is just the beginning of what's possible with onboarding. 1:54
    Overtime, welcome messages become irrelevant and 1:58
    empty states become replaced with content. 2:02

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up