OkunaOrg / okuna-app

📱 The Okuna social network cross-platform mobile app
https://okuna.io
MIT License
330 stars 94 forks source link

Platform-onboarding #376

Open lifenautjoe opened 5 years ago

lifenautjoe commented 5 years ago

We should have an onboarding flow right after sign-up which orients people within the platform.

Right now you land on an empty feed with no clue of what to do.

How much info, not sure, perhaps key concepts of the platform?

One of the points that we do want to have is that at the last step, we would show "Here's some communities to get started with, with name, description and a join button next to it, or multiple checkboxes, all of them selected with a Join all button.

The communities to display there would be

-- /c/communityfinder -- Discover new communities or share and grow your own

There's a couple of packages we can use for this like

lifenautjoe commented 5 years ago

There's also this https://medium.com/simform-engineering/flutter-showcaseview-package-35253106ef80 , but it does make everything technically more complicated 🤔

Komposten commented 5 years ago

There's also this https://medium.com/simform-engineering/flutter-showcaseview-package-35253106ef80 , but it does make everything technically more complicated 🤔

I hate this particular type of intro thing with a passion. Mostly because there is either no way to dismiss it, or it requires you to click in a particular spot without a hint of where. Whatever we do, there should be an easy and obvious way of skipping it (the entire thing at once, I mean, not "skip this page").

uiboy commented 5 years ago

Yea these walk-throughs can be a bit annoying. I personally strongly believe in contextual information. This means, on signing in for the first time we should not be talking about circles or lists at all. Just a welcome hello, point them to where the profile/communties tab is and then the stuff about here are some highly recommended communities to join (with a join all button).

If we have a recent/hot posts section (replacement of trending posts) by the time this is implemented, perhaps we can point them there too to get them started on exploring.

When they visit the menu and click on 'My circles' for the first time, then we can tell them about what circles are with an example which makes it easy to develop a mental model of how permissions will work in a circle.

Same for when they visit "My lists" for the first time.

Like @Komposten requested, most users will tend to skip this thing if we do one big walkthrough at the beginning, I tend to fall in the same category, as a lot of people will be in a low patience mode when they try out the app for the first time. This is different from say when I download a workout app, where I have certain expectations and so more inclined to learn about the various app features first to see if it meets those.

lifenautjoe commented 5 years ago

As part of this, ensure on step 1 that the token is valid before asking the user to proceed with the registration. It's so frustrating to have to redo everything because it's somehow invalid.

lifenautjoe commented 5 years ago

Also, buttons get hidden below the keyboard

uiboy commented 5 years ago

As discussed, we'll keep this super simple for now.. just re-use the "hooray" screen we have and extend it to show the join these interesting communities. Will take care of the token and the buttons too.