Ziele
Wir haben mit kleineren vorbereitenden Änderungen begonnen, wie dem Verschieben des Vorschau-Umschalters, der Integration von KI-Vorschlägen und dem Hinzufügen von GIFs in der Werkzeugleiste. Jetzt sind wir bereit, die größere Änderung zu testen, die als experimentelle kommende Änderung verfügbar ist.
Unsere Hauptziele sind:
- Den Composer im Einklang mit unseren allgemeinen Änderungen modernisieren, um unser Erscheinungsbild und Gefühl zu aktualisieren.
- Die mobile Erfahrung beim Verfassen von Beiträgen verbessern.
Wir würden uns sehr über eure Hilfe beim Testen freuen, bevor es weiter voranschreitet.
So kannst du es ausprobieren
- Gehe zu Admin → Kommende Änderungen unter
/admin/config/upcoming-changes - Finde Composer-Redesign und aktiviere es
- Öffne den Composer (Antwort, neues Thema oder eine neue Nachricht) und teste ihn auf Desktop und Mobilgerät
Du kannst es jederzeit an derselben Stelle wieder deaktivieren. Auf Meta kannst du dich hier der neuen Testgruppe composer-testers anschließen. Auf Meta ist es jetzt für alle aktiviert.
Wir benötigen besonders Feedback von allen, die Theme-Komponenten oder Plugins betreiben, die den Composer anpassen – dieses Redesign ändert die Struktur des Composers leicht, nicht nur dessen Stil. Mehr dazu unten.
Was sich geändert hat
Layout & Struktur
Allgemein
- Der Titel wurde in den Inhalt integriert, sodass er eher wie ein Dokumententitel aussieht (Nutzer von Notion werden dies vertraut finden)
- Die Werkzeugleiste wurde in den Fußbereich verschoben. Das erfordert etwas Anpassung der Muskelgedächtnisse (auch mich hat es die ersten Tage genervt
) - Überarbeitete Eingabefelder für Kategorie und Tags (einschließlich eines Tag-Symbols und einer minimalen Auswahlansicht)
- Weniger Rahmen, mehr großzügiges Gefühl
Markdown
- Titel, Kategorie und Tags befinden sich jetzt in einem vollflächigen Metadatenbereich über dem Editor- und Vorschaupanel, anstatt auf die linke Spalte beschränkt zu sein.
Mobil
Ein sehr großer Treiber dieses Projekts ist der Versuch, die mobile Erfahrung zu verbessern. Im Laufe der Jahre gab es auf Meta eine Fülle gerechtfertigter Beschwerden dazu [1] [2] [3].
Um den verfügbaren Platz beim Verfassen zu erhöhen, experimentieren wir mit einem ausklappbaren Editor, der bei Fokus nach oben schiebt, die Composer-Felder abdeckt und während des Editor-Fokus ausgeklappt bleibt. Dies gilt beim Erstellen eines neuen Themas oder einer neuen PN, nicht aber bei Antworten.
Dies mehr als verdoppelt den verfügbaren Schreibbereich, von 103px auf 212px (beim Testen auf meinem Gerät – tatsächliche Ergebnisse können variieren).
Sonstiges
- Der Umschalter für die Werkzeugleiste wurde im neuen Layout entfernt
- Wische nach unten, um die Tastatur zu schließen und den Editor wieder normal einzuklappen
- Ausgewählte Tags sind nur sichtbar, wenn das Menü geöffnet ist. Das Symbol ist eingefärbt, um anzuzeigen, dass eine Auswahl getroffen wurde.
Feedback
Dies ist nach wie vor hochexperimentell, und ich bin hauptsächlich daran interessiert herauszufinden, wie es auf normalen Bildschirmgrößen (Desktop & Mobil) auf Foundation funktioniert. Tablets, Klapphandys, andere Themes usw. wurden noch nicht optimiert.
Aufruf an Theme- und Plugin-Autoren 
Wenn du dich an Composer-Plugin-Ausgängen anschließt oder den Composer stilisierst, bitte teste mit aktiviertem Redesign. Das DOM hat sich verschoben, und einige Anpassungen müssen möglicherweise angepasst werden:
- Der Block der Composer-Felder wird jetzt als vollflächiges Kind des Editor-Containers gerendert, nicht mehr innerhalb der Textspalte des Editors
- Inhalt, der in den
composer-fields-Ausgang injiziert wird, erscheint jetzt über dem Titel (zwischen der Kategorie/Tags-Gruppe und dem Titel), vollflächig - Das Titelfeld wird als eigene Zeile gerendert, getrennt von der Kategorie/Tags-Gruppe und unterhalb dieser, statt darüber
Keine Ausgänge wurden umbenannt oder entfernt (obwohl sie später semantisch an die Änderungen angepasst werden könnten) – deine Konnektoren werden weiterhin angeschlossen. Was sich geändert hat, ist wo und wie breit dein Inhalt gerendert wird.
Wenn du etwas Defektes in deinem Theme oder Plugin bemerkst, antworte bitte hier mit der Komponente/dem Plugin und einem Screenshot. Genau dafür ist diese Testphase da.
Design 
Hier sind einige spezifische Kompromisse oder Designentscheidungen, bei denen ich selbst noch unsicher bin und die von Input profitieren könnten. Alles andere ist natürlich auch willkommen.
A) Warum ist die Titelauswahl so verdammst groß?
Die Idee dahinter ist, dass sie auf eine größere Größe hochskaliert wird als ein manuell hinzugefügtes H1, um sicherzustellen, dass es visuell immer der Titel im Dokument ist. Manchmal schaue ich mir das an und denke „eklig“, manchmal denke ich „ja, das funktioniert“.
Eine andere Idee wäre, die bestehenden Titel leicht zu verkleinern, um denselben Effekt zu erzielen.
In einer nächsten Iteration zurückgenommen.
B) Sind die versteckten Tags ein Problem…
…groß genug, um den Kompromiss auf Mobilgeräten (mehr Platz für die Kategorie) nicht zu rechtfertigen?
Wenn ja, warum?
C) Wie funktioniert die Animation des ausklappbaren Editors auf deinem Gerät?
Ist es ruckelig? Gut genug? Eine Verbesserung? Alternative Ideen oder Anpassungen, um es besser zu machen?
D) Was ist mit dem KI-Titelvorschlags-Button?
Mir gefällt es selbst nicht besonders, wie er dort ganz allein schwebt. Wie fühlen sich andere (die es nutzen)? Sehr offen für Designideen.
Aus dem Weg geräumt, siehe KI-Titelvorschläge ziehen in den Composer-Helfer
Danke, dass ihr uns helft, dies vor der breiteren Veröffentlichung richtig hinzubekommen. 
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.
