Aiutaci a testare il nuovo design di Composer

[chapoi]

Obiettivi

Abbiamo iniziato ad apportare piccole modifiche preparatorie, come spostare l’interruttore anteprima, integrare le suggerimenti AI e aggiungere GIF nella barra degli strumenti, e ora siamo pronti a provare la modifica più grande, disponibile come modifica sperimentale in arrivo.

I nostri obiettivi principali sono:

1. Aggiornare il compositore in linea con i nostri cambiamenti generali per modernizzare l’aspetto e la sensazione dell’interfaccia

2. Migliorare l’esperienza di composizione su mobile

Saremmo lieti di avere il vostro aiuto per testarlo prima che vada oltre.

Come provarlo

1. Vai su Amministrazione → Modifiche in arrivo in /admin/config/upcoming-changes
2. Trova Ridisegno del compositore e attivalo
3. Apri il compositore (risposta, nuovo argomento o nuovo messaggio) e provalo sia su desktop che su mobile

Puoi disattivarlo in qualsiasi momento dallo stesso posto. Qui su Meta puoi unirti al nuovo gruppo di test composer-testers. Su Meta è ora abilitato per tutti.

---

Abbiamo bisogno in particolare di feedback da chiunque esegua componenti di tema o plugin che personalizzano il compositore — questo ridisegno cambia leggermente la struttura del compositore, non solo la sua stilizzazione. Ne parliamo più sotto.

Cosa è cambiato

Layout e struttura

Generale

• Il titolo è stato incorporato nel contenuto, facendolo apparire più come un titolo di documento (gli utenti di Notion dovrebbero trovarlo familiare)
• La barra degli strumenti è stata spostata nel piè di pagina. Questo richiederà un po’ di adattamento alla memoria muscolare (anche a me ha fastidito per i primi giorni )
• Rielaborati gli input per categoria e tag (inclusa un’icona per i tag e una visualizzazione minima della selezione)
• Meno bordi, sensazione più spaziosa

Markdown

• Il titolo, la categoria e i tag si trovano ora in un’area di metadati a tutta larghezza sopra il pannello editor + anteprima, invece di essere limitati alla colonna sinistra.

Mobile

Un fattore trainante molto importante di questo progetto è il tentativo di migliorare l’esperienza su mobile. Negli anni su Meta ci sono stati un gran numero di reclami giustificati a riguardo ^{[1] [2] [3]}.

Per aumentare lo spazio disponibile durante la composizione, stiamo sperimentando con un editor espandibile, che si espande verso l’alto al focus, coprendo i campi del compositore, e rimane espanso finché l’editor è in focus. Questo è applicabile quando si crea un nuovo argomento o un nuovo PM, non quando si risponde.

Questo più che raddoppia lo spazio di scrittura disponibile, passando da 103px a 212px (quando testato sul mio dispositivo – i risultati effettivi possono variare).

Altro

• L’interruttore della barra degli strumenti è rimosso nel nuovo layout
• Scorri verso il basso per chiudere la tastiera e comprimere l’editor di nuovo alla normalità
• I tag selezionati sono visibili solo quando il menu è aperto. L’icona è colorata per indicare che è stata fatta una selezione.

Feedback

Questo è ancora altamente sperimentale e sono principalmente interessato a scoprire come funziona su dimensioni di schermo regolari (desktop e mobile) su Foundation. Tablet, telefoni pieghevoli, altri temi, ecc. non sono ancora stati ottimizzati.

Chiamata a creatori di temi e plugin

Se ti connetti agli outlet dei plugin del compositore o stilizzi il compositore, per favore testa con il ridisegno abilitato. Il DOM si è spostato e alcune personalizzazioni potrebbero aver bisogno di aggiustamenti:

• Il blocco dei campi del compositore ora viene renderizzato come un figlio a tutta larghezza del contenitore dell’editor, non più all’interno della colonna di testo dell’editor
• Il contenuto iniettato nell’outlet composer-fields ora appare sopra il titolo (tra il gruppo categoria/tag e il titolo), a tutta larghezza
• Il campo titolo viene renderizzato come la sua riga, separato dal cluster categoria/tag e sotto di essi invece che sopra

Nessun outlet è stato rinominato o rimosso (anche se potrebbe esserlo in seguito per adattarsi semanticamente alle modifiche) — i tuoi connettori si attaccheranno ancora. Ciò che è cambiato è dove e quanto largo viene renderizzato il tuo contenuto.

Se noti qualcosa di rotto nel tuo tema o plugin, per favore rispondi qui con il componente/plugin e uno screenshot. Quel feedback è esattamente per cosa serve questa fase di test.

Design

Ecco alcuni compromessi o decisioni di design su cui esito io stesso e che potrebbero beneficiare di un po’ di input. Naturalmente è benvenuto qualsiasi altro feedback.

A) Perché l’input del titolo è così dannatamente grande?

