前の記事 ≪:2012年12月21日 管理人のブックマーク
次の記事 ≫:スマホ・タブレットの判別ができるPHPクラスライブラリ「PHP Mobile Detect...

これは超使いやすいページネーションの次世代UI

2012年12月24日-はてなブックマーク

スポンサード リンク
Slider Pagination Concept - with jQuery UI Slider

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

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



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



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



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

関連エントリ
スポンサード リンク

By.KJ : 2012年12月24日 09:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)