Gli staff notano che la posizione è ambigua

Sto appena iniziando a usare gli avvisi per lo staff, ma mi sono reso conto che creano confusione riguardo a quale post si riferiscano. Trovo molto difficile capire se si riferisce al post sopra o sotto di esso.

Non avrebbe più senso metterlo sotto il divisore che separa i post in questo modo?

3 Mi Piace

Penso che questo sia in parte dovuto al tema che stai usando? Gli angoli arrotondati in fondo all’avviso lo fanno sembrare un po’ staccato dal post sottostante. Penso che qui su Meta, con il tema predefinito, renda meglio? (Ho aggiunto alcuni avvisi a questo argomento come esempio)

3 Mi Piace

Grazie David, ma ho provato senza tema ed è ancora poco chiaro. Gli esempi che hai messo qui sono ovvi perché uno è il primo post e l’altro ha la mappa dell’argomento che lo separa, una volta che vai oltre non c’è modo di sapere in che direzione va se non ci hai familiarità. Prova questo, rimuovi quelle notifiche, rispondimi qui e aggiungi una notifica alla mia risposta.

Voglio partecipare all’azione :slight_smile:

edit: Mi sembra corretto

2 Mi Piace

Se non altro, l’imbottitura è un po’ troppo poca:
image

Se rimuovi la notifica sopra il post di David, ritengo sia molto facile confondere a quale post si riferisca. Oggi ho mostrato questa funzionalità ai miei moderatori e la loro reazione immediata è stata che non è affatto chiara.

2 Mi Piace

(Mi sono imbattuto in questo vecchio post mentre rivisitavo alcune altre confusioni sugli avvisi dello staff…)

Ho sempre pensato che il posizionamento degli avvisi dello staff fosse potenzialmente ambiguo. Poiché i temi possono gestire cose come colori, bordi e divisori in modo diverso, è probabilmente difficile risolverlo in quel modo.

Un’alternativa che può essere applicata globalmente a tutti gli avvisi dei post oggi è un po’ di CSS personalizzato per inserire una freccia Unicode, prima dell’avatar:

image

CSS: prima dell'avatar
.post-notice::before {
  content: '🡇';
}

(O forse più correttamente):

.post-notice::before {
  content: " \\1F847";
}

…o prima del contenuto del testo:

image

CSS: prima del testo
.post-notice p::before {
  content: " \\1F847";
  margin-right: .5rem;
}

Ooo — ecco un trucco per cambiare il colore:

image

CSS: cambia colore
.post-notice p::before {
  content: " \\1F847\\fe0e";
  color: yellow;
  margin-right: .5rem;
}

(Aggiungere \\fe0e a qualsiasi carattere Unicode esegue il rendering di una versione testuale che accetta il colore. Riferimento.)

E ho deciso che la freccia verso il basso non ha un bell’aspetto per un avviso sull’argomento principale, poiché porta più ovviamente l’argomento. Questo CSS sostituisce la freccia con un punto solo per il primo post:

image

CSS: diverso per l'argomento principale
#post_1 .post-notice p::before {
  content: " \\29BF\\fe0e";
  color: yellow;
  margin-right: .5rem;
}
1 Mi Piace

Ottima idea Todd! Sono contento di non essere l’unico pazzo :wink:

Ho avuto alcuni problemi con la visualizzazione della freccia verso il basso, quindi l’ho modificata leggermente, l’ho anche ripulita un po’ e ho usato il colore terziario per la compatibilità del tema.

.post-notice p::before {
  content: "\2B07\FE0E";
  color: var(--tertiary);
  margin-right: .5rem;
}

#post_1 .post-notice p::before {
  content: "\29BF\FE0E";
}
2 Mi Piace

Poiché i post sono ordinati in un argomento e quando scorro, mi sembra naturale e logico aspettarsi che si riferisca al post sottostante. La freccia è un bel tocco e una buona soluzione per indicare ulteriormente. Puoi anche usare un po’ di riferimento nell’avviso dello staff. :slight_smile:

3 Mi Piace

[citazione=“Lilly, post:9, topic:258815”]
dato che i post vanno in ordine dal più recente in alto al più vecchio in basso, l’avviso dello staff si riferisce al post sottostante
[/citazione]
Senza offesa, ma sembra un “Lo so e ci sono abituato, quindi mi sembra ovvio”. Sostengo che l’avviso dello staff ovviamente può essere stato inserito SOLO DOPO che il post è stato pubblicato. Quindi, sembra naturale aspettarsi che l’avviso dello staff sia dopo, se le cose vanno “in ordine”.

Personalmente, penso che @davidkingham abbia decisamente ragione: è ambiguo. Sarebbe meglio se potesse apparire più chiaro a chiunque a prima vista. Il che non è proprio il caso, qui (se lo si volesse in cima ai post, l’avviso dello staff sotto il nome dell’autore del post lo renderebbe ancora più chiaro, per esempio. Questo potrebbe essere tecnicamente più complicato, o non gradito per altri motivi).

Per alcuni temi (come il tema Meta Branded che sto usando in questo momento), l’avviso dello staff si trova sotto la linea che separa i post, quindi è chiaro a cosa si riferisce l’avviso.
Forse anche altri temi potrebbero adottarlo?

1 Mi Piace

potrebbe anche essere. :thinking:

Penso che quello che stavo cercando di dire (ma male) è che sembra logico quando scorro un argomento che si riferisca al post sottostante, nonostante l’ordine logico temporale dei post.

1 Mi Piace

Perché il primo avviso del personale non ha una riga, ma gli altri?

Personalmente non uso gli avvisi del personale a causa del problema qui discusso. Ho provato a dare maggiore visibilità ma spostare a destra è probabilmente una necessità.

Ciao, come faccio a visualizzare gli avvisi dello staff sotto il post invece che sopra?\n\nMi scusi, c’è un modo con il CSS?\n\n

1 Mi Piace

Personalmente, penso anche che sarebbe più logico posizionare gli avvisi DOPO il post. Non ho ancora trovato un modo semplice per spostarli lì e, come soluzione temporanea, ho aggiunto questo stile CSS:

.post-notice.custom {
    background: linear-gradient(to bottom, rgb(255 0 5) 0%, rgba(255, 137, 139, 0.2) 2%, rgba(255, 137, 139, 0) 70%);
}

ora gli avvisi appaiono così:

Grazie alla direzione del gradiente, diventa intuitivamente chiaro dove si trova la sua “continuazione logica”.
Nota che ho usato una regola con la classe .custom, poiché questa classe non si applica agli avvisi automatici, che vengono creati ad esempio quando un utente ha scritto il suo primo messaggio o ha scritto dopo un lungo periodo. Per tali casi possiamo usare altri colori sfumati.

A proposito, vorrei sapere se c’è un modo per vedere quali altre classi possono esserci per gli avvisi e se la classe .custom si applica solo agli avvisi dello staff o altrove?

1 Mi Piace