L’idea è che sia aumentato a una dimensione più grande di un H1 aggiunto manualmente, per assicurarsi che sia sempre visivamente il titolo nel documento. A volte lo guardo e penso “sgradevole”, altre volte penso “sì, funziona”.

Un’altra idea è ridurre leggermente i titoli esistenti, per ottenere lo stesso effetto.

Ripristinato in un’iterazione successiva.

B) I tag nascosti sono un problema…

…abbastanza grande da non valere il compromesso su mobile (più spazio per la categoria)?

Se sì, perché?

C) Come funziona l’animazione per l’editor espandibile sul tuo dispositivo?

È scattosa? Abbastanza buona? Un miglioramento? Idee alternative o ritocchi per renderla migliore?

D) E il pulsante suggerisci-titolo AI?

Non mi piace troppo io stesso come fluttua tutto solo lì. Come si sente per gli altri (che lo usano)? Molto aperto a sentire idee di design.

Spostato da parte, vedi AI title suggestions move to composer helper

---

Grazie per aiutarci a farlo bene prima che venga rilasciato più ampiamente.

---

1. New Topic Editor Too Small iOS 26.5 Safari Web - #4 by fearlessfrog ↩︎

2. Creating/Editing a post on mobile: let's discuss the 2026 Discourse experience ↩︎

3. Such a tiny window to edit here on a cell phone ↩︎

[darkpixlz (Pyx)]

@chapoi

A) Perché il campo del titolo è così dannatamente grande?

Sì, a dire il vero non mi piace molto che sia posizionato così in basso, vicino all’area di testo, e non sia una casella separata… in teoria sembra una buona idea, ma semplicemente non mi piace come appare al momento: sembra parte del campo di inserimento del testo, specialmente nell’editor visuale. Preferirei che fosse semplicemente dove è sempre stato, magari con un po’ più di spazio orizzontale. Potrebbe trattarsi di una reazione impulsiva al semplice fatto di vederlo cambiato, dato che era perfettamente funzionante e non aveva davvero bisogno di modifiche, ma da quello che ho visto non sono ancora sicuro di piacermi o meno.

@chapoi

E per quanto riguarda il pulsante di suggerimento titolo tramite IA?

Hai assolutamente ragione nel dire che ora sembra un po’ isolato. Forse dovrebbe agganciarsi proprio alla fine del titolo, o se il design viene ripristinato come ho suggerito, allora il metodo vecchio va bene.

Comunque sono sicuramente un fan di questa scelta. Il design è ottimo (meno bordi!) e sono entusiasta del fatto che l’esperienza su mobile sia finalmente utilizzabile, anche se sono principalmente un utente desktop.

[Don]

Ciao

Questo è davvero un ottimo lavoro! Mi piace molto. 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.

In generale, l’aspetto è piuttosto pulito. Una cosa che ho notato: quando il titolo si ritrae e il corpo del testo riceve il focus, potrebbe essere un po’ confuso capire come riportare in vista la sezione del titolo, della categoria, ecc. Poiché l’intera area di testo del compositore è scorrevile con lo swipe in questo caso, penso che aggiungere una presa/maniglia visiva potrebbe aiutare gli utenti a capire questa funzionalità.

[NateDhaliwal]

È stato ispirato dal lavoro sul compositore ancorato per i messaggi AI? Mi ricorda molto.

Sembra disponibile solo su Meta Branded?

Mi piace che le icone siano più piccole (credo?) e che abbia un design più minimalista.

Ma penso che un problema sia che ora devo guardare più in alto per vedere cosa sto digitando, con la barra che mi fa da ostacolo. E se la barra degli strumenti fosse in alto? Potrebbe funzionare? (Sono al telefono ora, quindi non posso spostarla per verificare)

[chapoi]

@NateDhaliwal

È stato ispirato dal lavoro sul compositore ancorato per i messaggi AI? Mi ricorda quello.

Non proprio

@NateDhaliwal

Sembra disponibile solo su Meta Branded?

No, dovrebbe essere indipendente dal tema. Non lo vedi su altri temi?

[NateDhaliwal]

Ok, dopo un’altra ricerca, è possibile nascondere l’editor dei contenuti dell’argomento quando la tastiera è chiusa? Altrimenti servono due pressioni per farlo (1 sul pulsante della tastiera, 1 per scorrere).

Trovo anche un po’ insoliti gli iconi delle categorie senza colore. È intenzionale?

E sì, il suggeritore di titoli AI lo rende un po’ affollato lì, ma non sono sicuro di dove altro possa essere posizionato.

@chapoi

Non lo vedi su altri temi?

Questo è successo per un po’ all’inizio. Sembra che ora funzioni.

In generale, finora non è male su mobile!

[chapoi]

@NateDhaliwal

è possibile ridurre l’editor del contenuto dell’argomento quando la tastiera è chiusa? Altrimenti ci vogliono due pressioni per farlo (1 sul pulsante della tastiera, 1 per scorrere).

