it-swarm-eu.dev

Commenti gerarchici sui problemi di usabilità

Per il blog, quali sono le migliori pratiche per implementare i commenti gerarchici dell'argomento?

Come aiutare gli utenti a trovare commenti non ancora letti quando possono apparire in qualsiasi punto dell'albero? Come mostrare quale commento dei genitori è, quando non può essere nemmeno visibile sullo schermo nei lunghi alberi di discussione?

Idee ed esempi dal vivo (meglio) sono i benvenuti.

13
Nikita Prokopov

Caso di studio Reddit

Diamo un'occhiata a un tipico sistema di commenti thread, come Reddit . Ha i seguenti problemi:

  • È difficile dire quale sia il genitore di un commento quando l'albero è molto profondo.
  • Se l'albero è completamente espanso, a volte il commento del genitore può essere fuori dallo schermo.
  • Non ci sono indicazioni su quali commenti siano nuovi.

Reddit old

Ora diamo un'occhiata al mio progetto suggerito per affrontare tutti e tre i problemi:

reddit improved

Trovare il commento del genitore

Le deboli linee verticali grigie su Reddit non sono sufficienti per abbinare un commento figlio con il commento principale. L'occhio deve fare molto lavoro scansionando su e giù per le linee. Suggerisco, oltre alle linee deboli, di codificare ogni livello di commento con un colore diverso. Utilizziamo i colori di Rainbow (ROYGBIV), in cui il rosso è il primo livello e il viola è il livello massimo consentito. Ora è facile trovare il commento del tuo genitore perché abbiamo un'altra indicazione visiva oltre a quella spaziale. Ad esempio, per trovare il genitore di un commento blu, eseguiamo la scansione verso l'alto fino al commento verde più vicino.

Il commento del genitore è fuori dallo schermo

Quando le conversazioni diventano lunghe, il commento del genitore potrebbe essere fuori dallo schermo. Questo può essere risolto con i pulsanti +/-. Puoi contrarre sempre più filiali fino a quando il genitore diventa visibile. Ho scelto di ridisegnare il pulsante +/- di Reddit perché ho trovato strano che li mettessero accanto al nome del poster. Il pulsante dovrebbe agire sul ramo, non eseguire un'azione su un utente. Inoltre, il loro pulsante non è in realtà un pulsante. È solo testo in un tag di ancoraggio. Sembra zoppo e non sembra cliccabile come un pulsante grafico.

Nuovi commenti

Puoi evidenziare nuovi commenti con uno sfondo giallo e una "nuova" etichetta. Ciò che evidenzi come nuovo dipende dalla tua politica. Vorrei probabilmente evidenziare solo i commenti che hanno 1 o 2 ore.

10
JoJo

Commenti non letti: puoi avere un elemento mobile che contiene il numero di commenti non letti e, se fai clic su di esso, ti porta al successivo (simile alla funzionalità della finestra di dialogo "Trova" in Word). Non deve nemmeno fluttuare, può apparire al passaggio del mouse su un commento o persino essere statico accanto ai commenti esistenti (un'icona per "portami al prossimo commento non letto").

Per quanto riguarda la visualizzazione dei genitori - puoi fare ciò che Gmail ha fatto - quando visualizzi lunghe discussioni via e-mail, accanto all'angolo in basso a destra dello schermo c'è una piccola indicazione dell'autore del prossimo commento. E quando scorri verso l'alto, c'è un'indicazione simile accanto all'angolo in alto a destra.

Puoi anche indicarlo con un piccolo rientro e una sottile linea verticale che discende dal genitore. Inoltre, il testo del commento principale può essere disponibile su richiesta (di nuovo, un'icona con il puntatore del mouse su di esso).

4

Non usare uno stile gerarchico e filettato. Basta avere una lista piatta. Questo è molto meglio per gli utenti. Pensi di aver bisogno dello stile threaded ma non lo fai.

3
Pete

Nella mia app Web puoi semplicemente passare dalla visualizzazione gerarchica (per ampie discussioni) all'ordinamento per data (per trovare gli ultimi post). Puoi trovare questa soluzione sul mio sito Web http://chemica.r - scusa, è solo in russo. Potrei anche pubblicare uno screenshot tradotto se necessario :)

2
user3988