it-swarm.com.de

Bester Ansatz, um alle Einträge in einer paginierten Liste zu aktualisieren?

Ich habe eine Liste, die auf einer Webseite paginiert ist. Es hat auch eine Funktion, um die Anzahl der Einträge pro Seite auszuwählen. Ein Massenupdate für alle ist erforderlich.

Was wäre der beste Ansatz dafür? Ich mache mir Sorgen, dass ein Benutzer bezweifeln würde, wenn wir auf die aktuelle Seite oder auf die gesamte Liste verweisen. Würde ein Bestätigungsfenster mit Details oder eine Info-Nachricht zum Detail ausreichen?

So sieht es jetzt aus:

(enter image description here

29

Ermöglichen Sie dem Benutzer zu sehen, wie viele ausgewählt sind, und geben Sie ihm die Option, den gesamten Datensatz über die Paginierung hinaus auszuwählen.

Google Mail hat dieses Muster. Sobald Sie über das Kontrollkästchen "Alle" ausgewählt haben, wird die folgende Meldung angezeigt:

  • Wie viele sind aktuell ausgewählt
  • Eine Verknüpfung mit der Nummer des gesamten Datensatzes und der Möglichkeit, den gesamten Datensatz auszuwählen

(enter image description here

(enter image description here

41
Mike M

Fügen Sie unten eine Schaltfläche hinzu, auf der sich die anderen Seitensteuerelemente befinden.

(enter image description here

Wenn Benutzer häufig Massenänderungen vornehmen, sollten Sie ein separates Tool dafür erstellen.

13
moot

Der Google Mail-Vorschlag ist großartig, aber ich möchte auch darauf hinweisen, wie Laravel Nova (und ich bin sicher, dass viele andere Benutzeroberflächen) dies tun.

Nova zeigt das Kontrollkästchen "Standard" für Mehrfachauswahl oben auf der Seite an. Wenn Sie jedoch darauf klicken, werden zwei Kontrollkästchen geöffnet. Einer wählt alle auf der Seite aus, der andere wählt alle aus, die Ihrer Abfrage entsprechen. Außerdem wird angezeigt, wie viele Elemente dabei ausgewählt werden.

Der Wortlaut könnte besser sein (z. B. "Alle auf Seite auswählen/Alle auswählen") und es ist etwas verwirrend, auf ein Kontrollkästchen zu klicken und nicht sofort etwas aktivieren zu lassen, aber es zwingt Sie, eine bewusste Entscheidung darüber zu treffen, was Sie auswählen möchten.

(Laravel Nova Select All UI

Die Vorgehensweise von Google Mail ist großartig, aber die Benachrichtigung, dass Sie nicht alles ausgewählt haben, erfolgt, nachdem Sie eine Auswahl getroffen haben, und ich persönlich möchte lieber wissen, was ich auswähle, während ich es auswähle.

Als Randnotiz, wenn Sie mit Google Mail vorgehen möchten, würde ich vorschlagen, die Benachrichtigung in einer geeigneten Farbe (z. B. Gelb) anzuzeigen und dann das Gelb schnell auszublenden, um dem Benutzer einen visuellen Hinweis darauf zu geben, dass es sich um ein neues Stück handelt von Informationen, auf die sie achten sollten, ist aufgetaucht. So zeigen die Entwicklungstools von Google Chrome, dass sich ein Element im DOM geändert hat:

(Chrome's devtools flash

3
Grayda