3.8: Rapid Prototyping: User Onboarding Flashcards
When you launch a mobile or desktop app for the first time, what is the first thing you typically see?
The loading screen, commonly called a splash screen.
What is the splash screen?
The app’s logo and mission statement
What screen comes after the loading screen?
Introduction screen
What is an introduction screen?
The app’s first opportunity to introduce the user to the app, as well as explain what the app does and how it works
What is Coach Marks?
Consist of an explanatory message with an arrow that points to a specific area of the interface
What is Progressive Onboarding?
When you guide the user as they use a function of your app.
Can you apply rapid prototyping at any stage– even high-fidelity?
Yes
What can you apply rapid prototyping?
- Prototype: Convert user flows, stories, and sketches into a prototype that portrays a specific function or design solution.
- Review: Share the prototype with any project stakeholders. You might even share the prototype with users to get their feedback.
- Refine: Decide what you should change to improve the current prototype. At this stage, you’ll also decide whether it’s necessary to level up to higher fidelity designs or prototypes in order to portray the finer details of the program.
Progressive onboarding is an intuitive way to integrate tutorials into complex workflows, but what’s one key thing you need to keep in mind when creating this type of onboarding experience?
a. Always walk a user through every tutorial before setting them free in the app
b. Only launch a tutorial once the user has tapped on the function in question
c. Only include tutorials for features the user has selected beforehand
d. Never use progressive onboarding alone; always combine it with other methods
b. Only launch a tutorial once the user has tapped on the function in question
An effective swipe or click-through tutorial should have how many screens?
No more than three to five, with only one step on each screen
Having finished up and tweaked some low-fidelity sketches for your new app, “Fantastic Feasts and How to Make Them,” you translate them digitally using Balsamiq. What stage of the rapid prototyping process would come next?
a. Review
b. Prototype
c. Sketch
d. Refine
a. Review
The main purpose of an app’s introduction page is… to…
Explain the app and how it works
When making a swipe/click-through tutorial for your app, it’s essential that you…
Don’t overload users with too much info