For my Android app, I currently provide users with an introductory tutorial on a separate Web page. It includes screenshots and is easy to read, but it's still a separate document that is best read on a full-fledged computer. I'd like to integrate these instructions into an in-app tour/tutorial that steps new users through the functionality. I'm thinking a series of pop-up alerts or bubbles with arrows to point out different parts of the interface.
A general question: Are there any Android and/or iPhone apps that you can recommend as nice examples to look at?
A specific question: What sort of UI components would be best to use in Android? Toast's and AlertDialog's are kind of ugly. Perhaps I should somehow skin a Dialog?
What is an app walkthrough? An app walkthrough is a user onboarding pattern that gets users to proactively take part in the onboarding process rather than sitting through it. Similar to website walkthroughs, app walkthroughs aim to educate users by direct interaction with the tool/app.
onDestroy() may or may not be called on any given activity or service. The general rule is that either onDestroy() is called, or your process is terminated, or your code crashed.
What Is a Product Tour? Product tours are in-app tutorials that guide new users through an app, website, or SaaS tool's user interface (UI) and key features. Also known as product walkthroughs, they help companies simplify their user onboarding process.
On iOS, Tapbots puts together some really nice demos - depending on the app, they've done animated walkthroughs and more guide-based stuff.
There are a few sites that I heard about yesterday that include examples of walkthroughs on iOS. Mobile UI Patterns and pttrns.
I was searching for a similar examples and took me a while to find this resource:
top 6 help design patterns for iphone apps
BTW, I have no affiliation with the above site :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With