ng-table UXデザインテーブルページとページごとの結果コントロール
テーブルページとページごとの結果に関する情報を入手したいと思っていました。私たちのチームは ng-table を使用して、データを表形式で表示します。個人的には、ページコントロールは非常に混乱していると思います。私はUXデザイナーの追加の意見（およびその意見の理由）をすべて探しています。テーブルコントロールのデザインの中で最も良い/最も悪いものは何かを知ることができます。
Ng-tableコードを読む前に、私はユーザーと同じようにそれを操作していました。 「ページごとの結果」コントロールが「ページごとの結果」コントロールであり、現在表示しているページの「ページ番号」ではないことを理解するのに数日かかりました（以下の表の例を参照） 。ユーザーがこれを間違える理由についてUXの推論を提供できますが、ng-tableページコントロールのデザインの良い点と悪い点について他のユーザーの意見を得たいと思っています。
質問：ng-tableページコントロールに対するUXの考えと、考えをバックアップするUXルールは何ですか。
さらに、なぜドロップダウンではなくng-tableに表示されるフォームのページごとの結果コントロールがあるのですか。このコントロール（前述のように ここ ）は、現在のコンピューティング能力とインターネット速度（ほとんどの場合、ページごとの良好な結果を選択する場合）ほど重要ではありません（元々は周りにあった/実際にありました）あなたがダイヤルアップ接続を持っているときに必要でした）そして私にはそれは可能な限り小さくて重要ではなく、邪魔にならないはずです（何かあればドロップダウンの形で）。
Ng-table UIが混乱しているというあなたの意見に完全に同意します。右下のコントロールが何を意味するのかを伝える方法はありません。
DataTables によるシンプルで正確なテーブルデザインの良い例を次に示します。
ここで、結果の数コントロールをユーザーに与えるかどうかのポイントに到達します。
2人のユーザーが同じように考えることはありません
ページあたりの適切な結果値についてのあなたの考えは、私のものとはかなり異なるかもしれません。はい、いくつかのユーザーテストを実行して、最も実行可能な数を見つけることができますが、テーブルレイアウトに適切なコントロールがあると、ユーザーは安心できます。
使いやすさ
ここでもう1つ注意する点は、DataTableはテーブル全体を一度にロードしてからページ分割することです。これは、デフォルトのテーブルサイズが1ページあたり20件の結果である場合（これは適切な数値のように思われます）、ユーザーが一度に50件の結果をすばやく確認したい場合、ユーザーは設定や設定を探す必要がありません。ドロップダウンから50を選択するだけで、ロード時間や遅延なしに結果が実質的にロードされます。
Ng-table UIは、少し調整を加えたドロップダウンオプションと比較して、ページごとの結果のデザインとしてはまだ優れていると思います。近くにテキストを追加するだけで、ユーザーはStack Exchangeのようなコントロールの目的を理解するのに役立ちます。
ユーザーがページにアクセスすると、最初にテーブルデータが表示され、ページごとの結果コントロールの数がユーザーの右側にはっきりと表示されます。同じページ。ユーザーが次のページに移動したい場合は、左側のページネーションコントロールを使用して、次のページのデータを表示できます。
ドロップダウンオプションは通常、1ページあたりの結果数を変更するために2回クリックします。この場合、情報にアクセスするにはシングルクリックが必要です。さらに、ページごとの結果は、3つの値（例を考慮）を超えず、テーブルの下に十分なスペースがあります。
@Bharath Bhonyによって提案されているように、カウント値の後にページごとの結果を追加できます。これにより、ページ分割とページごとの結果の混乱が解消されるか、ページコントロールの位置を変更できます（下の画像を参照してください）。これに加えて、ユーザーとのユーザビリティテストを試し、どのオプションを選んだのか、そしてその理由を尋ねることができます。これで問題が解決し、疑問がある場合はお知らせください。
参照用： https://datatables.net/examples/basic_init/alt_pagination.html