web-dev-qa-db-ja.com

ページ分割されたリストのすべてのエントリを更新するための最良の方法は?

Webページにページ番号が付けられたリストがあります。また、ページあたりのエントリ数を選択する機能もあります。すべての一括更新が必要です。

これに対する最善のアプローチは何でしょうか?私の懸念は、ユーザーが現在のページまたはリスト全体を参照するかどうかを疑うことです。詳細を示す確認ウィンドウまたは詳細を示す情報メッセージで十分でしょうか?

これが今のところは次のようになります。

enter image description here

29

ユーザーが選択されている数を確認できるようにし、ページ設定を超えてデータセット全体を選択するオプションをユーザーに提供します。

Gmailにはこのパターンがあります。チェックボックスで「すべて」を選択すると、次のメッセージが表示されます。

  • 現在選択されている数
  • データセット全体の番号とのリンク、およびセット全体を選択する機能

enter image description here

enter image description here

41
Mike M

他のページコントロールがある下部にボタンを追加します。

enter image description here

また、ユーザーが頻繁に大規模な変更を行う場合は、そのための個別のツールを作成することを検討してください。

13
moot

Gmailの提案は素晴らしいですが、Laravel Nova(そして他の多くのUIも)がこれをどのように実行するかは確かです)についても指摘したいと思います。

Novaはページの上部に「標準」の複数選択チェックボックスを表示しますが、それをクリックすると2つのチェックボックスがドロップダウンします。 1つはページ上のすべてを選択し、もう1つはクエリに一致するすべてを選択します。また、選択したときに選択されるアイテムの数も表示されます。

「ページ上のすべてを選択/すべてを選択」などの言い回しの方がよい場合があります。チェックボックスをクリックしてすぐにチェックを付けないのはやや混乱しますが、選択する項目について意識的に選択する必要があります。

Laravel Nova Select All UI

Gmailのやり方は素晴らしいですが、すべてを選択しなかったという通知は、選択を行った後に表示されます。個人的には、選択しているときに何を選択しているかを知りたいと思っています。

Gmailの方法を使用したい場合の補足として、通知を適切な色(黄色など)で表示し、その黄色をすぐにフェードアウトして、新しいピースであることをユーザーに視覚的に示す手掛かりを与えることをお勧めします彼らが注意を払うべき情報が表示されています。次に、Google Chromeの開発ツールがDOMの要素が変更されたことを示す方法を示します。

Chrome's devtools flash

3
Grayda