jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confirm」

jquery.confirm

jquery.confirmは、ページ内のボタンやリンクをクリックするとダイアログでメッセージを表示する機能を備えたjQueryプラグインです。このプラグインを使用する基本的な目的は、リンク先への移行を確認する場合や、移行前にユーザーに確認して欲しい重要事項などを伝える場合などです。jquery.confirmには、jQuery1.8以降のバージョンと、Bootstrapが必要です。Bootstrapとは、Twitter社で開発されたHTML、CSS、JavaScriptフレームワークです。

ターゲットであるユーザーかどうかの判断にも便利

デモ

ウェブ制作を行う際に最も大切なことは、「ターゲットの設定」です。そのターゲットに合ったUI・UXデザインを心がけることで、ユーザー(訪問者)も快適にページを閲覧することができ、アクセスアップに繋がります。

このjquery.confirmには、ターゲットであるユーザーであるかを判断してくれる側面があると思います。重要なボタンやリンクをクリックする時にダイアログでメッセージを表示し、「YES」or「NO」をさらにボタンクリックで答えてもらうと、リンク先がユーザーにとって本当に必要なページかを判断してもらえるということです。

例えば、

「30代の医療保険のご案内です。あなたは該当しますか?」
「このアンケートはWEBページで公開される場合があります。本当に回答しますか?」

などです。

他にもオプションを活用すれば、確認ボタンやキャンセルボタンでユーザーが選択した結果によってどのページへ移行するのかを指定できます。問い合わせフォームなどでも活躍するプラグインだと思います。

jquery.confirm

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives