ページネーション考察

8月 21st, 2008 by t32k | Filed under design, ui.

アレクサで日本語サイト上位20社くらいのページネーションがどうなってるか調べてみた。

1. Yahoo!

有料審査制のディレクトリ。ウェブサービスの形でAPIを公開。
yahoo

2. FC2ブログ

無料ブログ(blog)、ホームページサービス、ウェブアプリケーション各種など
fc2

3. Google 日本

多言語対応サーチエンジンの日本版。ウェブ、イメージおよびニュース検索、Usenet掲示板。
google


4. Mixi

ソーシャルネットワークサイト。メッセージ交換、日記、コミュニティ作成、友人紹介機能。

mixi

5. 楽天市場

東京都目黒区。インターネット上の仮想商店街運営。企業・IR情報、オンラインショップ。

rakuten

6. Livedoor
ライブドアが運営するポータルサイト。企業・IR情報。
livedoor

7. ニコニコ動画
ニコニコ動画は、動画再生中にリアルタイムでコメントを付けられる「動画コミュニティサイト」
nicovideo

8. Goo(辞書)
NTTレゾナントが運営するのポータルサイト
goo

9. アメーバブログ
アメーバブログ(アメブロ)は無料のブログサイト
ameblo

10. amazon.co.jp
通販サイト
amazon

11. 2ちゃんねる
「ハッキング」から「今晩のおかず」までを手広くカバーする巨大掲示板群
2ch


12. Infoseek Japan

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


13. @nifty

@nifty(アット・ニフティ)」インターネット・サービスプロバイダー
nifty

14. Yahoo!ジオシティーズ
yahooと同じ

15. デル株式会社
コンピュータシステムのメーカー デル株式会社の公式サイト
dell

16. BIGLOBE
NEC。サービス案内やサポート情報、アクセスポイント情報。ウェブディレクトリやニュースも掲載。
biglobe

17. さくらインターネット
大阪市中央区。ハウジングサービスやレンタルサーバーなどの事業。企業概要、サービス案内。
namazuがでた

18. はてな
人力検索・ソーシャルブックマーク・ブログ等のコミュニティ指向のWebサービスを提供。
hatena

このへんから飽きてきたので興味ある奴をチョイスw

35. 価格.com
コンピュータやパーツ、家電、保険などの価格情報、平均価格などを掲載する情報サイト。
kakaku

37. GyaO
映画、音楽、スポーツなどの番組を無料で提供。
ライブドアと一緒

41. MSN Japan
総合ポータルサイト
msn

50. NIKKEI NET
全国紙。ビジネスや市場のニュースが豊富な日経新聞のサイト。
nikkei

60. ITmedia

テクノロジー関連のニュース及び速報を中心に、レビューや特集記事を掲載。
itmedia

74. ぐるなび

目的、予算、食べ物の種類で全国の飲食店の情報検索が可能。
gnavi

99. じゃらん

全国のホテル・旅館などのオンライン予約。観光・グルメスポット紹介。リクルートが運営。
jalan

番外編 Flickr

flickr

paginationで検索するとどうもFlickrのページネーションがお手本みたいに紹介されてますね。

日本のは、なんかこうみてると、スタンダードな数字リンクはブロックリンクにして、『次へ』『前へ』で各社個性がでてるというか。。。。矢印的なものは必要なのかな。まぁ、あった方が『次へ感』があってよいのかもしれない。画像にして色変えたらかなりキャッチー。

あと、数字リンクは10個も必要なのかなぁ、基本的に自分は『次へ』リンクで2,3ページ見て、また検索(他の絞込み)するみたいな感じですが、みんなどんな風に使ってるでしょか?

(追記:デザインニングウェブナビゲーションによると、この数字リンクはダイレクトアクセス用リンクと言うらしい。)

そのほかにもECサイトなどだったらこれに新着順とかソート機能がついたり、表示件数を変えたりとほかの機能も付加されてくるし、その兼ね合いとか考えると奥が深い。。。

ここ↓がめちゃめちゃ詳しいですね

デザイニング・インターフェース ―パターンによる実践的インタラクションデザイン デザイニング・インターフェース ―パターンによる実践的インタラクションデザイン
ソシオメディア株式会社

オライリー・ジャパン 2007-01-23
売り上げランキング : 43717
おすすめ平均

Amazonで詳しく見る by G-Tools


Comments are closed.