Bootstrapを使ってガイドツアーを表示する「Bootstro.js」

Bootstro js

複雑なサイトの使い方をユーザーに分かりやすく伝えることができるJavaScriptライブラリが「Bootstro.js」です。Bootstrapを使って開発されているので見た目も良いです。


「Click me! I'm a Demo」をクリックするとデモが開始します。

Demo1

「Next」ボタンを押すと次のガイドへ。矢印キーでキーボード操作もできます。

Demo2

フォーカスする場所をどんどん変えながら説明していけますね!

まとめ

近年の複雑さをますWebサイトでは、いかにユーザーにわかりやすいガイドを表示するかが、サイト管理者にとって悩みの種になています。

Bootstro.jpは特に一番最初にサイトを訪問したユーザーに対して分かりやすいガイドを表示するための目的として開発されており、今後に期待できるかもしれません。

スポンサーリンク