Nuovi stili per il menu a tendina dell'intestazione / menu di notifica

Ci si sente molto meglio quando ci sono più notifiche evidenziate.

2 Mi Piace

Sì, penso che mi piaccia insieme al suggerimento di Kris sull’equilibrio degli avatar.

MODIFICA: Per coerenza, ho usato la stessa spaziatura che abbiamo per la barra laterale.

3 Mi Piace

Dal punto di vista dello stile: Personalmente preferisco lo stile squadrato originale rispetto allo stile con bordi arrotondati, principalmente a causa delle preferenze personali e della coerenza con il modo in cui sono state mostrate le altre finestre popup dell’interfaccia utente (es: composizione). Tuttavia, questa è soprattutto una preferenza estetica.

Dal punto di vista funzionale: Cosa ancora più importante, però, in una situazione senza evidenziazioni / tutte le notifiche lette, le icone dei pulsanti a destra non sono sufficientemente differenziate, secondo me, rispetto alla colonna delle notifiche a sinistra. Soprattutto in una situazione senza notifiche evidenziate, è facile che le icone sembrino troppo connesse con le informazioni a sinistra, dando a un nuovo utente l’impressione che l’icona a destra sia correlata alla notifica a sinistra. Ciò è dovuto a una combinazione di tre modifiche che hanno rimosso questo indizio: 1) le icone dei pulsanti hanno ora le stesse dimensioni / vengono visualizzate sulle stesse righe (almeno nella revisione originale, non nello screenshot recente), 2) non c’è più un colore di sfondo diverso per la colonna, 3) non c’è più una linea verticale che le separa. Poiché il punto n. 1 sembra già risolto, forse è sufficiente, ma non ne sono del tutto sicuro.

Ma ancora più impegnativo, questo sarà anche più confusionario per l’accesso all’account e per segnalare all’utente che anche le impostazioni dell’account avvengono tramite questo menu, poiché il comportamento del pulsante dell’account in basso mostra cose completamente diverse rispetto al resto dei pulsanti di notifica. (Più in generale, è davvero strano avere l’accesso all’account e le notifiche nello stesso menu a tendina dell’intestazione, invece di due separati. Tuttavia, questo potrebbe essere un compromesso accettabile date le limitazioni/il risparmio di spazio sui dispositivi mobili).

TLDR del mio post: Raccomando che l’icona dell’account abbia una differenziazione speciale in modo che le persone la trovino.

3 Mi Piace

Questo mi ricorda: anche se probabilmente è al di fuori dello scopo di questo esperimento, penso che migliorerebbe l’UX (User Experience) di Discourse se le notifiche fossero spostate in un menu a parte (che potrebbe quindi avere quattro schede/sezioni orizzontali per Mi piace, risposte, menzioni e badge).

Penso che questo sia anche un modello piuttosto comune (ad esempio su YouTube, Reddit, Twitter/Bluesky, ecc., ma anche in altri software per forum come XenForo).

4 Mi Piace

Sicuramente d’accordo con te. Hai ragione però, è fuori scopo per questa modifica. Dividere il menu utente dal menu delle notifiche sarebbe un ottimo cambiamento da esaminare.

3 Mi Piace

Sì, ci ho provato sul cellulare questo pomeriggio e l’area di tocco sembra piuttosto piccola, specialmente per le schede sulla destra.

4 Mi Piace

Ecco cosa fa Facebook…

Per me ci sono diversi aspetti che rendono questo un po’ problematico: (che si aggiungono ai problemi precedenti che avevamo)

  1. Gli avatar sono troppo piccoli
  2. Mare di blu quando ci sono messaggi non letti - che ora è aggravato perché la minuscola linea bianca tra le notifiche attira troppo l’attenzione.
  3. Minuscolo evidenziamento sul lato destro che è difficile da cliccare

Mi chiedo se una strada qui sia quella di eliminare l’evidenziamento blu e usare il “punto blu” (che usiamo già sulla barra laterale) per le nuove notifiche.

Quindi possiamo rendere l’avatar un po’ più grande e ripristinare il target del clic e l’evidenziamento sul lato destro.

Non sto dicendo di fare come Facebook con avatar ENORMI, ma potrebbe esserci una via di mezzo, rinunciare al “mare di blu” mi sembra un fattore sbloccante qui potenzialmente.

4 Mi Piace

Per me, mi piace questo cambiamento, ma la dimensione del carattere è troppo piccola. Nel menu delle notifiche è di circa 13px e il corpo principale dell’argomento è di 16px. Puoi vederli vicini qui:

Rende gli elementi molto più difficili da leggere per me, una persona con una vista già pessima :nerd_face: Sarebbe bello se i caratteri avessero la stessa dimensione.

9 Mi Piace

Non sono sicuro di cosa pensare del grande spazio vuoto sotto le icone sulla destra… Penso che sia eccessivamente grande.

3 Mi Piace

