UX
Die Ladegeschwindigkeit nahezu aller Ansichten wurde um den Faktor 4-7 optimiert. Das ist durch die Verwendung von modernen Template-Rendering-Technologien möglich. Die Templates werden im gesamten Backend nun Clientseitig gerendert. Es werden nun noch Roh-Daten an den Client gesendet. Das entlastet den Server stark und beschleunigt die Anfrage.
- Es wurde ein Hauptmenü ergänzt
- Toolbar- und Kontextmenüs sind nun weitgehend synchron
- Mehrere Datensätze können parallel bearbeitet/eingesehen werden
- Routing-Probleme wurden aufgelöst (History-Scoping entfällt)
Komponenten-Konzept
- Tabs, Modals, Toasts, Toolbars, Kontexte uvm. wurden neu strukturiert und konsequent eingehalten
- Modals können bspw. nicht mehr in Modals vorkommen
- Es gibt Keine Limitierung der Tabellenbreiten mehr
Komponenten
Tabs
- Mehrere Arbeiten/Zugriffe zur gleichen Zeit möglich
- Komplexes Modal-Handling wird überflüssig (bspw. Blätterfunktionen im Modal)
Quickaccess
- Die Sidebar lässt sich nun nach Bedarf ein- uns ausblenden
Modals
- Modals folgen Konventionen die dabei helfen das Navigationskonzept klarer und nachvollziehbar zu halten.
- Löschen & Kopieren dienen als optimale Vorlagen
- Formulare sind aus Modals verbannt, um intransparenten Navigationspfaden vorzubeugen
- Blätterfunktionen werden in Modals an den notwendigen Stellen vorgesehen, sind ansonsten aber nicht mehr nötig
Inputs
Eingabefelder kommt ein besonderer Anspruch an Erweiterbarkeit zu. Hier wurden etliche Verbesserungen herbeigeführt, die dazu beitragen, dass Eingabefelder an allen Stellen einsetzbar sind (bspw. Ex- und Import, Suche, Formulare, Listen, Frontends, usw.)
Toasts
- Informieren den Anwender über den Status von Aktionen welche durch den Anwender ausgelöst wurden
- Der Anwender wird über das erfolgreiche Speichern seines Datensatzes ebenso wie über einen Fehler beim Speichern informiert
URI's
- Alle Tabs, Modals und Toasts sind über eine URI eindeutig identifizierbar
Response Stacks
- Sie ermöglichen die Interaktion mit der UI. Es ist möglich folgende Aktionen auszulösen:
- Toasts angezeigt
- Modals öffnen
- Ansicht neu laden
- Ansicht öffnen
- Download ausführen
- ...
Loader
- ... tauchen nun an den Stellen auf, wo ein Ladevorgang tatsächlich stattfindet
Structure Definitions
...