Embedded Help System



サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」。
これはかなり便利かもしれません。クリックすると、その場でマウスポインタが現れ、アニメーションと吹き出しでサイトの使い方を教えてくれちゃいます。
普通は、こうして次にああして、と文書での説明になりますが、これだとビジュアルに視覚的に分かるということで非常に分かりやすいものが作れますね。

デモページで左カラムの「How to...」の下にあるメニューをクリックで確認してみましょう。


更に、アニメーションだけではなく、ＵＩの上に、[ 1 ] [ 2 ] [ 3] という感じで次のようにオーバーレイ表示させて、それぞれにマウスを合わせるとヒント表示させたりすることも出来ます。



「サイトの使い方」をもっと分かりやすく利用者に知ってもらえるということで、サイト繁栄に貢献しそうです。

関連エントリ

• JavaScriptを使わずCSSのみでシンプルなツールチップ実装
• JavaScriptツールチップライブラリ24個
• スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」