Beyond Onboarding Bubbles · A/B testing the Email screen (legacy design) User guide copy Variation...
Transcript of Beyond Onboarding Bubbles · A/B testing the Email screen (legacy design) User guide copy Variation...
![Page 1: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/1.jpg)
Jozef Očkay, Sygic
2018
Beyond Onboarding Bubbles
![Page 2: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/2.jpg)
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]
![Page 3: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/3.jpg)
Source: Internet
![Page 4: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/4.jpg)
Stuff
• Product onboarding• Feature onboarding• Campaign onboarding
WTF is this?
![Page 5: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/5.jpg)
Sygic Onboarding
![Page 6: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/6.jpg)
A/B testing the Email screen (legacy design)
User guide copyVariation #10
Club SlangVariation #9
MinimalVariation #5
-52.6% +16.4% +22.4%
![Page 7: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/7.jpg)
Sygic Onboarding (new design)
![Page 8: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/8.jpg)
![Page 9: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/9.jpg)
Stuff
• Product onboarding• Feature onboarding• Campaign onboarding
R U just making things up?
![Page 10: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/10.jpg)
Smart Bluetooth Onboarding (Settings)
vs.
![Page 11: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/11.jpg)
Dashcam
![Page 12: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/12.jpg)
Dashcam Onboarding (design iteration)
![Page 13: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/13.jpg)
Good design is like a joke.If you have to explain it, it’s no good.
![Page 14: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/14.jpg)
Source: eRepublik https://www.erepublik.com/en/article/-education-how-to-use-discord--2648058/1/20
![Page 15: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/15.jpg)
Source: TechRadar https://www.techradar.com/how-to/tips-and-tricks-for-the-new-gmail
![Page 16: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/16.jpg)
Source: Discord, speaker’s personal library
![Page 17: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/17.jpg)
Source: YouTube DiscordApp official channel https://www.youtube.com/watch?v=1h9F_oPxtes
![Page 18: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/18.jpg)
Stuff
• Product onboarding• Feature onboarding• Campaign onboarding
Really dude, what is this?!
![Page 19: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/19.jpg)
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
![Page 20: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/20.jpg)
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
![Page 21: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/21.jpg)
Source: gaurani.almightywind.info – How Long Does The Circle Last In Fortnite
![Page 22: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/22.jpg)
Source: topsimages.com
![Page 23: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/23.jpg)
Source: rockpapershotgun.com https://www.rockpapershotgun.com/2018/10/08/epic-games-buying-kamu-easy-anti-cheat-devs/
![Page 24: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/24.jpg)
Source: Business Insider https://www.businessinsider.com/what-is-fortnite-battle-royale-2018-3
![Page 25: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/25.jpg)
Source: Digital Trends https://www.digitaltrends.com/game-reviews/fortnite-battle-royale-review/
![Page 26: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/26.jpg)
Source: YouTube https://www.youtube.com/watch?v=vLaNGlHgVd4
![Page 27: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/27.jpg)
Source: Windows Central https://www.windowscentral.com/fortnite-battle-royale-gets-limited-time-50-vs-50-mode-xbox-one-and-pc
![Page 28: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/28.jpg)
Source: Fortnite screenshot, speaker’s personal library
![Page 29: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/29.jpg)
Source: VGR.com https://www.vgr.com/orange-shirt-kid-and-napoleon-dynamite-immortalized-in-fortnites-newest-emotes/
![Page 30: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/30.jpg)
Source: Metrópoli Abierta https://www.metropoliabierta.com/b-magazine/play/gamers-youtube/fornite-traspasa-la-pantalla-para-invadir-barcelona_8588_102.html
![Page 31: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/31.jpg)
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/
![Page 32: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/32.jpg)
Source: YouTube https://www.youtube.com/watch?v=NTGFyMUQi3A
![Page 33: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/33.jpg)
Source: reddit.com https://www.reddit.com/r/FortNiteBR/comments/8ff0zc/we_got_the_tomato_town_skinhow_about_the_durrr/
![Page 34: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/34.jpg)
Source: YouTube https://www.youtube.com/watch?v=tPRFk5VhmnQ , https://www.youtube.com/watch?v=_ee_dVvhoa4
![Page 35: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/35.jpg)
Onboarding
• Is not just about “do this” bubbles• Is not just a designer’s job• Can eat you alive (mind your goals)
![Page 36: Beyond Onboarding Bubbles · 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%](https://reader034.fdocuments.in/reader034/viewer/2022050323/5f7cb490641db55595223765/html5/thumbnails/36.jpg)
Thx
@tjoooc