Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User...

36
Jozef Očkay, Sygic 2018 Beyond Onboarding Bubbles

Transcript of Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User...

Page 1: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Jozef Očkay, Sygic

2018

Beyond Onboarding Bubbles

Page 2: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Source: Internet

Page 4: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

WTF is this?

Page 5: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Sygic Onboarding

Page 6: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Sygic Onboarding (new design)

Page 8: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer
Page 9: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

R U just making things up?

Page 10: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Smart Bluetooth Onboarding (Settings)

vs.

Page 11: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Dashcam

Page 12: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Dashcam Onboarding (design iteration)

Page 13: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 14: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 15: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 16: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Source: Discord, speaker’s personal library

Page 17: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 18: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Stuff

• Product onboarding• Feature onboarding• Campaign onboarding

Really dude, what is this?!

Page 19: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 22: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Source: topsimages.com

Page 23: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 24: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 25: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 26: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 27: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Source: Fortnite screenshot, speaker’s personal library

Page 29: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 30: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 33: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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

Page 35: Beyond Onboarding Bubbles - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

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 - UX Forum · Wireframe, Copywriting, UX Testing, Card Sorting, User Flow, Story Board, Ethnographic Research, Design Guideline … [fill in buzzword] Customer

Thx

@tjoooc