{"id":4355,"date":"2018-02-09T00:39:16","date_gmt":"2018-02-08T23:39:16","guid":{"rendered":"https:\/\/uxstudioteam.com\/website\/?p=4355"},"modified":"2022-05-19T14:34:43","modified_gmt":"2022-05-19T13:34:43","slug":"user-onboarding","status":"publish","type":"post","link":"https:\/\/timemachine.uxstudioteam.com\/ux-blog\/user-onboarding\/","title":{"rendered":"User Onboarding – How To Create A Delightful First Experience?"},"content":{"rendered":"

\"User<\/p>\n

Within moments of meeting you, people decide all sorts of things about you, from intelligence to trustworthiness. Experts say it takes just three seconds<\/span><\/a> for someone to determine whether they like you or not. When it comes to the digital world, decisions are made in a very similar way during user onboarding. Google has recently confirmed in their <\/span>own research<\/span> that users form opinions about a website in 50 milliseconds.\u00a0<\/span><\/p>\n

<\/p>\n

Silicon Valley analyst Andrew Chen attests that 77 percent of users never use the app again 72 hours after the onboarding.\u00a0<\/span>So like it or not, if your app isn\u2019t a knockout on the\u00a0first impression, it\u2019s probably going to be deleted or forgotten. But there is a way to enhance your app\u2019s \u2018first introduction\u2019 and help your users discover your product\u2019s benefits, functions, and usage – you just have to design a delightful onboarding experience. But how?<\/span><\/p>\n

The main aim of the user onboarding process<\/h2>\n

Help your users understand the product<\/strong><\/h3>\n

The main goal of an app onboarding process is to give the answer to these three questions: <\/span><\/p>\n

    \n
  1. What is this app good for?<\/span><\/li>\n
  2. What can I do here?<\/span><\/li>\n
  3. How can I do it?<\/span><\/li>\n<\/ol>\n

    Give them a sense of accomplishment<\/strong><\/h3>\n

    Near these very exact answers, onboarding is very important to engage your users and create an unforgettable first experience for them. As Jane Portman says: <\/span><\/p>\n

    \u201cAny user onboarding is all about psychology: the early feeling of success and accomplishment will make the user come back.\u201d<\/span><\/p><\/blockquote>\n

    The main problem with usual user onboarding methods<\/h2>\n

    I know, we all like to design slideshows. They\u2019re clean, we can add some shiny illustrations to them and clients tend to adore them, too. But the users can\u2019t wait to start using the actual product. Slideshows, showcases, explanatory screens out of the real content won\u2019t give them the real experience. They just prevent the user from getting to the important part: to actually use the app.<\/span><\/p>\n

    \"onboarding<\/p>\n

    Jane Portman in <\/span>Fundamental UI design<\/span><\/a> explains this situation very resourceful:<\/span><\/p>\n

    \u201cImagine yourself going to a new gym. You’re standing there awkwardly in your street clothes, and a polite sales rep is showing you around. Are you listening to her carefully, or would you rather change into your brand-new fitness attire and try out that shiny elliptical?\u201d<\/span><\/p><\/blockquote>\n

    How to onboard your users in a progressive way?<\/h2>\n

    Okay, so we just killed our fancy slides. But if no explanatory images and overlaying function guides, then what?<\/p>\n

    \"Invision<\/p>\n

    Progressive app onboarding<\/strong><\/h3>\n

    A progressive onboarding process lets the user discover the app by themselves and presents information as they use the app. It doesn’t overwhelm the user, only shows the next step, the next related feature but lets the user decide. Invision is a good example of this kind of onboarding.<\/span><\/p>\n

    \"empty_space\"<\/p>\n

    Use empty states<\/strong><\/h3>\n

    Empty state is how your UI looks like when there’s no content yet. A good empty state<\/span><\/p>\n