onboarding users on to your app

42
ONBOARDING USERS ON TO YOUR APP ELVIS D’SOUZA DROIDCON INDIA 2015

Upload: elvis-dsouza

Post on 10-Jan-2017

665 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Onboarding users on to your app

O N B O A R D I N G U S E R S O N T O Y O U R A P P

E LV I S D ’ S O U Z A

D R O I D C O N I N D I A 2 0 1 5

Page 2: Onboarding users on to your app

First Moments

• FIRST FIVE MINUTES An average user is most engaged with your app during the first few minutes of use

• FIRST 7 DAYS For ‘decent’ apps, the majority of users retained for 7 days stick around much longer

http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/

77%

23%

Users Lost in First 3 days of Install

Page 3: Onboarding users on to your app

Where are users lost?

• Unsatisfactory first impression

• New interfaces can be hard

• Many apps do things differently

• Users look for Instant Gratification

• Mismatch in expectations

Page 4: Onboarding users on to your app

First Moments…

INSTALLIDEA / SPEC DEVELOPMENT MARKETING ENGAGEMENT PROFIT

Page 5: Onboarding users on to your app

The Activated User

• Activated users graduate past first-days use

• They perform Key Actions• Blogging app = pick a theme, a name, write first post

• Social app = Import address book, Connect to a few friends, Opt into notifications

• Enterprise Collaboration app: Start up a new project, add a couple coworkers

http://appcues.com/academy/intro-to-user-onboarding/http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/

Page 6: Onboarding users on to your app

User Onboarding

• Onboarding helps get the user activated

• Introduces new technology, behaviour and interfaces

• Focus is on Key Actions

• Is continuous, not limited to first day use

• Not a substitute for “good app design”

Page 7: Onboarding users on to your app

Rule No 1: Measure

• Use analytics tools, track key actions, quantify.

• Talk to users for qualitative feedback.

• Analyse cohorts: new users, dropped off users, activated users.

• What features did they like? What features did they actually use? Did they share the app with others?

Page 8: Onboarding users on to your app

EXAMPLES

Page 9: Onboarding users on to your app

Tooltips & Overlays• Best used to draw attention to few

key actions in an app

• Great for teaching gestures

• Crowded overlays are often ignored

• Use FrameLayout for overlays, relatively positioned elements for Tooltips

Page 10: Onboarding users on to your app
Page 11: Onboarding users on to your app

WALKTHROUGH: FLIPKART

Page 12: Onboarding users on to your app

WALKTHROUGH: FLIPKART

Page 13: Onboarding users on to your app

Tutorial• Best used to give users overview of the app

• Helpful when users are not acquired through descriptive channels like Play Store

• Avoid long tutorials, and provide adequate “Skip” support

• Build using Fragments & (optionally) ViewPager

Page 14: Onboarding users on to your app

WALKTHROUGH: INBOX

Page 15: Onboarding users on to your app

WALKTHROUGH: INBOX

Page 16: Onboarding users on to your app

WALKTHROUGH: INBOX

Page 17: Onboarding users on to your app

Interactive• Best used to channel early user attention to

bootstrap important information about identity and preferences

• Makes users more invested into the app, personalisation from the get-go is easier

• Impatient users may bounce, “Skip” necessary

Page 18: Onboarding users on to your app
Page 19: Onboarding users on to your app

In Context• They’re embedded in the app experience,

and appear in at the right time.

• Great for indicating next steps, optional shortcuts

• Popups may be ignored if intrusive, test this with your users

Page 20: Onboarding users on to your app
Page 21: Onboarding users on to your app

In feed prompts• Is embedded in content

• May occupy prime screen space

• Unobtrusive, scroll and it moves up

• Tap to complete action/learn more

• Easy Dismiss

Page 22: Onboarding users on to your app

WALKTHROUGH: INSTAGRAM

Page 23: Onboarding users on to your app

WALKTHROUGH: INSTAGRAM

Page 24: Onboarding users on to your app

WALKTHROUGH: INSTAGRAM

Page 25: Onboarding users on to your app

Playbook

• Lazy Signup, the less information you ask for, the better

• Minimise the number of screens in an interactive setup/tutorial

• Use FAB, get focus on key actions. Users may not be interested in all your features

• Features may be introduced lazily, over time

Page 26: Onboarding users on to your app

Playbook…

• Personalize content, suggest actions, be proactive

• Get the user activated as soon as possible.

• Do not forget to measure!

Page 27: Onboarding users on to your app

ONBOARDING IN GAMES

Page 28: Onboarding users on to your app

ONBOARDING IN GAMES

Page 29: Onboarding users on to your app

Onboarding Existing Users

• Offer a tutorial via an in-feed prompt

• Leave a way for users to come back to the tutorial later

• Confirm core actions and utilities

• Use alternate channels: emails, social media

• Use notifications, but sparingly

Page 30: Onboarding users on to your app

Runtime Permissions with Android M

• Users can directly manage permissions at runtime

• Individual permissions get greater visibility - win for users

• Auto-update process is smoother - win for developers

• checkSelfPermission() & requestPermissions()

• Normal Permissions & Dangerous Permissions

http://developer.android.com/training/permissions/index.html

Page 31: Onboarding users on to your app

Runtime Permissions

Page 32: Onboarding users on to your app

CAMERAMICROPHONEPHONE

Page 33: Onboarding users on to your app

Runtime Permissions: Best Practices

• Try to avoid dangerous permissions

• Prime the user - explain why you’d like the permission before asking for it

• Alternatively, wait until users reject the permission till you tell them why you need it

• Or a data-driven combination of these!

• Do not imitate the native UI

Page 34: Onboarding users on to your app

PERMISSION PRIMING

Page 35: Onboarding users on to your app

Sensy & Onboarding

• Sensy is a TV Guide & Remote App

• Onboarding techniques:

• Interactive setup deprecated

• In-context Popups in use

• In-feed messages in use

Page 36: Onboarding users on to your app
Page 37: Onboarding users on to your app
Page 38: Onboarding users on to your app

Lessons

• Have as few screens as possible

• One primary action/item per screen

• In-feed messages & contextual suggestions are effective!

Page 39: Onboarding users on to your app

Open Challenges

• Introducing Ad-breaks feature

• Using the phone to onboard a physical product

Page 40: Onboarding users on to your app

Resources

appcues.com/academy TUTORIAL

uxarchive.com/tasks/onboarding WALKTHROUGH

Page 41: Onboarding users on to your app

Resources

androidux.com/Onboarding-Tips WALKTHROUGH

capptivate.coANIMATIONS

Page 42: Onboarding users on to your app

M E @ E LV I S . C O . I N @ E LV I S D S

G E T S E N S Y O N T H E P L AY S T O R E

O N B O A R D I N G U S E R S O N T O Y O U R A P P