Puoi approfondire? Come stai chiudendo la tastiera? L’altra direzione dovrebbe essere automatica: riducendo l’editor → la tastiera si chiude automaticamente, quindi solo 1 azione.

[NateDhaliwal]

Ah! Intendi dire che si deve scorrere verso il basso per chiudere sia il compositore di contenuti che la tastiera? Mmm…

Per esperienza personale, su Android tocco il pulsante nella barra home per chiudere la tastiera. Poiché questo comportamento non era presente con il compositore attuale (ovvero scorrere o toccare per chiudere la tastiera), mi sembra meno naturale.

[chapoi]

Ricevuto, penso che sia possibile collegarlo.

[chapoi]

@NateDhaliwal

Anche io trovo un po’ insolite le icone delle categorie senza colore. È intenzionale?

È stato un errore, grazie! La correzione è in arrivo.

[asa]

Ho notato che, quando si crea una bozza, questa riappare ogni volta che si entra in un argomento, mentre il Composer non ha questo comportamento. È intenzionale? (Mi dà un po’ fastidio)

[chapoi]

Non sono sicuro di aver capito. Vuoi dire che, quando hai una bozza per un certo argomento e entri in quell’argomento, si apre il compositore? Se è così, è sempre stato così (o forse da sempre, non sono sicuro); in ogni caso, il comportamento non è stato (intenzionalmente) modificato.

O intendi qualcos’altro?

[asa]

Avevo torto. Il Composer attuale è effettivamente aperto, ma rimane un po’ sullo sfondo, mentre il nuovo Composer “oscura la vista”. Tuttavia, ho appena scoperto che è possibile spostarlo

[Canapin (Coin-coin le Canapin)]

Mi piace, finora l’ho pubblicato solo da desktop.

Non sono un grande fan del titolo H1 che sembra parte dell’area di testo. Mi sono trovato a cliccare alla fine del titolo, premendo poi ↓ per passare alla riga sottostante, ma ovviamente non funzionava.

I titoli grandi possono essere parzialmente nascosti:

Su mobile, la barra degli strumenti è piuttosto stretta. Il movimento naturale del pollice da sinistra a destra su uno schermo smartphone non segue una linea orizzontale retta. È leggermente curvo, dal basso a destra verso l’alto a destra, e questo effetto potrebbe essere accentuato se l’area di destinazione è posizionata in alto sullo schermo.

Questo tende a farmi mancare il pulsante di trascinamento della barra laterale.

Non sono sicuro di come migliorarla. Rendere la barra degli strumenti più alta non sembra la soluzione migliore.

Forse l’area di rilevamento potrebbe essere leggermente più grande della barra degli strumenti, proprio come gli sviluppatori di platform game permettono al personaggio del giocatore di saltare o atterrare su un bordo anche se si trova a pochi pixel di distanza e dovrebbe normalmente cadere.

[Shauny (Shaun Robinson)]

Qual è il motivo per spostare i pulsanti in basso?

Sembra un enorme problema di memoria muscolare, e per quale ragione?

Inoltre, sui dispositivi mobili sono vicini a “Scarta” e “Rispondi”, quindi causeranno pubblicazioni accidentali.

Non vedo alcun vantaggio rispetto alla quantità di problemi che ciò creerà.

[satonotdead]

@Shauny

Qual è il motivo per spostare i pulsanti in basso?

Penso che la maggior parte di noi utilizzi i dispositivi mobili con una mano sola e che siano più accessibili in basso. Alcuni browser, ad esempio, hanno spostato la barra degli indirizzi seguendo lo stesso approccio.

Mi piace, e penso che ci serva un po’ di tempo per abituarci. Intendo dire, provare la modifica per almeno una o due settimane, perché le azioni che eseguiamo automaticamente tendono a generare reazioni negative di fronte a un cambiamento improvviso, ma una volta che ci saremo abituati al nuovo sistema, il risultato complessivo potrebbe essere positivo.

Come nota a margine, ero uno di quelli che NON voleva un touchscreen sul proprio cellulare

[David_Ghost]

Interessante. In realtà stavo usando un TC per mettere il menu in basso. Bel cambiamento.

[Don]

@Shauny

Qual è il motivo per spostare i pulsanti in basso?

Per me uno dei motivi principali per spostare la barra degli strumenti in basso.

@Don

Il menu a tendina copre la barra dei pulsanti dell’editor.

[Canapin (Coin-coin le Canapin)]

Mi piace molto la barra degli strumenti in basso. Ha molto più senso su mobile. È molto più facile raggiungerla.

Penso che abbia senso anche su desktop: il contenuto (textarea) è la priorità, la formattazione (barra degli strumenti) viene dopo, quindi l’ordine è appropriato.

[Heliosurge (Dan DeMontmorency)]

L’aspetto e l’usabilità su mobile non sono affatto male. Tuttavia, l’icona del tag durante la creazione di un argomento potrebbe forse essere resa un po’ più grande, poiché mi sembra un po’ piccola, almeno sul mio Google Pixel 9 XL.