Tourscript, guidez vos utilisateurs

Vous avez mis en ligne votre toute nouvelle application web… Elle regorge de fonctionnalités et options… Et vous souhaitez maintenant proposer une documentation en ligne, intégrée dans vos page internet, pour guider les internautes ? Tourscript est pour vous.

demo, tour, guide pas à pas

Tourscript est plugin jQuery qui permet de mettre en place une visite guidée. Placer un petit menu « Guide pas à pas » sur votre page. Une fois l’option choisi par l’internaute, il ne lui reste plus qu’à suivre le guide. Mettez en avant certaines parties d’écran (en se référant à vos DIV) et les options importantes, placez un commentaire expliquant les tenants et aboutissants… Vous pourrez ajouter autant de « slides » que vous voudrez.

Un bon exemple en action : Pomodoro helper beta (Cliquez en haut à droite de l’écran sur l’option : « help: projects tour »)

Coté implémentation… rien d’extraordinaire. On ajoute jQuery, jQuery UI, Tourscript et un css dans le header de l’application. La création proprement dite des différents éléments de votre démonstration se passe dans un fichier json. Et, pour finir, dans le body de votre page, il restera à placer un petit code javascript pour que tout ce beau monde interagisse.

Site Internet : Tourscript
Licence : MIT

Leave a Reply