When thinking about the user experience of a new screen or feature, have you ever wanted to implement a step-by-step guide that highlights certain areas of the screen and walks the guides the user through what they need to do?
Well, intro.js from Afshin Mehrabani solves that problem – elegantly too.
Usage is as easy as adding
data-step to your HTML elements – for example:
<h1 data-intro='This is step one.' data-step='1'>The Changelog</h1>