Designing an Onboarding Experience with InVision and Sketch
1h 7mIntermediate2018-06-13
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
Onboarding is the process of welcoming users to an app and driving them to act: to sign up, set preferences, shop, or engage. In this course, Emmanuel Henri steps through the process of designing a simple and user-friendly application onboarding experience using Sketch and InVision. Learn how to research design concepts and find inspiration, create initial assets in Balsamiq, build out interactive prototypes in Sketch, and collaborate on the prototypes in InVision. Emmanuel shows how to create many different types of screens, including welcome and call-to-action screens, so you have plenty of examples to build out your own onboarding experience.
Skills covered
Multidevice DesignInVisionSketchBohemianUser Interface PrototypingUX DesignUser ExperienceProjectWeb Development
Concepts
0. Introduction
- 01 - Welcome
- 02 - Course prerequisites
1. Research
- 03 - Visual inspiration for the project
- 04 - Researching an onboarding flow
- 05 - Initial mockups with Balsamiq
- 06 - Sketch syncing with InVision
2. Sketch Designs
- 07 - Creating an initial background with symbols
- 08 - Adding more symbols for common elements
- 09 - Creating the welcome screen
- 10 - Creating the introduction screen
- 11 - Creating the objection screen
- 12 - Creating the call-to-action screen
3. Prototype in InVision
- 13 - Prototyping interactions with InVision
- 14 - Experimenting with live collaboration
- 15 - Final touches and sharing
Conclusion
- 16 - Next steps