[citazione=“martin, post:28, topic:369574”]
Per me, mi piace questa modifica, ma la dimensione del carattere è troppo piccola. Nel menu di notifica è di circa 13 px e il corpo del carattere dell’argomento principale è di 16 px. Puoi vederli vicini qui:
[/citazione]

Sì, ho provato la stessa sensazione dopo un po’. Ora è tornato a 16px. Sto cercando di imitare gran parte della spaziatura e del dimensionamento nella barra laterale. Insieme agli stati attivo e hover.

[citazione=“sam, post:27, topic:369574”]
Gli avatar sono troppo piccoli
[/citazione]

Li ho riportati alle loro dimensioni originali.

[citazione=“sam, post:27, topic:369574”]
Mare di blu quando hai non letti - che ora è aggravato perché la minuscola linea bianca tra le notifiche attira troppa attenzione.
[/citazione]

[citazione=“sam, post:27, topic:369574”]
Mi chiedo se un percorso qui sia quello di abbandonare l’evidenziazione blu e utilizzare il “punto blu” (che già utilizziamo sulla barra laterale) per le nuove notifiche.
[/citazione]

Penso che questa sia una buona idea in generale. Ci avvicinerebbe ancora di più agli stati della barra laterale. Posso farci un giro.

[citazione=“sam, post:27, topic:369574”]
Quindi possiamo ingrandire un po’ l’avatar e ripristinare il target di clic e l’evidenziazione sul lato destro.
[/citazione]

Ti dispiace spiegare in dettaglio come lo spostamento verso un punto blu ci aiuta a rendere l’avatar più grande?

[citazione=“sam, post:27, topic:369574”]

  1. Evidenziazione minuscola sul lato destro su cui è difficile fare clic
    [/citazione]

Anche questo è stato aumentato.

@sam

Cosa ne pensi? È stata una modifica molto semplice, possibile senza modifiche al template / core a parte il CSS.

Ecco con la navigazione in alto

2 Mi Piace

Questi design di follow-up sono fantastici!

Se optiamo per la navigazione in alto, potremmo provare a stilizzarla come i nostri design esistenti che utilizziamo in horizontal-overflow-nav altrove nel core.

1 Mi Piace

Questo sembra molto simile al menu che avevamo prima dell’ultimo aggiornamento.

Questi non creano già confusione per gli utenti su dispositivi mobili? (Ad esempio, quando le persone non riescono a trovare il pulsante admin nelle pagine utente). Se l’ultima icona fosse nascosta in quel modo, sarebbe molto difficile trovare, ad esempio, il pulsante di logout.

4 Mi Piace

Ah sì, hai ragione. Penso che dovremmo mantenerlo con la navigazione a destra per evitare la confusione da overflow.

In realtà intendevo solo imitare il design stilisticamente. Penso che potremmo ancora farlo anche con la navigazione a destra. Giusto per avere una divisione più chiara tra i filtri e l’area delle notifiche.

Stavo pensando a qualcosa del genere:

5 Mi Piace

Sto solo buttando lì un’altra idea: potremmo attenuare le notifiche di lettura:

Un precedente che abbiamo già nell’elenco degli argomenti

5 Mi Piace

Posizione dei cerchi

Preferisco (personalmente) i cerchi di notifica sulla destra, penso che valga la pena provare prima i cerchi sulla sinistra per vedere come si sentono le persone, forse sarà naturale e piacerà a tutti.

Nav in alto vs lato

Preferisco di gran lunga la nav sul lato, è molto più facile da usare e cliccare. Inoltre, ci sono enormi vincoli di spazio.

Evidenziazione Nav

Con la nav, preferisco mantenere il “grande riquadro blu di evidenziazione” invece di rimpicciolirlo come è ora, c’è una strana psicologia in gioco per me con i minuscoli riquadri della nav. Sembra davvero difficile da cliccare, nonostante non cambino le meccaniche.

Il mio cervello dice stranamente: devo colpire il minuscolo riquadro per cambiare la nav.


Il mio pensiero è che quando le cose sono meno impegnative visivamente, c’è un po’ più di spazio per avatar più grandi. Detto questo, penso che la dimensione attuale che hai vada bene.

Comunque sentiti libero di scartare questo feedback per ora.

5 Mi Piace

Penso ancora che dobbiamo trovare un modo per passare da un bordo all’altro con gli elementi evidenziati per corrispondere ai nostri altri menu, lo facciamo quasi ovunque ora… Penso che l’unica grande eccezione rimasta sia la barra laterale

3 Mi Piace

Penso che la coerenza sia importante, ma il problema che sto riscontrando è che quando ci sono molti elementi non letti… sembra un mare di blu, senza distinzione tra gli elementi.

Con i nostri menu, non mostriamo molti elementi con un’evidenziazione attiva. Di solito… penso che sia solo uno, o anche nessuno.

Forse se andiamo avanti con i puntini blu irregolari, questo non avrà più importanza.

3 Mi Piace

Mi piace l’idea che hai presentato qui Keegan, grazie per averla condivisa@!

2 Mi Piace

L’ultimo aggiornamento è disponibile qui su Meta.

1 Mi Piace