Slider Pagination Concept - with jQuery UI Slider

これは超使いやすいページネーションの次世代UI。
普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基本ですが、そもそもこのUI疑ってかかってもいい時期なのかも。
要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。

今回紹介するページネーションのデモ
ページ番号の部分はボタン風になっているので押してみましょう。



するとスライダーになってドラッグ＆ドロップでページ指定が簡単に出来ます。



30までドラッグ＆ドロップして話すと30ページ目が開く、というようなイメージ
次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。



従来のページネーションは作る場合、作り手が簡単につくれるように作られていて、最適なUIというわけではないのかもしれませんね。

関連エントリ

• 数値の範囲を入力する際に便利なUI作成jQueryプラグイン「jQRangeSlider」
• フルスクリーンでページめくりをするUI実装デモ
• iOSのアイコンフォルダ風のUIを作れるjQueryプラグイン「App Folders」
• 折りたたみ可能なタイムラインのUIを実装できるjQueryプラグイン「Timeliner.js」
• jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」