0

I'm wondering if there is any AP/library that will allow creation of a on-page tutorial for a web application.

The idea is to guide a new user of the web application through first steps in using it.

I know this is very much used in games but not so much in web application.

Any suggestion, link or idea is welcomed.

closed as off-topic by maxathousand, Ken Mohnkern, Michael Lai Sep 19 at 23:56

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – maxathousand, Ken Mohnkern, Michael Lai
If this question can be reworded to fit the rules in the help center, please edit the question.

2

You may want to search for User On-boarding Walk Through tools. In the company I work, we use Conpass. This blog post has some tips: "5 of the Best User Onboarding Tools for Walk Throughs"

1

Drupal 8 has a core module built in to help with this call Tour which is built on the jQuery Joyride plugin.

If the website is built with bootstrap you might try the bootstraptour plugin git show your users all the features or guide them through some steps.

If your sites is not using a framework which offers a tour api you can build one with Joyride easily enough.

You might also consider a not-so-obvious approach to teaching users your features. StackExchange, and many sites, use a badge system to reward users for doing more things on the site. This coupled with the "Next Reward" system helps to teach users how to use the site and gives them more insight into all the tools the site offers without expecting the user to read endless doc pages and watch boring videos.

Not the answer you're looking for? Browse other questions tagged or ask your own question.