mozilla-magnet / magnet-client

A nearby content discovery client for Android & iOS
Mozilla Public License 2.0
19 stars 10 forks source link

Create a simple FTU/Onboarding experience #314

Open wilsonpage opened 7 years ago

wilsonpage commented 7 years ago

When the app is launched for the first time we can show a few screens that explain what Magnet is and prompt the user to subscribe to some channels.

I'm thinking a fullscreen paginated view like this.

We may want to have different flows for future versions to explain new features, so it may not be just used for first-time-users. Perhaps some kind of function could be run at start-up that composes the FTU content based on the user's state:

wilsonpage commented 7 years ago

@djabberwocky thoughts?

arcturus commented 7 years ago

I was more into the typical bubbles that tell you where to click and move you around the application, something like:

https://developer.android.com/design/media/help_cling.png

arcturus commented 7 years ago

But tbh, maybe the wizard like one is way easier to implement.

wilsonpage commented 7 years ago

We might want a combination of the two in the future, but IMO the bubble approach is too complex for a general app introduction. Have a look at how Google onboards you into their apps.

wilsonpage commented 7 years ago

The paginated approach is good as it's a blank canvas to do anything and it's super simple to build.

arcturus commented 7 years ago

Sounds good, let's aim for simplicity.

djabberwocky commented 7 years ago

Some good patterns, principles and guidelines for Onboarding here: http://www.kryshiggins.com/guided-interaction/

djabberwocky commented 7 years ago

The UX advise here would go against the wizard like approach. I can sketch something out tomorrow but would be good to know if a wizard is all we can do in the time we have. If so, I'll work with that.

wilsonpage commented 7 years ago

@gmarty are you able to take a look at this shortly? Should be some fun UI code in it 😄