Implementare in modo coerente l'overflow degli elementi della barra degli strumenti di composer

Continuando la discussione da Rendi il menu del compositore scorrevole orizzontalmente sul desktop come fa sul cellulare:

Trovo l’attuale implementazione “scorri per vedere altri elementi della barra degli strumenti” su mobile visivamente problematica perché tocca il lato e non offre alcuna indicazione visiva per denotare che è scorrevole.

Mi chiedo se dovremmo semplicemente avere un’implementazione coerente in cui gli elementi si spostano alla riga numero due se troppo stretti.

Comprendo la lamentela riguardo al “+ solitario”.

Ma mi chiedo se lo risolviamo in un modo diverso, magari facciamo sempre traboccare almeno 2 elementi (raggruppa gli ultimi 2). In questo modo sarebbe “Gif, +” e sembrerebbe meno solitario.

Su mobile abbiamo già un pulsante per nascondere la barra degli strumenti se occupa troppo spazio.


Un’alternativa qui è… man mano che le cose diventano troppo strette, spostarle dietro il + in base a una priorità.

Quindi nello screenshot sopra sposteremmo image dietro il + se diventasse troppo stretto.

6 Mi Piace

Se fai così, penso che un helper AI sarebbe un candidato più adatto da affiancare a +\n\nOppure dai all’utente un modo per scegliere quello che preferisce mostrare. Sì, sarebbe più complicato, un’impostazione in più e probabilmente raramente utilizzata nel mondo reale™.

Preferisco personalmente lo scorrimento, potremmo aggiungere un miglior suggerimento visivo lì: un chevon destro e/o una sfumatura verso la trasparenza.

La barra degli strumenti multilinea nell’editor è stata una delle cause di un reclamo comune sui dispositivi molto piccoli qui su Meta, occupa molto spazio nell’area di modifica.

3 Mi Piace

Abbiamo comunque un pulsante per nascondere la barra degli strumenti sui dispositivi mobili, quindi esiste una facile soluzione.

1 Mi Piace

Sono abbastanza sicuro che la maggior parte delle persone, sfortunatamente, non si renda conto che esiste l’opzione “nascondi barra degli strumenti” e non sono sicuro che esisterà ancora con i nuovi piani per la finestra del compositore /cc @chapoi

In ogni caso, non penso che questo sia meglio della barra degli strumenti scorrevole. Viene utilizzata anche in altri strumenti di authoring come Notion: utilizzano uno sfumato sui lati scorrevoli per indicare che c’è più contenuto, che è quello che vorrei fare anche io.

2 Mi Piace

Un potenziale problema è che se si dispone di poco spazio sullo schermo, questo può peggiorare la situazione.

1 Mi Piace

Trovo che qualcosa del genere dovrebbe essere aggiunto a tutti i casi in cui ci sono contenuti “stile menu” scorrevoli, particolarmente evidenti nelle aree delle impostazioni utente/amministratore.

Qualcosa del genere aiuterebbe molto:

1 Mi Piace

Questo mi sembra l’approccio migliore, potremmo anche riutilizzarlo sui post con il menu ... — ma lo scorrimento è certamente più semplice da implementare finché non capiamo come renderlo evidente.

Tranne quasi tutti i miei utenti mobili che lo sanno e non usano affatto la barra degli strumenti. Tutto ciò di cui hanno bisogno sono le emoji/faccine e il caricamento, e queste non si trovano lì.

Beh, il numero di utenti del mio forum non è così grande da poterli definire nemmeno una minoranza, quindi in questo modo la tua affermazione era probabilmente vera :smirking_face:

Sì, volevo aggiungere un effetto di dissolvenza opaca per migliorarlo, ma ciò richiede una modifica strutturale, quindi dovrei verificarlo con Renato, motivo per cui non ci sono ancora arrivato.

C’è anche lo stato finale del nuovo composer, che vedrebbe l’intera barra degli strumenti rifatta e spostata comunque.

Mi piacerebbe anche questo, anche se dovrebbe essere in ordine qualunque cosa sia più vicina al più. Estrarre elementi casualmente dalla lista è una UX piuttosto scadente. E su mobile, uno scorrimento semplice è ancora preferibile secondo me.

Andare a capo è fuori questione secondo me, dire “nascondilo completamente su mobile allora” non è una soluzione user-friendly.

Penso che dovremmo prima vedere se possiamo semplicemente migliorare l’attuale indicatore visivo, prima di fare altro.

3 Mi Piace

Penso che attualmente alcune opzioni siano già state spostate nel menu per evitare un overflow. Ad esempio, il pulsante è stato spostato nel menu più sulla mia tavoletta. Se non ricordo male, ciò si basa sul fatto che viene utilizzato un dispositivo touch. Quindi il concetto di

è già in uso. Pertanto, sembra ragionevole espanderlo per più dispositivi. Forse anche in base alla larghezza piuttosto che al tipo di dispositivo. La mia tavoletta ha abbastanza spazio in modalità orizzontale per il pulsante per formattare il codice. Suppongo che ci sia abbastanza spazio anche per i pulsanti dell’elenco. Ma di solito non li uso. I tag di codice sono più fastidiosi da digitare, quindi uso frequentemente quel pulsante.

Mi piace anche il suggerimento di Nat di un’impostazione in cui gli amministratori possono scegliere i pulsanti più importanti per la loro community.

2 Mi Piace