Progettazione di commenti, discussioni e feedback per il Web

In questa epoca di saturazione dei contenuti sul Web, l'opportunità per gli editori online di emergere è attraverso le rispettive comunità. Le comunità che circondano e fanno uso di siti Web sono massicciamente importante, e il modo in cui interagiscono con questi siti Web, e tra loro, è altrettanto importante.

Siamo abituati a vedere thread di commenti sui siti web; alcuni mostrano una discussione attentamente curata e preziosa, altri sono inimmaginabili risme di spam e trolling. Alcuni sono presentati in modo intelligente, altri meno. Nel riepilogo di questa settimana daremo un'occhiata ad alcuni esempi di ispirazione.

Combattere i troll

Negatività e abuso possono rovinare una sezione di commenti, al punto che molti punti vendita di alto profilo (come The Verge) hanno rimosso del tutto i loro commenti. 

"Quello che abbiamo scoperto ultimamente è che il tono dei nostri commenti (e alcuni dei nostri commentatori) sta diventando un po 'troppo aggressivo e negativo" - The Verge

In questo caso i commenti sono stati infine reintegrati e molti altri continuano a combattere la buona battaglia.

I Financial Times prendono seriamente le loro sezioni sui commenti; riconoscendo che senza un discorso sensato il valore del loro giornale online sarebbe enormemente ridotto. Il primo commento che si vede scorrendo verso il basso in fondo a un articolo è una scelta editoriale evidenziata:

I commenti possono quindi essere visualizzati e ordinati in base al più recente, più vecchio o più consigliato, qualcosa di abbastanza comune a tutti i principali siti Web di editori di notizie. 

Il livello di attività di commento FT funge anche da vero punto di riferimento:

I commenti sono molto preziosi per FT come segno di impegno del sottoscrittore - @rkapkap #ONALondon

- Lina Rozovskaya (@wy_yw) 1 ° aprile 2016

Slate fa un ulteriore passo avanti e porta i suoi commenti migliori direttamente nel contenuto dell'articolo come blockquote. Questo fa due cose: 

  • Convalida una conversazione autentica, incoraggiando le persone a impegnarsi adeguatamente.
  • Ricorda alla gente che c'è una sezione commenti prima che raggiungano il fondo della pagina:

Designer News usa una copia smussata, ma spensierata per incoraggiare un buon comportamento (che funzioni o meno è un'altra questione):

L'incoraggiamento positivo è anche il nome del gioco su CSS Tricks, dove guadagnerai un commento decente In primo piano stato, dandogli un punto culminante giallo brillante:

Visibilità

Le sezioni dei commenti possono occupare una quantità enorme di spazio sulla pagina, quindi è spesso consigliabile nascondere tali thread fino a quando non vengono specificamente richiesti. Sam Solomon nasconde i suoi commenti, ma è chiaro che sono lì se ne abbiamo bisogno:

24 Ways nasconde anche i loro commenti di default, anche se un rapido click su un ovvio come altererà la loro visibilità. La cosa più significativa è il linguaggio usato per incoraggiare un uso corretto, riportandoci a battere i troll:

"I commenti sono ordinati per disponibilità, come indicato da voi. Aiutaci a scegliere le gemme ea scoraggiare l'assoterica votando su commenti degni di nota. "- 24 modi

The Guardian non nasconde i commenti dei loro lettori, ma li pubblica in uno stato collassato per impostazione predefinita. Oltre a un'opzione di ordinamento, hai anche la possibilità di espandere i thread:

L'interfaccia web di Flipboard consente agli utenti di commentare i post scorrendo in un dialogo molto completo dal lato. All'interno di questa finestra puoi gradire, condividere, upvotare, segnalare, suggerire, commentare, connettere, collezionare, tutto quel jazz.

Annotazione

Chris Coyier ha notato di recente che il W3C sta giocando con le annotazioni:

Sembra che il W3C sia interessato a standardizzare le annotazioni sul web content.https: //t.co/VqcHzKFZLD pic.twitter.com/lqqzE5TQQo

- CSS-Tricks (@Real_CSS_Tricks) 4 aprile 2016

L'annotazione è un modo di scarabocchiare ai margini del web; voti, feedback e discussioni, precisamente mirati e contestuali. Nella proposta di cui sopra, ci sarebbe uno standard per evidenziare il contenuto e applicare commenti. Anche commentando commenti esistenti-wow! 

Potresti aver già usato annotazioni su alcuni siti Web; diamo un'occhiata ad alcuni.

Medium ha alzato il livello con la sua piattaforma di pubblicazione online. Tra le molte funzionalità innovative ci sono le annotazioni, che consentono agli utenti di evidenziare, successivamente commentare, condividere o consigliare quella sezione.

Uso tipico della penna di evidenziazione di Medium

Questa forma di annotazione non è completamente nuova, ma ci è più familiare nelle app Web come Google Documenti:

Evidenzia le sezioni, lascia i commenti, risolvi i problemi (testo di H. G. Wells "La guerra dei mondi")

Flussi di lavoro di team simili sono possibili con Invision. Invision ti consente di caricare file di progettazione e posizionare gli hotspot su un livello in alto. Ogni hotspot può ospitare commenti, discussioni, votazioni e condivisione, finché il commentatore iniziale non ritiene che il punto sia stato risolto.

risorse

Passando, ecco un paio di risorse per aggiungere i tuoi commenti e annotazioni ai siti web (in che modo creativo li implementerai dipende solo da te ...)

  • Disqus: "un sistema di commento globale che migliora la discussione sui siti Web e collega le conversazioni sul web" e ciò che usiamo qui su Envato Tuts +. C'è anche un plugin per WordPress, se sei interessato.
  • Commenti di Facebook: che aprono le tue discussioni alle vaste pianure di Facebook. 
  • Yoast Comment Hacks: le probabilità sono, se hai già usato WordPress, hai anche usato uno dei plugin di Joost de Valk. Questo turbo addebita il modo in cui gestisci i commenti di WordPress.
  • Duoshuo: una piattaforma cinese equivalente a Disqus.
  • Commenti Jetpack: Jetpack equipaggia la tua installazione di WordPress con una tonnellata di diverse funzioni opzionali, una delle quali è il modulo dei commenti. Sostituisce i commenti nativi di WordPress, aggiungendo ulteriori campane e fischietti come l'integrazione sociale.

Mercato Envato

Envato Market ha un sacco di plugin per commenti, da script PHP standalone, a componenti aggiuntivi di WordPress. Ecco alcuni dei più venduti!

  • Plugin, commenti e dialoghi di Facebook per WordPress
  • Commentatore Wordpress Plugin
  • Plugin di valutazione dei commenti di WordPress
  • Sabai Discuti plugin per WordPress

Avvolgendo

Le sezioni dei commenti possono essere un'arma a doppio taglio per gli editori di contenuti; danno alle comunità una voce, ma quella voce può spesso rovinare le cose per tutti. Un po 'di pensiero creativo può portare a discussioni più efficaci. Come ti avvicini alle cose? Dove altro sul web hai visto un buon uso dei commenti? Facci sapere in th- bene, sai ...