Ziele
Wir haben mit kleinen vorbereitenden Änderungen wie dem Verschieben der Vorschau-Umschaltfläche, der Integration von KI-Vorschlägen und dem Hinzufügen von GIFs zur Symbolleiste aufgeholt und sind nun bereit, die größere Änderung zu testen, die als experimentelle kommende Änderung zur Verfügung steht.
Unsere Hauptziele sind:
-
Aktualisierung des Composers im Einklang mit unseren allgemeinen Änderungen zur Modernisierung unseres Looks und Feels
-
Verbesserung des mobilen Composing-Erlebnisses
Wir würden uns sehr über deine Hilfe beim Testen freuen, bevor es weiter vorangetrieben wird.
So kannst du es ausprobieren
- Gehe zu Admin → Kommende Änderungen unter
/admin/config/upcoming-changes - Suche Composer-Redesign und aktiviere es
- Öffne den Composer (Antwort, neues Thema oder neue Nachricht) und teste ihn sowohl auf Desktop als auch auf Mobile
Du kannst es jederzeit an derselben Stelle wieder deaktivieren. Hier auf Meta kannst du der neuen Testgruppe composer-testers beitreten.
Wir benötigen insbesondere Feedback von Personen, die Theme-Komponenten oder Plugins ausführen, die den Composer anpassen – dieses Redesign ändert die Struktur des Composers leicht, nicht nur das Styling. Mehr dazu unten.
Was sich geändert hat
Layout & Struktur
Allgemein
- Der Titel wurde in den Inhalt integriert, sodass er eher wie ein Dokumententitel erscheint (Nutzer von Notion werden dies vertraut finden)
- Die Symbolleiste wurde in den Footer verschoben. Dies erfordert eine kleine Anpassung der Muskelgedächtnis-Gewohnheiten (es hat mich auch die ersten paar Tage genervt
) - Überarbeitete Kategorie- und Tag-Eingaben (einschließlich eines Tag-Icons und einer minimalen Auswahlanzeige)
- Weniger Rahmen, mehr Raumgefühl
Markdown
- Der Titel, die Kategorie und die Tags befinden sich nun in einem vollbreiten Metadatenbereich über dem Editor- und Vorschau-Fenster, anstatt auf die linke Spalte beschränkt zu sein.
Mobile
Ein wirklich großer Treiber dieses Projekts ist der Versuch, das mobile Erlebnis zu verbessern. Es gab in den Jahren auf Meta eine Fülle berechtigter Beschwerden zu diesem Thema [1] [2] [3].
Um den verfügbaren Platz beim Composing zu erhöhen, experimentieren wir mit einem sich erweiternden Editor, der beim Fokussieren nach oben gleitet, die Composer-Felder abdeckt und erweitert bleibt, solange der Editor fokussiert ist. Dies gilt beim Erstellen eines neuen Themas oder einer neuen PN, nicht beim Antworten.
Dies mehr als verdoppelt den verfügbaren Schreibplatz, von 103px auf 212px (beim Testen auf meinem Gerät – tatsächliche Ergebnisse können variieren).
Sonstiges
- Der Symbolleisten-Umschalter wurde im neuen Layout entfernt
- Wische nach unten, um die Tastatur zu schließen und den Editor wieder auf die normale Größe zu reduzieren
- Ausgewählte Tags sind nur sichtbar, wenn das Menü geöffnet ist. Das Icon ist farbig, um anzuzeigen, dass eine Auswahl getroffen wurde.
Feedback
Dies ist noch hochgradig experimentell, und ich bin hauptsächlich daran interessiert herauszufinden, wie es auf regulären Bildschirmgrößen (Desktop & Mobile) auf Foundation funktioniert. Tablets, Klapphandys, andere Themes usw. wurden noch nicht optimiert.
Aufruf an Theme- und Plugin-Autoren 
Wenn du Composer-Plugin-Ausgänge verwendest oder den Composer stilgestaltest, teste bitte mit aktiviertem Redesign. Das DOM hat sich verschoben, und einige Anpassungen müssen möglicherweise angepasst werden:
- Der Composer-Felder-Block wird nun als vollbreites Kind des Editor-Containers gerendert, nicht mehr innerhalb der Textspalte des Editors
- Inhalt, der in den
composer-fields-Ausgang injiziert wird, erscheint nun über dem Titel (zwischen der Kategorie/Tags-Gruppe und dem Titel), vollbreit - Das Titelfeld wird als eigene Zeile gerendert, getrennt vom Kategorie/Tags-Cluster und darunter statt darüber
Keine Ausgänge wurden umbenannt oder entfernt (obwohl sie später möglicherweise semantisch an die Änderungen angepasst werden) – deine Connectors werden weiterhin angehängt. Was sich geändert hat, ist wo und wie breit dein Inhalt gerendert wird.
Wenn du etwas in deinem Theme oder Plugin kaputt findest, antworte bitte hier mit der Komponentem/Plugin und einem Screenshot. Dieses Feedback ist genau der Zweck dieser Testphase.
Design 
Hier sind einige spezifische Kompromisse oder Designentscheidungen, bei denen ich selbst unsicher bin und die einige Inputs benötigen könnten. Alles andere ist natürlich auch willkommen.
A) Warum ist die Titelfeld-Eingabe so verdammt groß?
Die Idee ist, dass es größer als ein manuell hinzugefügtes H1 ist, um sicherzustellen, dass es visuell immer der Titel im Dokument ist. Manchmal schaue ich darauf und denke “eklig”, andere Male sage ich “ja, das funktioniert”.
Eine andere Idee ist, die vorhandenen Titel leicht zu verkleinern, um den gleichen Effekt zu erzielen.
B) Sind die versteckten Tags ein Problem…
…groß genug, um den Kompromiss auf Mobile (mehr Platz für die Kategorie) nicht wert zu sein?
Wenn ja, warum?
C) Wie funktioniert die Animation des sich erweiternden Editors auf deinem Gerät?
Ist es Jank-Town? Gut genug? Eine Verbesserung? Alternative Ideen oder Anpassungen, um es besser zu machen?
D) Was ist mit dem KI-Titelvorschlag-Button?
Ich mag es selbst nicht besonders, wie er da ganz allein schwebt. Wie fühlt es sich für andere an (die es verwenden)? Sehr offen für Design-Ideen.
Danke, dass du uns hilfst, dies richtig hinzubekommen, bevor es breiter veröffentlicht wird. 
Es wirkt viel moderner und eleganter beim Komponieren. Ich habe in der Vergangenheit auch versucht, die Symbolleiste nach unten zu verschieben, und finde, dass es sich so deutlich komfortabler anfühlt.
