ウェブサイトのインタラクションデザイン: ページングに関する簡単な説明とさまざまなページングフォームのケース分析

機能: 前のページまたは次のページにジャンプします。

要素: 分類の基本要素は、前のページ + ページ番号 + 次のページ (マーク 1 など)、合計ページ番号 (マーク 2 など)、ジャンプ ページ (マーク 3 など)、「確認」ボタン (マーク 4 など) です。

シーン: 上記の基本要素に応じて、シーンごとに異なる組み合わせが存在します。

（シーン１）19階フォーラム：

フォーラムのページ数が多い場合は、数千に達することもあります。ページ分けされたコンテンツのほとんどは、継続的に更新されるトップ投稿またはオリジナル投稿であるため、ほとんどのユーザーはホームページでオリジナル投稿を確認し、次にいくつかのメッセージページを選択的に確認します。これらすべてを手動でめくる可能性はほぼゼロです。そのため、フォーラム形式のページングには次の機能があります。

1. ほとんどのユーザーは、元の投稿を読んだ後、直接ページをめくるか、投稿リストに戻ることを選択します。そのため、下部に加えて、上部にもページめくりを追加し、「リストに戻る」というクイック操作を設定しました。

2. したがって、「1 ページ目」はホームページであり、常に「1 ページ目」が存在し、中央の「...」は表示されないページ番号を示すために使用されます。

3. ページ番号は「ホームページ 1 + 連続する 5 つのページ番号 + 最終ページ」のみを提供します。開発者は、平均的なユーザーが連続して表示できるコンテンツは最大 5 ページであることを考慮する必要があります。または、表示する最後のページに直接ジャンプすることもできます。そのため、最後のページ番号と、最後のページに直接ジャンプするためのショートカット ボタンが表示されます。

（シーン2）Weibo：

ユーザーが閲覧する情報は興味のある情報であり、新聞を読むようにページごとに閲覧するため、「前のページ」と「次のページ」が最も頻繁に使用されます。2番目はページジャンプです。軽量マイクロブログの概念を反映するために、従来のページめくりの中央のページ番号部分はドロップダウンメニューに簡素化され、現在のページ位置をマークするとともに、別のページに切り替えることができます。

新浪微博：1ページあたり45のマイクロブログ、さらにページをめくると、前のページ、次のページ、ページ番号が表示され、デフォルトで10ページがプッシュされます

（シーン3）百度検索ページ：

1. 検索結果は初回は 10 ページのみ表示されます。通常、この 10 ページ内でも目的の情報が見つからない場合は、ユーザーは検索内容を変更する必要があります。足跡と下のページ番号をクリックするとページをめくる事ができるので、ページがさらに面白くなります。

2. ユーザーは一般的に検索ページではホームページに戻らないため、前のページと次のページへのショートカットボタンのみが用意されています。

3. 任意のページ番号をクリックして閲覧を続行すると、後続のページ番号として現在のページ + 9 が表示されます。これは、ユーザーが検索範囲を拡大するのに便利です。

4. ページ幅に合わせて最大20ページまでページ番号を付与

（シーン4）情報のスクロール：

1. テンセント微博：1ページあたり45のマイクロブログ、デフォルトで1つ以上のボタンが表示され、それをクリックするとさらに45個が下に表示されるなど。テンセントはユーザーが選択できるページめくりモードも導入した。

より人道的に

2. 花びらの「無限スクロール」では、ユーザーがページの一番下まで閲覧すると、ページが自動的に更新され、新しい情報が表示されます。連続して多くのページをめくった後、表示するコンテンツがなくなると、関連情報ボタン「詳細情報を表示」が自動的に表示され、ユーザーが他の関連情報を閲覧するように誘導します。ページが長すぎる場合は、「先頭に戻る」ボタンが提供されます。

拡張: 以下は他のさまざまなページング形式です

上記は、ページングに関するインタラクション チームからの簡単な共有です。

原文: http://www.lpued.com/?p=1447

元のタイトル: ウェブサイトのインタラクション デザイン: ページングに関する簡単な説明とさまざまなページング フォームのケース分析

キーワード: ウェブサイト、インタラクション、浅いページ、ケース分析、ページの形状、機能、ジャンプ、1、ページ、ウェブマスター、ウェブサイトのプロモーション、収益化