Obiettivi
Abbiamo intensificato i preparativi con piccole modifiche, come spostare l’interruttore di anteprima, integrare i suggerimenti dell’IA e aggiungere GIF nella barra degli strumenti, e ora siamo pronti a provare la modifica più significativa, disponibile come cambiamento sperimentale in arrivo.
I nostri obiettivi principali sono:
-
Aggiornare il compositore in linea con le nostre modifiche generali per modernizzare l’aspetto e lo stile
-
Migliorare l’esperienza di composizione su dispositivi mobili
Ci farebbe piacere il tuo aiuto per testarlo prima che proceda ulteriormente.
Come provarlo
- Vai a Admin → Cambiamenti in arrivo su
/admin/config/upcoming-changes - Trova Ridisegno del compositore e abilitalo
- Apri il compositore (risposta, nuovo argomento o nuovo messaggio) e mettilo alla prova sia su desktop che su mobile
Puoi disattivarlo in qualsiasi momento dallo stesso punto. Qui su Meta puoi unirti al nuovo gruppo di test composer-testers.
Abbiamo bisogno in particolare di feedback da chi utilizza componenti tematici o plugin che personalizzano il compositore — questo ridisegno cambia leggermente la struttura del compositore, non solo lo stile. Ulteriori dettagli qui sotto.
Cosa è cambiato
Layout e struttura
Generale
- Il titolo è stato integrato nel contenuto, rendendolo più simile a un titolo di documento (gli utenti di Notion troveranno questa soluzione familiare)
- La barra degli strumenti è stata spostata nel piè di pagina. Richiederà un piccolo aggiustamento della memoria muscolare (all’inizio anche a me dava fastidio
) - Campi di input per categoria e tag rivisti (inclusa un’icona per i tag e una visualizzazione di selezione minimale)
- Meno bordi, sensazione più spaziosa
Markdown
- Il titolo, la categoria e i tag ora si trovano in un’area metadati a larghezza intera sopra il pannello editor + anteprima, invece di essere limitati alla colonna sinistra.
Mobile
Un fattore trainante davvero importante di questo progetto è il tentativo di migliorare l’esperienza mobile. Negli anni ci sono stati su Meta numerosi lamenti giustificati in merito [1] [2] [3].
Per aumentare lo spazio disponibile durante la composizione, stiamo sperimentando un editor espandibile, che scorre verso l’alto quando riceve il focus, coprendo i campi del compositore, e rimane espanso mentre l’editor è attivo. Questo è applicabile quando si crea un nuovo argomento o un nuovo messaggio privato, non quando si risponde.
Questo più che raddoppia lo spazio di scrittura disponibile, passando da 103px a 212px (durante i test sul mio dispositivo – i risultati effettivi possono variare).
Altro
- L’interruttore della barra degli strumenti è stato rimosso nel nuovo layout
- Scorri verso il basso per chiudere la tastiera e ridurre l’editor alle dimensioni normali
- I tag selezionati sono visibili solo quando il menu è aperto. L’icona cambia colore per indicare che è stata effettuata una selezione.
Feedback
Questa versione è ancora altamente sperimentale e sono principalmente interessato a scoprire come funziona su dimensioni di schermo standard (desktop e mobile) su Foundation. Tablet, phone pieghevoli, altri temi, ecc. non sono ancora stati ottimizzati.
Appello agli autori di temi e plugin 
Se ti connetti alle outlet del plugin del compositore o stili il compositore, ti preghiamo di testare con il ridisegno abilitato. Il DOM è stato spostato e alcune personalizzazioni potrebbero richiedere aggiustamenti:
- Il blocco dei campi del compositore ora viene renderizzato come un figlio a larghezza intera del contenitore dell’editor, non più all’interno della colonna di testo dell’editor
- Il contenuto iniettato nell’outlet
composer-fieldsora appare sopra il titolo (tra il gruppo categoria/tag e il titolo), a larghezza intera - Il campo titolo è renderizzato come una riga a sé stante, separato dal gruppo categoria/tag e posizionato sotto di essi invece che sopra
Nessuna outlet è stata rinominata o rimossa (sebbene potrebbe esserlo in seguito per adattarsi semanticamente ai cambiamenti) — i tuoi connettori si attaccheranno comunque. Ciò che è cambiato è dove e quanto ampio viene renderizzato il tuo contenuto.
Se noti qualcosa di rotto nel tuo tema o plugin, ti preghiamo di rispondere qui con il componente/plugin e uno screenshot. Questo feedback è esattamente lo scopo di questa fase di test.
Design 
Ecco alcuni compromessi o decisioni di design su cui sono indeciso personalmente e che potrebbero beneficiare di alcuni input. Ovviamente sono benvenuti anche altri commenti.
A) Perché l’input del titolo è così dannatamente grande?
L’idea è che sia ingrandito rispetto a un H1 aggiunto manualmente, per garantire che sia sempre visivamente il titolo nel documento. A volte lo guardo e penso “che schifo”, altre volte penso “sì, funziona”.
Un’altra idea è ridurre leggermente la dimensione dei titoli esistenti, per ottenere lo stesso effetto.
**B) I tag nascosti sono un problema…
…sufficientemente grande da non valere il compromesso su mobile (più spazio per la categoria)?
Se sì, perché?
C) Come funziona l’animazione dell’editor espandibile sul tuo dispositivo?
È tutto un casino? Abbastanza buono? Un miglioramento? Idee alternative o modifiche per migliorarlo?
D) E il pulsante di suggerimento titolo dell’IA?
Non mi piace particolarmente come fluttua tutto solo lì. Come lo percepiscono gli altri (che lo usano)? Molto aperto a sentire idee di design.
Grazie per averci aiutato a sistemare tutto prima che venga lanciato più ampiamente. 
Sembra un modo molto più moderno ed elegante per comporre. In passato ho anche provato a spostare la barra degli strumenti in basso, e penso che in questo modo sia molto più comodo.
