Onboarding Patterns: Hospitality2:05 with Hope Armstrong
See examples of onboarding patterns for hospitality.
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