Show & Tell

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-intro and data-position for the elements you want to highlight.

Here’s a demo (best viewed on desktop).

Get Chardin.js Join the discussion
2017 Neal Shyam