Oberflächen-Design in 2023 - Gestaltungsmöglichkeiten

[rokli]

Moin,
die Programm-Oberflächen, die GUI, haben sich in den letzten Jahren massiv gewandelt. Sowohl im Betriebssystem Windows, als auch in den Anwendungsprogrammen wie Office oder modernen ERP-Anwendungen oder kaufmännischen Applikationen ist ja nichts mehr, wie vor 15 Jahren.

Wenn ich meine Programme so sehe, bin ich immer noch mit einer TStatusBar, einer Struktur aus TPanel und, im Datenbereich, mit TDbGrids unterwegs.

Ich frage mich, wie macht Ihr das?
Fordern Eure Kunden diese Optiken?
Oder folgt Ihr den Trends und gestaltet Eure GUI's entsprechend aus eigenem Antrieb um?
Kommt Ihr mit den vorhandenen Komponenten aus, oder kauft Ihr da was zu? (TMS, DevExpress etc.)

Mir geht es in erste Linie um Windows Programme; Programme für Android oder iOS sind mit ganz anderen Voraussetzungen dabei.
Und es geht nicht um Anwendungen in der Cloud oder im Web; mir geht es um die klassische Windows Entwicklung.

Danke für Eure Meinungen!
Beste Grüße Rolf

[Papaschlumpf73]

Wir machen unsere Windows-Anwendungen fast vollständig mit der VCL, sodass diese wie echte Windows-Anwendungen aussehen - denn das sind sie ja auch. An Fremdkomponenten stellen wir genau diese Anforderungen. Auf das DBGrid verzichten wir, weil die Header nicht sauber sind (gerade beim Verschieben von Spalten) sieht das grausam aus und die Scrollbalken haben (gerade bei wenigen Datensätzen) die falsche Größe (falsche Höhe, nicht Breite) und Position.

Viele unserer Kunden (nicht alle) schätzen das sehr. Es sieht so aus wie Windows (Skalierung, Farben usw.) und es lässt sich auch genauso bedienen. Und wenn unsere Kunden neue Windows-Systeme bekommen, sehen auch unsere Anwendungen gleich viel moderner aus.

Im Gegensatz zu vielen ERP-System, die z.B. in JAVA programmiert sind und ihre eigenen Controls haben: Da stimmt gar nichts mehr: Die Farben, die Schriftart, die Schriftgröße und oft auch die Bedienbarkeit: Beispiel: Eine Windows-Combobox kann ich unter Windows nicht nur mit der Maus, sondern oder mit ALT+"Pfeil nach unten" aufklappen. Bei den JAVA-Comboboxen geht das i.d.R. nicht. Und Kunden, die mehr mit der Tastatur als mit der Maus arbeiten, sind dann schon leicht genervt.

Andererseits kommt es natürlich darauf an, für welche Zielgruppe man entwickelt. Wenn es um Spiele oder Multimedia-Kram geht, ist die VCL wahrscheinlich nur mit Styles empfehlenswert; oder dann gleich mit FMX.

[rokli]

Hallo Papaschlumpf,

vielen Dank für Deine ausführliche Antwort!
Dem von Dir gesagten stimme ich zu. Gerade die von Dir genannten Problemen beim DBGrid habe ich auch immer wieder. Welches Grid verwendet Ihr als Alternative?

Nochmal Danke und einen schönen (Rest-) Sonntag!

[himitsu]

Wie das QuantumGrid von DevExpress.

Ich hab vor Kurzem auch mal für eine kleine App absichtlich das VCL-SchrottDing von Embarcadero versucht. (ohne externe Abhängigkeiten)
Aber erstaunlich wie einfach man beim TDBGrid eine Sortierung hinbekommt. (mit Index im DataSet, über OnTitleClick im Grid)

[DieDolly]

Ich nutze auch noch eine StatusBar, Menu natürlich, Panels, PageControls und sogar ein NoteBook an einer Stelle. Einzig relativ moderne Icons nutze ich.
Von diesen ganzen Metro-Stilen und diesem "so müssen 'Apps' in 2023 aussehen"-Mist lasse ich mich nicht beeindrucken oder beeinflussen.
Ich baue auch keine Funktionalität ein die es erlaubt, Komponenten/Panels frei zu positionieren.

