Notimo Demos site

利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。
次のリンクをクリックしてみてください。

→ 通知を表示してみる

ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。
スクロールしても、いやみではない感じにちゃんとついてきてくれます。

使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。
showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。

<script type="text/javascript">
var notimooManager = new Notimoo();

// 通知を表示
notimooManager.show({
    title: 'タイトル',
    message: 'メッセージ'
});

// 同じように、２回目を呼び出しても、１回目の下に表示されます
notimooManager.show({
    title: 'タイトル2',
    message: 'メッセージ2'
});
</script>

notimooManager.show の引数には、どの位置に表示するか？（右上、左上等）、通知ボックスの幅、表示時間の指定などが出来るようです。
自動で消えるのではなく、クリックによって消えるようにすることも出来るようです。

Notimooを使えば、ユーザに対してなんらかの通知を行いたい際に、最適なＵＩを提供できそうです。