User Onboarding

Design a great first impression

Transcript

1. Onboarding Dolcie Dass Product Designer at Hopscotch.in How to design a great first impression
2. Why Image credit: http://andrewchen.co/ Quettra is a mobile intelligence startup from founder/CEO Ankit Jain (former head of search+discovery for Google Play)
3. Why • Users know nothing • The backstory matters • Reveal gestures • Provide personalised content • Users need to register
4. How • Allow the user to reach their goal • Lead with content
5. Image credit: Booking
6. Image credit: Airbnb
7. Hopscotch Image credit: Hopscotch
8. How • Allow the user to reach their goal • Lead with content • Upfront tutorials
9. Image credit: OLA
11. How • Allow the user to reach their goal • Lead with content • Up-front tutorials
12. How • Allow the user to reach their goal • Lead with content • Up-front tutorials • Contextual tutorials
13. Image credit: Pinterest
14. Image credit: Pinterest
15. How • Allow the user to reach their goal • Lead with content • Contextual tutorials • User information - Need to register - Personalised content
16. • Make contextual requests Getting user information Image credit: Nearbuy
17. • Make contextual requests • Delay requests for data Getting user information
18. • Make contextual requests • Delay requests for data • Provide an explanation • Protect privacy Getting user information
19. Image credit: Tinder
20. • Make contextual requests • Delay requests for data • Provide an explanation • Protect privacy Getting user information • Be concise in your request
21. Getting user information Image credit: Netflix
22. Hopscotch 1.0
24. Hopscotch 2.0
25. Hopscotch 2.0
26. That’s all folks! Dolcie Dass dolcie@hopscotch.in Visit: Samuel Hulick’s Onboarding Teardowns https://www.useronboard.com