Beyond Onboarding Bubbles · A/B testing the Email screen (legacy design) User guide copy Variation...

Jozef Očkay, Sygic

2018

Beyond Onboarding Bubbles

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]

Source: Internet

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

WTF is this?

Sygic Onboarding

A/B testing the Email screen (legacy design)

User guide copyVariation #10

Club SlangVariation #9

MinimalVariation #5

-52.6% +16.4% +22.4%

Sygic Onboarding (new design)

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

R U just making things up?

Smart Bluetooth Onboarding (Settings)

vs.

Dashcam

Dashcam Onboarding (design iteration)

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

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

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

Source: Discord, speaker’s personal library

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

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

Really dude, what is this?!

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

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

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

Source: topsimages.com

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

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

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

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

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

Source: Fortnite screenshot, speaker’s personal library

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

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

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/

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

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

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

Onboarding

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

Thx

@tjoooc