ページネーション考察
8月 21st, 2008 by t32k | Filed under design, ui.アレクサで日本語サイト上位20社くらいのページネーションがどうなってるか調べてみた。
1. Yahoo!
有料審査制のディレクトリ。ウェブサービスの形でAPIを公開。

無料ブログ(blog)、ホームページサービス、ウェブアプリケーション各種など
![]()
3. Google 日本
多言語対応サーチエンジンの日本版。ウェブ、イメージおよびニュース検索、Usenet掲示板。

4. Mixi
ソーシャルネットワークサイト。メッセージ交換、日記、コミュニティ作成、友人紹介機能。
5. 楽天市場
東京都目黒区。インターネット上の仮想商店街運営。企業・IR情報、オンラインショップ。
6. Livedoor
ライブドアが運営するポータルサイト。企業・IR情報。
![]()
7. ニコニコ動画
ニコニコ動画は、動画再生中にリアルタイムでコメントを付けられる「動画コミュニティサイト」
![]()
8. Goo(辞書)
NTTレゾナントが運営するのポータルサイト
![]()
9. アメーバブログ
アメーバブログ(アメブロ)は無料のブログサイト
![]()
10. amazon.co.jp
通販サイト
![]()
11. 2ちゃんねる
「ハッキング」から「今晩のおかず」までを手広くカバーする巨大掲示板群

12. Infoseek Japan
日本語版インフォシーク。ロボット型サーチエンジンと、特選サイトのディレクトリ。

13. @nifty
@nifty(アット・ニフティ)」インターネット・サービスプロバイダー
![]()
14. Yahoo!ジオシティーズ
yahooと同じ
15. デル株式会社
コンピュータシステムのメーカー デル株式会社の公式サイト

16. BIGLOBE
NEC。サービス案内やサポート情報、アクセスポイント情報。ウェブディレクトリやニュースも掲載。
![]()
17. さくらインターネット
大阪市中央区。ハウジングサービスやレンタルサーバーなどの事業。企業概要、サービス案内。
namazuがでた
18. はてな
人力検索・ソーシャルブックマーク・ブログ等のコミュニティ指向のWebサービスを提供。
![]()
このへんから飽きてきたので興味ある奴をチョイスw
35. 価格.com
コンピュータやパーツ、家電、保険などの価格情報、平均価格などを掲載する情報サイト。

37. GyaO
映画、音楽、スポーツなどの番組を無料で提供。
ライブドアと一緒
41. MSN Japan
総合ポータルサイト

50. NIKKEI NET
全国紙。ビジネスや市場のニュースが豊富な日経新聞のサイト。
![]()
60. ITmedia
テクノロジー関連のニュース及び速報を中心に、レビューや特集記事を掲載。

74. ぐるなび
99. じゃらん
全国のホテル・旅館などのオンライン予約。観光・グルメスポット紹介。リクルートが運営。
![]()
番外編 Flickr
paginationで検索するとどうもFlickrのページネーションがお手本みたいに紹介されてますね。
- Pagination – UI-patterns.com
- woork: Perfect pagination style using CSS
- Mis Algoritmos >> Blog Archive >> Some styles for your pagination
日本のは、なんかこうみてると、スタンダードな数字リンクはブロックリンクにして、『次へ』『前へ』で各社個性がでてるというか。。。。矢印的なものは必要なのかな。まぁ、あった方が『次へ感』があってよいのかもしれない。画像にして色変えたらかなりキャッチー。
あと、数字リンクは10個も必要なのかなぁ、基本的に自分は『次へ』リンクで2,3ページ見て、また検索(他の絞込み)するみたいな感じですが、みんなどんな風に使ってるでしょか?
(追記:デザインニングウェブナビゲーションによると、この数字リンクはダイレクトアクセス用リンクと言うらしい。)
そのほかにもECサイトなどだったらこれに新着順とかソート機能がついたり、表示件数を変えたりとほかの機能も付加されてくるし、その兼ね合いとか考えると奥が深い。。。
ここ↓がめちゃめちゃ詳しいですね
![]() |
デザイニング・インターフェース ―パターンによる実践的インタラクションデザイン ソシオメディア株式会社 オライリー・ジャパン 2007-01-23 |