Ein Windows-Programm sollte noch immer aussehen wie ein Windows-Programm und nicht wie irgendeine Android-App oder sonst was.
Kacheln und Ribbon sind ein No-Go.

[himitsu]

TNoteBook ist aber auch wieder ... nja, das ist eine extrem uralte Demo-Komponente, mit ein paar Bugs.

Zitat:

Kacheln

Windows 8

[dummzeuch]

Zitat von himitsu:

TNoteBook ist aber auch wieder ... nja, das ist eine extrem uralte Demo-Komponente, mit ein paar Bugs.

Zitat:

Kacheln

Windows 8

Nee, eigentlich schon Windows 1.
Frei verschiebbare Fenster kamen erst mit Windows 2.

[Der schöne Günther]

Unsere Interfaces sind fast ausschließlich nur auf Touch-Bildschirmen (teilweise haben die Leute sogar noch Handschuhe an), also vielleicht nicht unbedingt der Standard-Fall hier.

Zitat von rokli:

Fordern Eure Kunden diese Optiken?

Kein bisschen

Zitat von rokli:

Oder folgt Ihr den Trends und gestaltet Eure GUI's entsprechend aus eigenem Antrieb um?

Ja, aber es geht nicht darum "hipp" zu sein, sondern Elemente wiederzuverwenden, die jeder (ungelernte) Bediener aus seinem Alltag kennt. Seien es Dinge wie das ausklabbpare Hamburger ☰-Menü, Popups welche den Hintergrund abdunkeln, oder Auto-Vervollständigung/Vorschläge von Eingaben, wie bei einer Suchmaschinen-Suche.

Zitat von rokli:

Kommt Ihr mit den vorhandenen Komponenten aus, oder kauft Ihr da was zu?

Unsere Oberflächen sind aktuell größtenteils VCL, einzige externe Komponente ist der Steema TeeChart. Bei uns wandert immer mehr Visualisierung auf HTML/CSS-Basis rein, ich kann mir sehr gut vorstellen, dass wir in ein paar Jahren gar kein VCL mehr haben, und alles auf Web-Oberflächen umgesetzt haben.

[philipp.hofmann]

Ich nutze mit FMX neben TCornerButton, TTMSFMXButton sehr viel TRectangle mit einem TImage drinnen und dieses hat dann ein png-Datei, wo ich mich grafisch austoben kann. Die png-Datei wird dann bei MouseOverEnter/Leave, ... ausgetauscht um die relevanten Stati anzuzeigen. Etwas mehr Programmieraufwand, aber schon sehr flexibel.

Wenn man es sich ansehen möchte, einfach mal ein Tutorial anschauen: https://youtu.be/7sF4rpEOLo4?si=FXoW6BG6UUqVIgM-

[AuronTLG]

Die größten Bemühungen unternehme ich zur Zeit in Sachen Bedienung:
Früher war alles mit Menüs, Buttons und Popup-Menüs zugepflastert, inzwischen versuche ich aber alles so zu bauen bzw umzubauen, dass man diese nicht braucht, sondern stattdessen so viel wie möglich per direkter, intuitiver Bedienung machen kann, z.B. per Drag & Drop etc.

Abgesehen davon habe ich vor Jahren bereits errungen, dass jedes, und zwar absolut jedes Programm und App ein Dark Theme hat. Das war tatsächlich eine der simpelsten aber effektivsten stilistischen Überarbeitungen, die ich gemacht habe. Selbst die Erzkonservativen in Sachen Optik wollen inzwischen nicht mehr ohne.

Was ich ebenfalls alsbald umsetzen will, ist eine Überarbeitung meiner Masken mit PageControls, insbesondere Optionen/Einstellungs-Masken. Anstatt klassischen Kopf-Reiter mit Tabs darunter soll es dann Seitenreiter mit Bildern + Scrollbox daneben geben. Wenn das die PageControl oder etwaige andere Komponenten nicht mitmachen, baue ich mir meine eigene dafür.