Reactive and Proactive Orientation

In practice, this is difficult to achieve (unfortunately, our short-term memory can’t hold much information). Because there is no context, the interface looks much more complicated than it really is and users are easily overwhelmed. In the example below, the trainer marks describe. All the possible actions a user can take on the screen, but there is no user interaction.  Just a static “read here, here, and here. Mobile App Onboarding: Coach Brand Onboarding Presenting everything.  At once creates visual noise and distracts the user from the key action. Even if users decide to read every instruction. They usually forget everything as soon as they close the overlay. Image credit: NNGroup. No: a chain of tips Showing multiple trainer marks.  Or tips in a row might seem like a solution to the problem mentioned above.

But unfortunately, it is not a proper solution. Tips that appear frequently on the screen make users quickly dismiss them, regardless of how useful each one may be. This also makes an app seem too complicated for new users. Mobile App Onboarding: Chain of Tips When using a suggestion chain to reveal the functionality of app features, the most common problem is that there Benin B2B List are too many suggestions and some of them are not really necessary for new users. Image credit: Ayana Campbell Smith. Do: Focused Contextual Suggestions A contextual (or just-in-time) onboarding approach is a good way to avoid screens full of trainer marks. These tips are presented to users at the right time; when they are needed. Useful information emerges at the point of action.

Onboarding Technique Visual

Good contextual tips are: Essential: they should not explain obvious things. Prioritized: Because the first-time user experience should be focused, apps should display only core features and allow users to discover secondary features over time. Succinct: When designing hints and any other types of hints for mobile apps, keep them as short as possible. Contextual tips can be found in the YouTube app for Android. The app minimizes the number of instructions by focusing the user’s attention on a single main action. The suggestion appears on the screen when the user reaches the corresponding section of the application. Mobile App Onboarding: YouTube App Onboarding Providing useful information in an action context is always better than a set of instructions and explanations taken out of context. Image credit: NNGroup.


An even more interesting solution can with animation. “Hint Move” in the example below shows a preview of how the sample cards move when you perform the action marked by the gesture indicator. Mobile App Onboarding – Move Suggestion The animation prompts users to perform a gesture (swipe a card). Image credits: Material Design. You may also be interested in: How to use Shopify’s theme settings to create mobile logos. Onboarding Technique #3: Empty States Content is what provides value to most applications. That’s why people use them: for the content! So it’s critical to consider how we design empty states, those places in the experience where a user doesn’t yet have content.

Multiple Trainer Brands

This could be because the user has just signed up or the user has deleted the data themselves. An empty state is a natural point to inject some onboarding and continue to guide users. No: create a dead end page The worst thing you can do with an empty state is leave your users in a dead end. Dead ends create confusion and lead to additional and unnecessary steps. Below is a fake version of the empty state from the original Khaylo Workout app, which I created to demonstrate an ineffective empty state that provides no guidance or examples, just a dead end. Mobile App Onboarding: Ineffective Empty State An example of an empty state that is ineffective and does not provide guidance. Do: provide an obvious way forward Instead of leaving an empty state blank, you need to use it efficiently to guide, educate, and prompt.

Leave a comment

Your email address will not be published.