Real Life examples of various onboarding styles in different scenarios. Onboarding ≠ "do this" bubbles. Event: UX Forum – Onboarding Venue: Sygic, Bratislava, SK Audience: 50 people Date: 20-Nov-2018

1. Jozef Očkay, Sygic
2018
Beyond Onboarding
Bubbles

2. Who is
this guy?
CX
UX
UI
Research, Data Analysis,
Persona, Heuristic
Evaluation, Mood Board,
Paper Prototype,
Wireframe, Copywriting,
UX Testing, Card Sorting,
User Flow, Story Board,
Ethnographic Research,
Design Guideline
…
[fill in buzzword]
Customer Journey
Mapping, Service Design,
Pain Points Analysis,
Dashboards
…
[searching for more]

3. Source: Internet

4. Stuff
• Product onboarding
• Feature onboarding
• Campaign onboarding
WTF is this?

5. Sygic Onboarding

6. A/B testing the Email screen (legacy design)
User guide copy
Variation #10
Club Slang
Variation #9
Minimal
Variation #5
-52.6% +16.4% +22.4%

7. Sygic Onboarding (new design)

9. Stuff
• Product onboarding
• Feature onboarding
• Campaign onboarding
R U just making
things up?

10. Smart Bluetooth Onboarding (Settings)
vs.

11. Dashcam

12. Dashcam Onboarding (design iteration)

13. Good design is
like a joke.
If you have to
explain it, it’s
no good.

14. Source: eRepublik https://www.erepublik.com/en/article/-education-how-to-use-discord--2648058/1/20

15. Source: TechRadar https://www.techradar.com/how-to/tips-and-tricks-for-the-new-gmail

16. Source: Discord, speaker’s personal library

17. Source: YouTube DiscordApp official channel https://www.youtube.com/watch?v=1h9F_oPxtes

18. Stuff
• Product onboarding
• Feature onboarding
• Campaign onboarding
Really dude,
what is this?!

19. 3 Facts
>125M players
1 year in existence
Developer – Epic Games (700 people)
Source: Dexerto.com https://www.dexerto.com/fortnite/these-five-quick-tips-will-help-you-master-the-art-of-the-shotgun-in-fortnite-battle-royale-87385

20. Image Source: Loft Cinema https://loftcinema.com.mx/images/2014/03/katniss_jennifer_lawrence-widescreen_wallpapers.jpg
Logo Source: covermytimeline.com https://vignette.wikia.nocookie.net/shipping/images/3/3c/The_Hunger_Games_Logo.jpg/revision/latest?cb=20180506195822

21. Source: gaurani.almightywind.info – How Long Does The Circle Last In Fortnite

22. Source: topsimages.com

23. Source: rockpapershotgun.com https://www.rockpapershotgun.com/2018/10/08/epic-games-buying-kamu-easy-anti-cheat-devs/

24. Source: Business Insider https://www.businessinsider.com/what-is-fortnite-battle-royale-2018-3

25. Source: Digital Trends https://www.digitaltrends.com/game-reviews/fortnite-battle-royale-review/

26. Source: YouTube https://www.youtube.com/watch?v=vLaNGlHgVd4

27. Source: Windows Central https://www.windowscentral.com/fortnite-battle-royale-gets-limited-time-50-vs-50-mode-xbox-one-and-pc

28. Source: Fortnite screenshot, speaker’s personal library

29. Source: VGR.com https://www.vgr.com/orange-shirt-kid-and-napoleon-dynamite-immortalized-in-fortnites-newest-emotes/

30. Source: Metrópoli Abierta https://www.metropoliabierta.com/b-magazine/play/gamers-youtube/fornite-traspasa-la-pantalla-para-invadir-barcelona_8588_102.html

31. Source: Press Start Australia https://press-start.com.au/news/playstation/2018/07/10/fortnite-llamas-are-popping-up-in-real-locations-around-the-world/

32. Source: YouTube https://www.youtube.com/watch?v=NTGFyMUQi3A

33. Source: reddit.com https://www.reddit.com/r/FortNiteBR/comments/8ff0zc/we_got_the_tomato_town_skinhow_about_the_durrr/

34. Source: YouTube https://www.youtube.com/watch?v=tPRFk5VhmnQ , https://www.youtube.com/watch?v=_ee_dVvhoa4

35. Onboarding
• Is not just about “do this” bubbles
• Is not just a designer’s job
• Can eat you alive (mind your goals)

36. Thx
@tjoooc