jQuery Bar Rating

JavaScript

選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィジェットに変換することができるjQueryプラグインです。パッとイメージできない方も多いかもれません。例えば、何かの評価についてウェブサイトでアンケートを実施した際、評価数値を1~10の間で回答してもらうとします。ユーザーがその場で選択した評価をウィジェットに変換し、即座にウェブサイト内で表示してくれます。

jQuery Bar Ratingは、一言で言うとユーザーに楽しみを与えるプラグインでしょう。デモページをご覧ください。きっと楽しくなってくると思います。

jQuery Bar Rating

デモ

まず、jQuery Bar Ratingの使用方法を簡単に説明します。

配布サイトから、jQuery Bar Ratingをダウンロードし、必要なcssファイルとjsファイルをサイトに読み込みます。jQueryの読み込みも忘れずに行いましょう。

<select id="example">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<link rel="stylesheet" href="fontawesome-stars.css">

また、カスタマイズで選択肢の初期値を指定することができます。その他にも、選択のクリアや未選択であっても可とするかどうか(回答必須とするかどうか)など様々なことをカスタマイズできます。

最後に、jQuery Bar Ratingは、アンケートなど受け身で評価を得る際に効果的なプラグインです。強制力を持たないアンケートに関しては、いかに多くのユーザーに回答してもらえるかが重要となります。jQuery Bar Ratingを使用すれば、ユーザーがクリックしたくなるサイトを作ることができると思います。

アンケートなどの評価以外でも、簡単なプロフィール入力、受付フォームなどへも活用できそうですね。

jQuery Bar Rating

関連記事

  1. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  2. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  3. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  5. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  6. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP