Recently, I overheard a designer say “If your app needs a tutorial, your UI/UX is broken.” I don’t agree with that at all. A brief, feature-focused tutorial is a valuable tool for on-boarding and retaining users.
The key is simplicity, and that’s why I like Chardin.js. This jQuery plugin from Pablo Fernandez enables you to add instructional overlays to your app using data-attributes. All you have to do is define
data-position for the elements you want to highlight.
Here’s a demo (best viewed on desktop).