App tour/tutorial/onboarding/wizard/startup

TWiStErRob / net.twisterrob.inventory

Magic Home Inventory https://play.google.com/store/apps/details?id=net.twisterrob.inventory

https://www.twisterrob.net/project/inventory/

20 stars 1 forks source link

App tour/tutorial/onboarding/wizard/startup #49

Open jlsjonas opened 8 years ago

jlsjonas commented 8 years ago

[ ] #213
[ ] Provide an overview of all the features on first start Google-style
(and through a menu for later reference)
[ ] Guided tour for individual screens click-here-click-there style

see also #9

TWiStErRob commented 8 years ago

Ah yeah, that's something I really wanted before the first release, and probably wouldn't take long at least to gave a basic tour for some hidden gems. Due to time limit I went with a welcome screen with the ability to import a really simple demo inventory (I thought at least satisfy the learn-by-example people). And a hint (toast) to read the help. I think the help details everything, but it's hard to RTFM, because people (at least me) are used to having no useful info in helps; most of them say stuff like: "to delete an image click the image and then click delete".

jlsjonas commented 8 years ago

Exactly!

I think there are enough tools out on the web that wouldn't make it as time consuming, though would probably use more space (so web-to-cache-only, considering the low-spaced phones) or as most apps do it these days... "swipe across a couple views, essentially images" (but since this is usually a one-time use feature, don't store images locally permanently xD)

TWiStErRob commented 8 years ago

Again, INTERNET permission just for this is overkill. Also why bother with images, just inflate the fragment and populate with mock data ;) The category icons are visual enough already, there's no need for stock photos of fancy smiling people... This also helps keeping the tutorial and the app in sync.

jlsjonas commented 8 years ago

just for this yes, but I didn't read about internet permissions at that time ;) inflating would indeed be the better thing, images were to suggest a quicker solution (not stock images, just "overlay" images explaining what everything does, or what options you have in a more visual way)

TWiStErRob commented 8 years ago

Those overlays can be views as well: https://github.com/amlcurran/ShowcaseView (from http://stackoverflow.com/a/13169404/253468). Also since all the icons are SVG, that's a good alternative to images, because the app already has classes to load those.

jlsjonas commented 8 years ago

that looks like a great option too, I haven't had to make tutorials for my Android apps yet so didn't realize someone made something for it already (though... I kinda should've figured that one out 😅 )

TWiStErRob commented 7 years ago

https://mail.google.com/mail/u/0/#inbox/15e3ffb2ecb8b722

TWiStErRob commented 7 years ago

https://mail.google.com/mail/u/0/#inbox/15e6264971db986e

TWiStErRob commented 7 years ago

https://mail.google.com/mail/u/0/#inbox/15e62671313ac04f

TWiStErRob commented 6 years ago

https://mail.google.com/mail/u/0/#inbox/1606049e73c2e0b4

TWiStErRob commented 6 years ago

https://mail.google.com/mail/u/0/#inbox/1608612f790b64ba

TWiStErRob commented 6 years ago

https://mail.google.com/mail/u/0/#inbox/160b39598672cbfc