Hallo Stefan
natürlich sollte die Visu kein optischer Unfall werden, aber wenn es grafisch "einfach" gehalten wird und nicht "übertrieben" sollte es schon passen. Vielleicht einmal hell und einmal dunkel aber mehr nicht. Optisch gefallen mir die meisten Grafana Dashboards sehr gut, die man so im Netz findet.
Wichtig finde ich, dass es keine "Platzverschwendung" wird und eine durchdachte Navigation gibt.
Platzverschwendung:
Beispiel X1. Auf einen iPhone screen passen nur 6 Kacheln, die deutlich zu wenig Information auf viel zu großer Fläche darstellen. So ist schon mit nur 6 Schlatern der Bildschirm voll und außer dem Status der Schalter kann keine weitere Information dargestellt werden. (Bei Aktor mit Strommessung kann zB kein aktueller Messwert in der selben Kachel angezeigt werden.)
Natürlich müssen hit zones für dicke Finger treffsicher erreichbar bleiben, aber statt großer Bilder/Symbole ist mir die kompakte Darstellung von vielen Informationen wichtiger. Dafür eignen sich mMn Kacheln weniger gut als einfache Zeilen.
Navigation:
Teill 1: Schnelle und einfache Bedienbarkeit geht vor grafischer Finesse.
Negativ Beispiel: X1, weil grafische Effekte nach dem antippen einer Kachel den Übergang zur nächsten Ansicht unnötig ausbremsen. Außerdem: Wenn eine Navigationsebene mehr als 6 Kacheln enthält kann man nicht flüssig rauf/runter scrollen, sondern muss seitlich zu den nächsten 6 Kacheln wischen. Das wird bei mehr als 12 Kacheln schnell nervig, weil man eine Fingerbewegung pro 6 Kacheln machen muss. Das heutzutage übliche "Scrollen mit Schwungradeffekt" wäre deutlich angenehmer und schneller.
Teil 2: Hirarchischer/logischer Aufbau der Visu und wie darin navigiert werden kann.
Einen logischen Aufbau der Navigation in Form von Bäumen finde ich gut. Sowohl X1, als auch Loxone (und sicher auch andere) folgen dieser Idee. Beide haben sogar 2 Bäume: "Räume" und "Gewerke". Wobei der "Gewerke"-Baum beim X1 sehr flach ist (Gewerke-Ordner>Namen-der-Gewerke>Elemente) und der andere im GPA erstellt wird und die Ebenen somit selbst bestimmt werden können. Um beim X1 zwischen den zwei Bäumen zu wechseln muss man leider immer wieder bis zur Wurzel zurücknavigieren und dann den anderen Baum wieder hoch.
Loxone macht es vor, wie eine InstantVisu mit guter Navigation aufgebaut sein kann. Die die zwei Bäume sind hier (iirc) automatisch generiert und haben immer folgenden Aufbau:
A) Einer orientiert sich nach Orten (Raum-Ordner>Raum>Funktion), wobei in dieser Ansicht dann alle Funktionen dieses Raums in einer Liste dargestellt werden, die mit "Zwischenüberschriften" je Gewerk unterteilt ist.
B) Der andere Baum orientiert sich nach Gewerken. Loxone nennt es Kategorien (Kategorie-Ordner>Kategorie>Funktion). Genau wie in der Darstellung pro Raum ist auch diese Darstellung der Kategorie eine Liste, die mit Zwischenüberschriften unterteilt ist. In diesem Fall bilden die Räume diese Zwischenüberschriften.
Der Clou ist, dass die erwähnten Zwischenüberschriften in A) und B) anklickbar sind und so auf dieser Ebene zwischen den zwei Bäumen gewechselt werden kann ohne zur Wurzel zurücknavigieren zu müssen.

(Vielleicht ist es eher eine Matrix als zwei Bäume?

) Auf dieser Ebene können die Funktionen bereits benutzt/geschaltet/gedimmt/... werden, aber für weitere Details oder zusätzliche Bedienelenente kann man noch eine Ebene "weiter rein gehen". Und falls Zeitserien zu einem Element existieren gibt hier den Zugriff darauf.
Zusätzlich kann sich jeder Benutzer sowohl im X1 als auch bei Loxone eigene Favouriten auswählen, die dann direkt erreicht werden können.
Ohje, sorry: Ich habe mich vom "Aussehen" schon sehr weit in den "Inhalt" weiterbewegt, der gar nicht gefragt war. Bitte entschuldigt das! Zum löschen ist es mir jetzt aber doch zu schade.
Weiteres Problem: Ich habe leider gerade keine Screenshots griffbereit, kann aber versuchen die Tage welche nachzuliefern.