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
Related courses
- Generative AI for Customer Service Professionals
- How to Set Up an Effective Intern Program
- Launching Your Idea with Design Thinking
- Microsoft Cybersecurity Architect Expert (SC-100) Cert Prep: 4 Design Strategy for Data and Applications
- Building Onboarding Frameworks: Strategies for Tech Leaders
- HRCI Professional in Human Resources (PHR) Cert Prep
- Becoming a Successful Channel Sales Manager
- Designing an Infographic
Related learn paths
- Master Digital Transformation
- Prepare for the Microsoft Cybersecurity Architect (SC-100) Certification Exam
- Explore Accessibility (a11y) Best Practices
- Explore a Career as a Human Resources Specialist
- Become an HR Business Partner
- Become a FileMaker Custom App Developer
- Manage Remote and Hybrid Teams as a Middle Manager
- Introduction to Fundamental Skills for Data Work: Data Strategy and Planning