Alternativen zu Grids in CRUD-Anwendungen?

Question

Sie wurden also damit beauftragt, eine grundlegende CRUD-Anwendung zu erstellen.Und es gibt diese eine Seite, die dazu dient, alle Inventargegenstände aufzulisten ...Wenn Ihr Benutzer eines davon bearbeiten möchte, befindet sich neben jedem Element die Schaltfläche „Bearbeiten“.

Du kennst die Übung.

Ich wurde kürzlich damit beauftragt, eine dieser CRUD-Seiten zu ändern, und sie sah ziemlich hässlich aus.Also entschied ich, dass es etwas Polieren gebrauchen könnte.

Aber wenn ich darüber nachdenke...Ich frage mich, welche guten Alternativen zur Verwendung von Rastern es gibt, wenn man eine CRUD-Seite erstellt, die viele Daten anzeigt?

Abgesehen von Ajax-/Geschwindigkeits-/Sicherheits-/Implementierungsbedenken ...

Welche guten Alternativen zur Verwendung eines Rasters in großen CRUD-Seiten gibt es?

Ich bin bereit, einen Teil der Benutzerfreundlichkeit gegen die Ästhetik einzutauschen, wenn das wichtig wäre.

Answer 1

Für die Anzeige relativ weniger Felder für viele Datensätze spricht eine tabellarische Darstellung wie ein Raster nichts aus, insbesondere wenn es sich bei der Aufgabe um die Suche oder den Vergleich von Datensätzen handelt.Dort Ist Mit den Schaltflächen „Bearbeiten“ stimmt etwas nicht, sodass ein separates Fenster oder eine Seite zum Bearbeiten geöffnet wird.Das bedeutet, dass der Benutzer zwei Fenster und die Navigation zwischen ihnen erlernen muss, was länger dauert.

Eine große Verbesserung der Benutzerfreundlichkeit ist die Bearbeitung vor Ort:Statt eines schreibgeschützten Rasters verfügen Sie über eine Reihe geeigneter Steuerelemente für die Felder (Textfelder, Kontrollkästchen, Kammfelder usw.) in Ihrem Raster (oder anstelle Ihres Rasters).Eine einzige Schaltfläche „Speichern“ auf der Seite speichert alle Änderungen an allen Datensätzen (oder Sie veröffentlichen Änderungen automatisch für entsprechende Ereignisse).

Das formularartige Layout (möglicherweise mit Registerkarten) ist die Alternative zu einem tabellarischen Layout, wenn Sie viele Felder für wenige Datensätze anzeigen müssen.Sie können Paging-Steuerelemente bereitstellen (z. B. etwas, das wie ein Recordset-Steuerelement aussieht), um dem Benutzer das Blättern zwischen Datensätzen zu ermöglichen.

Wenn Sie viele Datensätze haben Und Bei vielen Feldern können Sie das tabellarische mit dem formularähnlichen Layout kombinieren, indem Sie eine Master-Detail-Kombination verwenden.Eine Tabelle oben auf der Seite zeigt die Schlüsselfelder für die Datensätze an, während ein Formular unten auf der Seite „Überlauf“-Felder für jeden Datensatz in der Tabelle anzeigt, der gerade den Fokus hat.

Eine weitere Alternative ist die grafische Darstellung der Datensätze.Wählen Sie zwei Felder aus und stellen Sie deren Werte für jeden Datensatz durch X- und Y-Koordinaten dar, die zum Auffinden eines Symbols auf der Seite verwendet werden.Dies ist sinnvoll, wenn die Aufgabe die Suche nach Mustern oder miteinander verbundenen Datensätzen umfasst.Zusätzliche Felder für den Datensatz (Symbol) mit Fokus können in einem formularähnlichen Layout in einem Detailbereich der Seite angezeigt werden.

Sie können bestimmte Felder auch grafisch in einem tabellarischen oder formularähnlichen Layout darstellen (z. B. mit Symbolen, Mini-Balkendiagrammen, Schattierungen oder Farbcodierungen usw.).Dies kann Benutzer bei der Suche nach Datensätzen mit bestimmten Werten unterstützen.Es kann auch den allgemeinen Kern vieler Daten auf kleinem Raum anzeigen (z. B. als Sparklines).

Wählen Sie das Layout aus, das die Benutzerleistung für Ihre Benutzer, Aufgaben und Arbeitsumgebung maximiert.

Answer 2

Eine Liste (anstelle eines Gitters), die mehr Felder zur Bearbeitung öffnet sich bei Anklicken oder öffnet ein neues Fenster oder Form. Auf diese Weise wird der Bildschirm nicht mit Daten von Anfang an überlastet, und es ist sehr brauchbar, solange die wichtigsten Daten verwendbar ist.

Ein Beispiel wäre die Google Mail-Chat-Kontaktliste (Screenshot hier ).

Bei einigen Anwendungen eine sehr schöne Usability Touch, die die Information hilft bei der Reduzierung benötigt anzuzeigen ist eine gute Suche / Filterkasten:., Wie Sie in das Feld eingeben, wird die Liste auf passende Einträge gefiltert