it-swarm-eu.dev

Best practice per la marcatura di nuovi contenuti

Nella mia app Web voglio dire chiaramente a un utente cosa è successo mentre lui non c'era. In questo momento ho appena evidenziare i nuovi post con il giallo .

Ma se ci sono stati molti cambiamenti, l'intera pagina viene evidenziata, il che è davvero irritante.

Google Wave utilizza un bordo verde a sinistra di un post . Ma non sono sicuro che sia abbastanza per attirare l'attenzione dell'utente.

Hai suggerimenti o soluzioni ampiamente utilizzate? Screenshot molto apprezzati.

13
user4070

Per quello che vale, anche Facebook sta facendo la stessa cosa con un bordo sinistro più scuro:

Test

Per me, è troppo sottile, e anche quando me ne sono accorto, non avevo idea di cosa fosse - l'ho capito solo quando ho ispezionato l'elemento e ho visto che la classe CSS era unseenItem.

Non sono sicuro che cambiare il colore di sfondo sia l'ideale in quanto ha la connotazione di un indicatore più permanente.

Volete qualcosa che non cambi posizione o aspetto troppo drasticamente (in modo che un aggiornamento non appaia completamente diverso). Penso che un badge o qualcosa di simile sia l'approccio migliore per questo. La soluzione di Facebook è una sorta di distintivo, ma è troppo sottile e il colore ancora opaco non dice "nuovo".

Se fossi Facebook, avrei optato per qualcosa di molto più ovvio, forse abbastanza grande da essere un bersaglio al passaggio del mouse per una descrizione comando, come il colore scuro in un angolo sul lato sinistro o destro (entrambi inclusi per il confronto):

enter image description here

Non è esattamente lo stesso concetto, ma ho usato un angolo sull'immagine per indicare nuovi articoli nel negozio di un cliente (in questo caso, il nuovo è eccitante, non solo informativo):

enter image description here

10
Nicole

Innanzitutto, puoi aggiungere un'indicazione del numero di nuovi elementi in alto dove dice che Лента - esattamente come StackExchange indica il numero di elementi nella tua posta in arrivo (o qualsiasi altro social network o sito web/app e-mail - praticamente qualsiasi cosa con una posta in arrivo). Quindi, puoi anche indicarlo con un tag piccolo ma evidente sul nuovo articolo stesso. Qualcosa come questo:

enter image description here

5

Oltre alla risposta di Vitaly, anche cambiare lo sfondo (anche se mai così leggero) dei nuovi oggetti è abbastanza efficace.

Microsoft lo utilizza nel menu Start (presupponendo che l'opzione "Evidenzia programmi appena installati" sia selezionata).

5
ChrisF

Mi piace usare i tag in uno degli angoli e se hai un'immagine di tag che dice nuovo, allora grande perché elimina qualsiasi ipotesi necessaria sul significato. Anche la modifica del colore può essere efficace, ma dovrebbe essere sottile in modo che rimanga coerente con gli altri post

0
Serberuss