first impressions matter: onboarding for first time users

124
Lisa Ba’le President and Principal Consultant [email protected] @design4context First Impressions Ma/er: Onboarding for First Time Users UXDC 2015 Conference • 9 October 2015

Upload: design-for-context

Post on 06-Apr-2017

1.348 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: First Impressions Matter: Onboarding for First Time Users

©  Design  for  Context

Lisa  Ba'le   President  and  Principal  Consultant [email protected] @design4context

First  Impressions  Ma/er:    Onboarding  for  First  Time  Users  UXDC  2015  Conference  •  9  October  2015  

Page 2: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

First    Impressions  

Page 3: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Page 4: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

https://blog.intercom.io/designing-first-run-experiences-to-delight-users/

Page 5: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

http://www.digitaltrends.com/mobile/16-percent-of-mobile-userstry-out-a-buggy-app-more-than-twice/

Page 6: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Laura/Jennifer:  Image  related  to  onboarding  (Use  the  same  image  

in  all  3  of  these  slides)  

Page 7: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Why  should  I  us

e  this?  

Value  proposiV

on

How  do  I  get  started?  IniVal  setup

I’m  stuck!  Remove  barriers

What  can  I  do  here?  Streamline  iniVal  tasks

Show  me  what  to  do!  

InstrucVons,  demos

Page 8: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

First-­‐Vme  novice  user  

Engaged,  acVve,  repeat  user  

Page 9: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

ATM

$  

Page 10: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Examples  

SaaS  Web  ApplicaVon  

Zurb  Verify  

Tablet  App  

Evernote  

Mobile  App  

Delectable  

Digital  Pen  

Adobe  Ink  and  Slide  

Page 11: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Design    Principles  

Page 12: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Present  a    clear  value  proposiVon.  

1  

FIRST  IMPRESSIONS  MATTER  

Page 13: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 14: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 15: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 16: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 17: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 18: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 19: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 20: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 21: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Present  a    clear  value  proposiVon.  1  

Page 22: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Minimize  login  and  account  creaVon.  

2  

Page 23: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 24: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 25: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 26: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 27: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 28: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 29: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 30: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 31: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Minimize  login  and  account  creaVon.  

2  

Page 32: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Provide  a  simple,  smart  process  for  setup.  

3  

Page 33: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 34: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 35: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 36: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 37: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 38: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 39: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 40: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 41: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 42: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Provide  a  simple,  smart  process  for  setup.  

3  

Page 43: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Avoid  the  blank  slate.  4  

Page 44: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 45: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 46: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 47: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 48: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 49: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 50: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Avoid  the  blank  slate.  4  

Page 51: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Allow  the  user  to  immediately  do  something  that  gets  results.

5  

Page 52: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 53: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 54: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 55: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 56: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 57: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 58: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 59: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 60: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 61: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 62: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 63: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 64: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 65: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 66: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 67: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Allow  the  user  to  immediately  do  something  that  gets  results.

5  

Page 68: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Import  the  user’s  exisVng  data  from  other  sources.  6  

Page 69: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

?  

Page 70: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 71: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 72: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 73: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 74: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 75: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 76: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Import  the  user’s  exisVng  data  from  other  sources.  6  

Page 77: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Orient  the    user  via  minimalist,  built-­‐in  demonstraVons.  7  

Page 78: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 79: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 80: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 81: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 82: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 83: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 84: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 85: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Orient  the    user  via  minimalist,    built-­‐in  demonstraVons.  

7  

Page 86: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Instruct  at  the  point  of  use.  8  

Page 87: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 88: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 89: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 90: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 91: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 92: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 93: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 94: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 95: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 96: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 97: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 98: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Instruct  at  the  point  of  use.  8  

Page 99: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Ask  to  use  the  photos,  contacts,  &  noVficaVons  when  the  user  sees  a  clear  benefit.  

9  

Page 100: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 101: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 102: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 103: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 104: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 105: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 106: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 107: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 108: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Ask  to  use  the  photos,  contacts,  &  noVficaVons  when  the  user  sees  a  clear  benefit.  

9  

Page 109: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Provide  preferences  and  controls  users  can  set  as  they  gain  experience.  

10  

Page 110: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 111: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 112: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 113: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

WEB  APPLICATION:  ZURB  VERIFY    

Page 114: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  EVERNOTE  

Page 115: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 116: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 117: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 118: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

MOBILE  APP:  DELECTABLE  

Page 119: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 120: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 121: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

DEVICE:  ADOBE  INK  AND  SLIDE  

Page 122: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

SIMPLICITY  

Provide  preferences  and  controls  users  can  set  as  they  gain  experience.  

10  

Page 123: First Impressions Matter: Onboarding for First Time Users

@design4context            First  Impressions  Ma>er UXDC  2015

©  Design  for  Context

Present  a  clear  value  proposiVon.  

Minimize  login  and  account  creaVon.  

Provide  a  simple,  smart  process  for  setup.  

Avoid  the  blank  slate.  

Allow  user  to  immediately  do  something  that  gets  results.  

Import  the  user’s  exisVng  data  from  other  sources.  

Orient  the  user  via  minimalist,  built-­‐in  demonstraVons.  

Instruct  at  the  point  of  use.  

Ask  to  use  the  photos,  locaVon,  contacts,  &  noVficaVons  when  the  user    sees  a  clear  benefit.  

Provide  preferences  and  controls  that  users  can  set  as  they  gain  experience.  10  

1  

2  

3  

4  

5  

6  

7  

8  

9  

Page 124: First Impressions Matter: Onboarding for First Time Users

©  Design  for  Context

Lisa  Ba'le   President  and  Principal  Consultant [email protected] @design4context

First  Impressions  Ma/er:    Onboarding  for  First  Time  Users  UXDC  2015  Conference  •  9  October  2015  

Thanks!  

PresentaHon  is  on  Slideshare  –  Go  to  www.designforcontext.com/publicaHons