Ich mache die folgenden Änderungen basierend auf eurem Feedback. Sagt mir, ob es euch jetzt klarer erscheint? 
Ich finde, dass der Button „Neue Aktion hinzufügen +“ etwas verwirrend ist. Man weiß nicht, ob man, wenn man darauf klickt, einfach nur eine weitere Kachel rechts hinzufügt (z. B. „TV einschalten“) oder ob man damit zum Block darunter gelangt, um ein „DANN“ zu konfigurieren. Ich hätte ihn lieber rechts oder in der Titelleiste, neben der 1.
Für den Parallelismus könnte eine dieser Lösungen funktionieren:
Top! 
Aber wenn man eine spezielle Einstellung (Farbe, Intensität) vornehmen möchte, wäre es einfacher, wenn das Ergebnis der Suchliste unter der Leiste mit Einstellungsmöglichkeiten (Zahnrad, Einstellungsbox mit Farben) angezeigt würde.
Viel besser!
Ich weiß nicht, ob du feste Stilrichtlinien für Gladys 4 hast, aber du könntest in der Telegram-Box "An: " [Feld für den Zielbenutzer, z. B.: Tony] einfügen.
Das würde etwas Platz sparen und die folgenden Felder unten besser sichtbar machen, die meiner Meinung nach etwas zu versteckt sind.
Ich bin einverstanden. Oder das « + » wäre im Hintergrund eines hinzuzufügenden Feldes, wobei die Kopfzeile mit den « … » beibehalten wird. Bin ich klar? 
Wie kann man in Nachrichten Sensorergebnisse (z. B. Temperatur) einbinden? Mit einer eingefassten Variable? Etwas in der Art von {salon.nom_de_la_sonde.value} oder ist das zu technisch?
Ich glaube, wir vermischen Szenen und Szenario.
Ein Szenario aktiviert eine Szene (eine Reihe von Aktionen) oder eine bestimmte Aktion.
Genau!
Für dich ist eine Szene also eine Sammlung paralleler oder serieller Aktionen, ohne Auslöser. Und ein Szenario ist eine Sammlung von Szenen mit Triggern. Stimmt das?
Ich denke, es ist wichtig, zu definieren, was der Szenen-Ersteller tun soll, bevor man sich zu sehr mit UI/UX und Komplexität beschäftigt. Es könnte sogar zwei Modi geben: Der erste, einfach, um Aktionen schnell zu verknüpfen, und der zweite, komplexer (Bedingungen, Variablen) für anspruchsvolle Szenarien.
Genau das. Jedenfalls so unterscheide ich die beiden.
Eigentlich bin ich ein bisschen zwiegespalten wegen dem Ganzen in Weiß auf deiner Seite.
Ich hatte mir mehr visuelle Informationen erwartet, um das Auge des Nutzers zu fesseln.
Hier kommt man rein und hat einen grauen Rahmen mit einem weißen Hintergrund, der eine Auswahl und ein Eingabefeld enthält.
Ich finde das Auswahlfeld sehr veraltet, ich hatte mir Karten im Stil von IFTTT erwartet:
Wie bei anderen Diensten haben wir die Aktionen in Form von Icons (ein bisschen Farbe für mehr Pep).
Das ist nur eine Meinung, danach Geschmack und Farben
Aber ich finde die Idee von @peb ganz interessant und ich kann es kaum erwarten, die Entwicklung eurer Diskussion zu sehen.
Ich stimme dir auch darin zu, das Thema von Gladys ist sauber und einfach, aber schlicht. Ein bisschen Rundung und Kontrast könnte nicht schlecht sein.
Hallo!
Da ich die Benachrichtigungen vor einiger Zeit wieder aktiviert habe, habe ich heute einige erhalten ^^
Daher habe ich gerade das Gespräch durchgesehen und, ohne zu lügen, bin ich ein bisschen enttäuscht @pierre-gilles
Ich sehe, dass du die Überlegungen, die wir vor einiger Zeit angestellt haben, aufgegeben hast, nämlich die Horizontalität der Ansicht und auch das Design im Allgemeinen 
Zur Erinnerung habe ich damals einige Entwürfe gemacht:
Hauptbildschirm der Szenen
Bearbeitung der Szene « Wake up Tony » oben erwähnt
Teil 1
Teil 2
Teil 3
Teil 4
Ich bin von der Überlegung der Homey-Lösung ausgegangen =>
Übrigens hast du damals dieses Bild gefunden =>
Das wirklich sauber ist.
Nun zurück zu deinem Test von heute:
- Ehrlich gesagt finde ich, dass der Ablauf der Szene im aktuellen Zustand überhaupt nicht klar ist und nicht sehr intuitiv
- Wie @spenceur sagte, ist es ein bisschen traurig, sogar « fade » (ohne zu hart zu sein), es fehlt an Farbe.
- Du hast auch selbst ein Problem mit dieser Art von Konfiguration aufgezeigt =>
Die vertikale Konfiguration wird relativ schwierig zu implementieren sein, ohne auf kleinen Bildschirmen klar zu bleiben.
Ich denke, bevor wir weitermachen, sollten wir uns die Zeit nehmen, einige Richtlinien zu erstellen, um eine echte Vorstellung davon zu haben, was wir wollen, besonders weil es ein relativ komplexer Teil in Bezug auf UI/UX ist.
Für mich:
- Für die Lesbarkeit und das Verständnis jeder Szene scheinen mir die Linien zwischen den einzelnen Aktionen eine gute Idee zu sein, ähnlich wie das Bild, das du damals gepostet hast.
- Für mich ist die Vertikalität des Bildschirms viel weniger geeignet als eine horizontale Konfiguration. Eine horizontale Konfiguration, die auf kleinen Bildschirmen einfacher zu implementieren ist und auch für große Bildschirme von Vorteil sein wird
- Farben können in einer so komplexen Ansicht sehr nützlich (sogar unverzichtbar) sein. Einerseits werden sie ein wenig Fröhlichkeit hinzufügen
aber sie können auch als klarer Indikator dienen, um bestimmte spezifischere Aktionen oder sogar falsch konfigurierte Aktionen zu unterscheiden. (das sind nur zwei Beispiele unter vielen) - Die Größe der Karten ist meiner Meinung nach zu groß. Die Aktionskarte zum Einschalten von Lichtern zeigt eindeutig unnötige Informationen an (auch wenn du sie etwas weiter unten im Gespräch überarbeitet hast) und kann daher kompaktiert werden, genau wie die zum Senden einer Nachricht.
- Die Art und Weise, wie Aktionen zur Szene hinzugefügt werden, würde an Intuitivität und Klarheit gewinnen, wenn sie in einem Modal (zum Beispiel) stattfinden würde
Das waren meine spontanen Eindrücke. Natürlich ist das nur persönlich und dient nur dazu, die Sache voranzubringen. 
Ich bin nicht so ein Fan von horizontalem Scrollen, auf dem Handy wird das schnell nervig… und noch schlimmer am Desktop (viel weniger intuitiv, wo du deinen Finger hinlegst, um nach rechts und links zu bewegen, auf dem Handy)
Stimmt, es ist ein bisschen langweilig, aber der Sinn ist auch, schlicht zu bleiben und nicht mit bunten Flächen wie bei Windows zu enden… aber ich bin nicht dagegen, auch ein bisschen mehr Farbe zu haben.
Ich zitiere Mathieu, weil es wahrscheinlich der einzige Teil ist, mit dem ich einverstanden bin ^^ haha
Genau wie Hamtaro finde ich das horizontale Scrollen total unintuitiv, egal auf welcher Plattform.
Bei den Farben sage ich ja, aber sehr wenig: blau/grün/rot, was es eigentlich schon gibt, denn durch Logos usw. wird es schnell unübersichtlich und nicht einheitlich.
Das war’s von meiner Seite;)
Wir sind uns also einig, dass es wichtig ist, Aktionen parallelisieren zu können, genauso wie sie zu serialisieren.
Ansonsten denke ich, dass es bei den anderen Aspekten, die weiter unten in diesem Thread diskutiert wurden, sowieso so viele Meinungen wie Personen geben wird, da wir uns mit Ergonomie, Design, Geschmack und Farben beschäftigen
Eine kleine Umfrage würde fast Klarheit schaffen ^^. Für mich:
- ich bin eher im Team „Vertikalität“, wie die aktuelle Darstellung der Szenen.
- ich bevorzuge den einheitlichen, schlichten Look, aber mit Farben, die Informationen hervorheben. Keine Icons, die Technologien/Geräte/Marken darstellen, denn das wird schnell unübersichtlich, es wirkt unordentlich.
- ich schließe mich allen beim aktuellen „+“-Button an: Er ist nicht sehr aussagekräftig. Der „+“-Button von Radaar ist nett. Er könnte ermöglichen, eine Aktion zu einer Schritt hinzuzufügen. Am Ende der Schritte könnte es einen Button „Add a step“ geben.
- ich mag die Startseite der Szenen, die von Matthieu präsentiert wurde, sehr.
Ich würde gerne den Unterschied zwischen Szenen und Szenarien erklärt bekommen. Ich bin mir nicht sicher, ob ich den Unterschied verstehe.
Jedenfalls, abgesehen vom Design, kann ich es kaum erwarten, es zu testen!!!
Hier ist die etwas höhere Konversation, um Szenen und Szenarien zu unterscheiden.
Du gehst ein bisschen in die Extreme
Ich glaube nicht, dass diese Ansicht für die Nutzung auf dem Handy gedacht ist, egal welche Konfiguration gewählt wird, es wird auf einem so kleinen Bildschirm schrecklich zu bedienen sein und vor allem eine Qual, es richtig anzupassen. Im besten Fall könnten Tablets funktionieren..
Und beim horizontalen Scrollen sollte man Gewohnheit und Intuitivität nicht verwechseln. Nur weil alle so machen, heißt das nicht, dass es die beste Methode ist (genauso wie es nicht bedeutet, dass es besser ist, wenn man es anders macht). Ich meine, wir sind nicht bei Google Bilder und blättern durch eine endlose Liste von Bildern, nur weil das vertikale Scrollen überall verwendet wird und wir es gewohnt sind, heißt das nicht, dass es in diesem speziellen Fall am besten passt.
Für mich sollten die Aktionen horizontal dargestellt werden, weil es « menschlicher » ist, sie so auszuführen. Für die Metapher ist es wie ein Film, die Leiste unten, die die Gesamtzeit des Films darstellt, läuft horizontal. Sie stellt jede Szene (oder jedes Bild) in der Zeit dar… Die Zeit wird immer horizontal dargestellt, weil es menschlich ist. Hier ist es ähnlich, jede Karte stellt eine Aktion in der Zeit dar, deshalb ist es menschlicher und daher intuitiver, sie horizontal darzustellen.
Entschuldigung, vielleicht ist das ein bisschen langweilig 
Wie ich sagte, man sollte es auch nicht übertreiben. Ein kleiner farbiger Balken oben auf der Karte oder an der Seite würde völlig ausreichen. Natürlich werden wir keine großen Icons in Rot oder sogar den Hintergrund der Karten in Grün setzen
Das Farbschema der Vorlage würde nicht eingehalten werden. Aber man kann das in der Vorlage finden =>
Es ist schlicht, elegant und lockt ein bisschen die Augen, um die Aufmerksamkeit zu erregen. Klar, es ist perfekt
Danke, aber diese Entwürfe müssten definitiv überarbeitet werden
Ich gebe zu, dass ich Schwierigkeiten habe, mir vorzustellen, wie das in einer echten UI aussehen könnte. Ich denke, es wird sehr unübersichtlich und am Ende nicht so sauber sein ^^ Klar, ein Schema ist schön, aber gut, wir sind sehr weit von der Realität einer UI entfernt. Wenn du etwas Genaueres siehst, zögere nicht, einen UI-Entwurf zu machen, da habe ich Schwierigkeiten
Ich verwende das Tabler-Theme und folge diesen Designrichtlinien!
Ich würde gerne etwas erreichen, das ähnlich wie auf diesem Forum funktioniert, wenn du jemanden taggst. Du siehst den Namen des Benutzers blau hervorgehoben. Hier könnte es ähnlich sein: Man sieht die Liste der verfügbaren Variablen, und wenn man eine hinzufügt, ist sie im Text « blau injiziert ». Ich weiß nicht, ob das klar ist ^^
Ok, ich verstehe! Nachher ist die Schlichtheit ja schön, aber ich bin mit dir einer Meinung, dass es im Moment ein bisschen leer ist. Ich denke, dass ich im Laufe der Entwicklung einige « Tricks » der Benutzererfahrung hinzufügen werde, um dies oder jenes anzuzeigen, und es sind diese Details, die die UI « erhöhen » und ihr mehr visuelle Reichtümer verleihen werden. Ja, diese UI ist im Moment eine leere Hülle, aber es ist ein leerer Mockup ^^
Hallo Mathieu!
Ich erinnere mich sehr gut an die Entwürfe, die du gemacht hast. Übrigens war es dein Design des Hauptbildschirms der Szenen, das du codiert hast, ich habe es unverändert in Gladys integriert (Zur Erinnerung hier!)
Was den horizontalen Designteil der Szenen betrifft, bin ich davon ausgegangen, und ich hatte die Szenenansicht im April 2019 vollständig horizontal entwickelt (das ist lange her!), und ich habe sie von April bis Oktober in der v4 so belassen.
Nach zahlreichen Monaten, auch wenn es auf dem Papier sehr ansprechend war (Mockups sind immer schön^^), fand ich, dass das horizontale Scrollen in der Praxis wirklich scheußlich war. Die meisten Apps/Navigatoren verwenden vertikales Scrollen, um voranzukommen (allein dieses Gespräch auf Discourse, wir scrollen von oben nach unten, um in der Zeit voranzukommen), und das horizontale Scrollen ist in der Regel den Rückwärts-/Vorwärtsbewegungen vorbehalten, es ist übrigens eine Abkürzung auf vielen Browsern/OS (Swipe von links nach rechts = Rückwärtstaste). Auf dem Handy ist es dasselbe, zum Beispiel auf iOS, wenn du nach links wischst, geht es zurück in deiner App.
Ich fand, dass es unübersichtlich, unpraktisch und nicht für komplexe Szenarien geeignet war.
Ich bin absolut nicht einverstanden!
Ich mag die Idee, dass eine Szene konfiguriert werden kann, ohne dass man durch Seiten und Seiten gehen muss. Vergiss nicht, dass wir hier nicht für eine « Visualisierungs »-, sondern für eine « Bearbeitungs »-Ansicht sind. Ich sehe viele Schemata/Zeichnungen in diesem Thema, die sehr einfach, aber überhaupt nicht funktional sind! Natürlich sind einfache Schemata schön, aber in der Realität ist es ganz anders.
Ich tue alles, damit es auch im Bearbeitungsmodus kompakt ist, ich habe übrigens die Karte « Lichter einschalten » reduziert, um etwas Leichteres zu schaffen.
Ich verstehe die Idee, ich denke, das wird bei einigen seltenen Karten der Fall sein, die lange zum Bearbeiten sind, aber ich will nicht, dass das die Norm ist.
Übrigens: Keine Modals in Gladys 4.
Ich bin einverstanden! Ich verbessere das.
Es ist jedoch dieselbe Ansicht, da er beide codiert hat Der Unterschied besteht darin, dass auf Mathieus Bildschirm mehr Beispiele mit abwechslungsreicheren und reichhaltigeren Texten zu sehen sind, und daher wirkt es « ausschweifender ». Ich werde meine Screenshots in Zukunft mit mehr Daten bearbeiten, damit sie reicher wirken ^^
Man sieht es nicht in diesem Beispiel, aber wenn die Szene ausgeführt wird, sobald eine Aktion ausgeführt wird, ist ihr oberer Balken blau gefärbt.
Ich hatte im April 2019 ein Video auf Twitter gemacht (damals horizontale Szenen):
Kleines Fazit
Danke an alle für euer Feedback!
Eine reiche und interessante Debatte und Meinungen in alle Richtungen, es ist cool, Begeisterung rund um die Entwicklung zu sehen
Ich versuche immer, etwas Abstand von diesen heißen Rückmeldungen zu nehmen, und im Moment habe ich vor allem den Eindruck von einer Sache: Die Rückmeldungen, die ihr mir auf visuellem Niveau gebt, beziehen sich nicht auf die Szenenansicht selbst, sondern auf den Inhalt der Szenen. Meine Screenshots wirken « arm », weil die Szenen, die ich euch präsentiere, tatsächlich leer sind. Es ist wie das Präsentieren eines leeren Dashboards, es wirkt weiß und streng. Ich werde diese Ansicht mit mehr Beispielen bereichern und schöne Screenshots machen, um euch hoffentlich mehr zu überzeugen
Ich denke, ihr erwartet kleine UI-Details, die Pep und Farben hinzufügen (z. B. könnte die Select-Box des Benutzers in der Telegram-Box das Profilbild des Benutzers anzeigen, ein Telegram-Logo in der Ecke der Box vielleicht usw.), UI-Details, die noch nicht vorhanden sind, weil ich erst am Anfang dieses Entwicklungszyklus stehe (begonnen gestern).
Was die Debatte horizontal/vertikal betrifft, gibt es keine richtige Antwort: Es ist eine Frage des Geschmacks und der Farbe. Ich bin eher auf der vertikalen Seite, und ich werde die Entwicklung in diese Richtung fortsetzen.
Wenn jemand das Gegenteil von mir denkt, wie immer im Open Source: Beweise mir, dass ich Unrecht habe, indem du es besser machst als ich 
Hallo zusammen!
Um die Diskussion über Szenen fortzusetzen, möchte ich mit euch über ein weiteres Thema sprechen: Trigger.
Die Szenen, die ich euch bisher vorgestellt habe, sind nur eine Sammlung von Aktionen, die wir nach Belieben auslösen können (z. B. durch Klicken auf ein hypothetisches „Kino-Modus starten“-Button im Dashboard).
Aber das Interessantere ist, diese Szenen automatisch basierend auf einem oder mehreren Triggern auszulösen.
Beispiel:
WENN es draußen weniger als 10°C hat DANN mich per Telegram darüber informieren, dass es draußen kalt ist.
Der „Dann“-Teil ist eine Szene, der „Wenn“-Teil ist ein Trigger.
Ich frage mich, wie man das in der UI darstellen soll:
- Ist das ein Schritt vor/nach der Erstellung einer Szene?
- Ist das eine separate Ansicht?
Bisher habe ich noch nichts dazu gemacht, aber wenn jemand von euch Ideen hat, bin ich für jeden Vorschlag offen
Für mich ist das getrennt, das Ganze ist ein Szenario.
Das ist kurz als Meinung, aber ich hatte das schon dargelegt, als wir über die Szenen diskutiert haben.
Ich denke, man sollte trennen. Auf diese Weise könnte eine Szene durch mehrere Auslöser ausgelöst werden. Zum Beispiel könnte die Szene „Temperatur auf 21 Grad einstellen“ ausgelöst werden, wenn ich nach Hause komme oder wenn ich Gladys sage, die Temperatur wieder normal einzustellen (weil Madame sie heimlich erhöht hat ). Wenn alles in einem Stück ist, müsste man zusätzlich mit „ODER“-Operatoren arbeiten, um dieses Ergebnis zu erzielen, und das kann die Lesbarkeit schnell verkomplizieren.
Ich bin auch der Meinung, dass man trennen sollte… ABER unter einer Bedingung: eine super einfache Bedienbarkeit auf der UI-Ebene.
Ich nehme als Beispiel die App Tasker auf meinem Telefon. Sie ist super mächtig, super effektiv, aber super schwer zu verstehen am Anfang und das ist ein großes Hindernis. Ich habe sehr lange gebraucht, um den Vokabular der App (Profile / Aufgaben / Szenen / Variablen) und die Reihenfolge, in der ich alles konfigurieren musste, zu verstehen. Ich denke, Gladys muss diesen Fehler unbedingt vermeiden.
Wenn die Auslöser und Szenarien getrennt sind, muss der Benutzer chronologisch geführt werden, so etwas wie ein Mini-Leitfaden mit ein paar Zeilen:
- 1 Sie erstellen Ihr Szenario: die Gesamtheit der Aktionen, die Sie ausführen möchten
- 2 Sie entscheiden, was ein Szenario auslöst: der Zustand eines Sensors / eine Uhrzeit / etc..
Ich denke, ich bin nicht besonders klar, aber Sie haben wahrscheinlich das Beispiel verstanden.