net.twisterrob.inventory icon indicating copy to clipboard operation
net.twisterrob.inventory copied to clipboard

App tour/tutorial/onboarding/wizard/startup

Open jlsjonas opened this issue 9 years ago • 16 comments

  • [ ] #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

jlsjonas avatar Sep 11 '16 07:09 jlsjonas

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".

TWiStErRob avatar Sep 11 '16 07:09 TWiStErRob

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)

jlsjonas avatar Sep 11 '16 17:09 jlsjonas

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.

TWiStErRob avatar Sep 11 '16 17:09 TWiStErRob

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)

jlsjonas avatar Sep 11 '16 18:09 jlsjonas

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.

TWiStErRob avatar Sep 11 '16 18:09 TWiStErRob

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 😅 )

jlsjonas avatar Sep 11 '16 18:09 jlsjonas

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

TWiStErRob avatar Sep 07 '17 23:09 TWiStErRob

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

TWiStErRob avatar Sep 08 '17 17:09 TWiStErRob

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

TWiStErRob avatar Sep 08 '17 17:09 TWiStErRob

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

TWiStErRob avatar Dec 17 '17 17:12 TWiStErRob

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

TWiStErRob avatar Dec 24 '17 12:12 TWiStErRob

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

TWiStErRob avatar Jan 01 '18 21:01 TWiStErRob

https://mail.google.com/mail/u/0/#inbox/1629dcee8b0f85ef (video) https://youtu.be/eczl7psIjZw

TWiStErRob avatar Apr 08 '18 18:04 TWiStErRob

https://mail.google.com/mail/u/0/#inbox/1631c865c4f4d0ae

TWiStErRob avatar May 03 '18 18:05 TWiStErRob

https://mail.google.com/mail/u/0/#inbox/FMfcgzGmtFHJdZfQtLrRLRhNMHKrqVbf

TWiStErRob avatar Jan 02 '22 22:01 TWiStErRob

https://mail.google.com/mail/u/0/?zx=dkv0uk91xj1a#inbox/FMfcgzGrbvCwLpBNQjRhSPJkTsJTrCxF (video)

TWiStErRob avatar Jan 07 '23 21:01 TWiStErRob