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

Onboarding users on to your app

Jan 10, 2017

Download

Technology

Elvis Dsouza
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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