Nuovo esperimento della barra laterale (Feng Shui della Sidebar)

Stiamo conducendo un esperimento su meta che applica alcune modifiche al design della barra laterale per creare un layout più spazioso e sereno. Aumentando lo spazio tra gli elementi e ottimizzando padding e margini, puntiamo a un aspetto più pulito e organizzato, tuttavia a costo che più elementi scompaiano potenzialmente sotto la piega.

Prima

Dopo

Nulla di funzionale è cambiato, solo visivamente potrebbe essere necessario un minuto per abituarsi.

26 Mi Piace

Mi piace molto.


Tuttavia, ciò che questo rende evidente nella chat sul desktop è che se fai parte di molti canali, è necessario scorrere parecchio per vedere i nuovi messaggi :large_blue_circle: non letti.

5 Mi Piace

Sì certo, a un certo punto inizia ad avere senso usare il forum/chat switcher quando si usa la chat a schermo intero, secondo me. Questo design ti porta sicuramente a quel punto più velocemente.

2 Mi Piace

Troppo spazioso. Questione di gusti, però.

7 Mi Piace

Non è solo una questione di gusti, ma probabilmente anche di dimensioni dello schermo.

Sul mio tablet, di solito comprimo la maggior parte delle sezioni, in modo da poter ancora vedere quando la persona a cui ho inviato un messaggio in chat è online. Pertanto, la sezione DM deve essere visibile. Ma uso molto anche la sezione superiore, quindi scorrere fino in fondo una volta non risolve il problema.

Come puoi vedere, anche se tutte le sezioni sono compresse, non funziona per vedere i DM e la sezione superiore con lo spazio aggiuntivo, mentre prima avevo spazio per aprire alcune sezioni.

Questo è anche il motivo per cui non uso la barra laterale della chat. Il pulsante della chat richiede molto spazio

9 Mi Piace

Adoro questo :heart: :pray:

Soprattutto il padding su tutto il perimetro. L’evidenziazione dello sfondo sul bordo destro stava effettivamente interrompendo il flusso di energia :innocent:

Detto questo, la barra di scorrimento potrebbe rimanere sul bordo destro? Al momento si fonde a sinistra del padding:

Sono d’accordo sullo spazio… perché non rimuovere il pulsante e usare lo stesso switch contestuale del menu di amministrazione o della documentazione su meta?

Per quanto riguarda la lunghezza della barra laterale in generale, sembra che stia già cadendo vittima del suo stesso successo? Ci sono così tante cose da metterci dentro… spesso ha senso avere una sezione personalizzata (o diverse), i membri possono anche mettere le proprie sezioni, poi ci sono gli elenchi di categorie, tag, messaggi, chat… E hai quel menu che non smette mai di scorrere, indipendentemente dallo spazio sullo schermo.

Forse solo menu contestuali ovunque? Per me hanno un flusso molto più gradevole rispetto alle sezioni che si collassano.

4 Mi Piace

Sembra più pulito, ma condivido la preoccupazione per lo spazio sullo schermo, specialmente su tablet e smartphone. Di istinto: forse qualcosa a metà strada tra il design attuale e quello proposto.

Inoltre: quando la barra laterale viene aggiornata in quel modo, l’elenco dei post sul lato destro appare immediatamente troppo affollato. Penso che questi due dovrebbero essere allineati (c’è già più discrepanza di quanto personalmente mi piaccia da quando è aumentata la dimensione base del carattere).

5 Mi Piace

Andrò a fare un po’ di pignoleria:

  • perché c’è così tanto spazio extra in fondo a una sezione? a volte più spazio in fondo ha senso, ma questo sembra troppo irregolare

  • È intenzionale il “tutte le categorie” “tutti i tag” più piccolo? secondo me sono collegamenti abbastanza importanti

  • In generale il testo dell’intestazione sembra minuscolo, specialmente quando è collassato

  • Non mi piacciono le parentesi uncinate a destra, immagino che servano a differenziare le intestazioni, ma sembra che stiamo sprecando spazio quando abbiamo già una colonna laterale per le icone

  • Il padding destro dovrebbe essere rimosso dal contenitore della barra laterale in modo che la barra di scorrimento sia a filo con il lato destro, come ha menzionato Manuel

  • Abbiamo perso l’effetto hover di sfondo sulle intestazioni… questo, combinato con le dimensioni ridotte, fa sembrare l’area cliccabile molto più ambigua dei collegamenti principali

Sì, onestamente, questo sembra così pieno di padding che sembra fuori posto rispetto al resto di Discourse… per renderlo predefinito, penso che dovremmo impegnarci ad aggiungere più padding ovunque (non sono contrario a questo, ma è un grande sforzo)

sì, stiamo pensando di aggiungere una barra laterale alla barra laterale, un po’ come fa slack… questo potrebbe cambiare il contesto e il contenuto della barra laterale, al momento abbiamo alcuni approcci divergenti su come funzionano le barre laterali e dobbiamo legarli insieme in un modo o nell’altro. Potremmo anche spostare i messaggi e i contenuti “about” nelle loro sezioni per accorciare la barra laterale principale.

19 Mi Piace

Ciò che mi aiuterebbe di più è se l’intestazione della sezione rimanesse in alto durante lo scorrimento. Ho molte categorie e canali di chat nella mia barra laterale e con questa modifica è più difficile capire rapidamente dove mi trovo, perché spesso l’intestazione è fuori dallo schermo.

Se implementassimo intestazioni di sezione fisse (come facciamo per gli avatar degli utenti sui post durante lo scorrimento) penso che mi piacerebbe molto di più :slight_smile:

7 Mi Piace

Puoi riprovare, vedi come ti sembra. Siamo già alla V2 :wink:

Mia svista, grazie – dovrebbe essere risolto.

Di proposito. Volevo che le intestazioni, che solo collassano, fossero distinte dagli altri elementi, che navigano da qualche parte. Ho trovato l’effetto hover completo su un’intestazione collassabile un po’ insolito. Inoltre, ci sono 2 azioni per la maggior parte delle righe: il collasso e l’azione secondaria (modifica o aggiungi per i messaggi). Evidenziare l’intera riga, inclusa l’azione secondaria, sembrava strano.

1 Mi Piace

Poiché il link docs è stato rimosso, ora posso vedere due chat DM :tada:

2 Mi Piace

Personalmente sono molto più contento con testo denso e compatto con pochissimo spazio bianco. Anche il layout precedente sembra uno spreco di spazio. Il dopo è peggio. Peccato che non possa essere un’impostazione utente.

Ieri sera ero pronto per andare a letto e ho fatto l’ultimo giro turistico. Mi sono ritrovato a cercare di stringerlo di più :winking_face_with_tongue:

1 Mi Piace

Preferisco di gran lunga la versione con spaziatura più stretta “prima”

2 Mi Piace

Abbiamo deciso di unire lo stato attuale dell’esperimento di progettazione nel core.

Ci sono già alcune variabili facili da usare per modificarlo a tuo piacimento (in particolare --d-sidebar-row-height) ed è facile rimuovere ulteriormente lo spazio, per coloro che lo preferiscono; tuttavia, troviamo che questa sia un’impostazione predefinita migliore da offrire alla gamma di utenti che abbiamo in Discourse.

3 Mi Piace