Opmerkingen, discussie en feedback ontwerpen voor het web

In dit tijdperk van verzadiging van inhoud op internet is een van de mogelijkheden voor online uitgevers om op te vallen via hun respectieve community's. De communities die websites omringen en gebruiken zijn dat wel massief belangrijk, en hoe ze op die websites en elkaar inwerken, is even belangrijk.

We zijn gewend om opmerkingen te zien op websites; sommige laten een zorgvuldig samengestelde en waardevolle discussie zien, andere zijn onbevaarbare pakken spam en trolling. Sommige worden slim gepresenteerd, andere minder. In de afronding van deze week zullen we enkele inspirerende voorbeelden bekijken.

Vechten tegen de trollen

Negativiteit en misbruik kunnen een opmerkingensectie verpesten, tot het punt dat veel spraakmakende winkels (zoals The Verge) hun opmerkingen helemaal hebben verwijderd. 

"Wat we de laatste tijd hebben gevonden, is dat de toon van onze opmerkingen (en enkele van onze commentatoren) een beetje te agressief en negatief wordt" - The Verge

In dit geval werden de reacties uiteindelijk hersteld en vele anderen blijven het goede gevecht bestrijden.

De Financial Times nemen hun commentaarsecties serieus; erkennend dat zonder zinvol vertoog de waarde van hun online krant enorm zou worden verminderd. De eerste opmerking die u ziet als u naar beneden scrolt naar de onderkant van een artikel, is de keuze van een geselecteerde editor:

Reacties kunnen dan worden bekeken en gesorteerd op de nieuwste, oudste of meest aanbevolen, iets dat vrij algemeen is voor alle belangrijke nieuwsuitgeverswebsites. 

Het niveau van de FT-commentaaractiviteit fungeert ook als een echte benchmark:

Reacties zijn erg waardevol voor FT als teken van inschikkelijkheid van de abonnee - @rkapkap #ONALondon

- Lina Rozovskaya (@wy_yw) 1 april 2016

Slate gaat nog een stap verder en brengt hun topopmerkingen meteen in de inhoud van het artikel als een blockquote. Dit doet twee dingen: 

  • Het valideert een echt gesprek en moedigt mensen aan zich op de juiste manier in te laten.
  • Het herinnert mensen eraan dat er een sectie met opmerkingen is voordat ze de onderkant van de pagina bereiken:

Designer News gebruikt een stomp, maar luchtig exemplaar om goed gedrag aan te moedigen (of het werkt of niet, is een andere kwestie):

Positieve aanmoediging is ook de naam van het spel op CSS Tricks, waar een goede opmerking wordt verdiend Aanbevolen status, waardoor het een glanzend geel hoogtepunt krijgt:

Zichtbaarheid

Reactiegedeelten kunnen enorm veel pagina's beslaan, dus het is vaak verstandig om die threads te verbergen totdat ze specifiek worden aangevraagd. Sam Solomon verbergt zijn opmerkingen, maar het is duidelijk dat ze er zijn als we ze nodig hebben:

24 manieren verbergen ook hun opmerkingen standaard, hoewel een snelle klik op een voor de hand liggend soort hun zichtbaarheid zal veranderen. Wat nog belangrijker is, is de taal die wordt gebruikt om goed gebruik aan te moedigen en ons terug te brengen naar het verslaan van trollen:

"Opmerkingen worden gesorteerd op hulpvaardigheid, zoals door u aangegeven. Help ons de edelstenen te kiezen en ontmoedig aschatterij door te stemmen op opmerkelijke opmerkingen. "- 24 manieren

The Guardian verbergen de opmerkingen van hun lezers niet, maar serveren ze standaard in een ingeklapte staat. Naast een sorteeroptie heeft u ook de mogelijkheid om de threads uit te breiden:

De Flipboard webinterface stelt gebruikers in staat commentaar te leveren op berichten door een zeer complete dialoog vanaf de zijkant in te schuiven. In deze box kun je al die jazz leuk vinden, delen, upvoten, rapporteren, voorstellen, reageren, verbinden, verzamelen.

aantekening

Chris Coyier heeft onlangs opgemerkt dat de W3C spelen met annotatie:

Het lijkt erop dat het W3C geïnteresseerd is in het standaardiseren van annotaties op webcontent.https: //t.co/VqcHzKFZLD pic.twitter.com/lqqzE5TQQo

- CSS-Tricks (@Real_CSS_Tricks) 4 april 2016

Annotatie is een manier om in de marge van het web te krabbelen; stemmen, feedback en discussie, precies gericht en contextueel. In het bovengenoemde voorstel is er een standaard voor het markeren van inhoud en het toepassen van opmerkingen. Zelfs commentaar geven op bestaande opmerkingen - wauw! 

Mogelijk hebt u op sommige websites al annotaties gebruikt; laten we wat bekijken.

Medium verhoogde de lat met hun online publicatieplatform. Tot de vele innovatieve functies behoren de annotaties, waardoor gebruikers deze sectie kunnen markeren, vervolgens kunnen becommentariëren, delen of aanbevelen.

Typisch gebruik van de markeerstift van Medium

Deze vorm van annotatie is niet geheel nieuw, maar het is meer vertrouwd voor ons in web-apps zoals Google Docs:

Markeer secties, laat opmerkingen achter, los problemen op (tekst uit H. G. Wells '"The War of the Worlds")

Vergelijkbare teamworkflows zijn mogelijk met Invision. Met Invision kun je ontwerpbestanden uploaden en hotspots op een laag plaatsen. Elke hotspot kan opmerkingen, discussie, stemmen en delen hosten, totdat de eerste commenter denkt dat het punt is opgelost.

Middelen

Verder gaan hier een aantal middelen om uw eigen opmerkingen en annotaties toe te voegen aan websites (hoe creatief u ze vervolgens implementeert, is aan u ...)

  • Disqus: "een wereldwijd reactiesysteem dat de discussie over websites verbetert en gesprekken over het web verbindt" en wat we hier op Envato Tuts + gebruiken. Er is ook een WordPress-plug-in, als je geïnteresseerd bent.
  • Facebookcommentaar: wat je discussies opent naar de uitgestrekte vlakten van Facebook. 
  • Yoast Comment Hacks: de kansen zijn dat, als je eerder WordPress hebt gebruikt, je ook een plug-in van Joost de Valk hebt gebruikt. Deze ene turbo laadt de manier waarop je WordPress-opmerkingen beheert.
  • Duoshuo: een Chinees equivalent van het platform van Disqus.
  • Jetpack-opmerkingen: Jetpack rust uw WordPress-installatie uit met een groot aantal verschillende optionele functies, waaronder deze opmerkingenmodule. Het vervangt de native WordPress-opmerkingen en voegt extra toeters en bellen toe, zoals sociale integratie.

Envato Market

Envato Market heeft een hoop commentaar-plug-ins, van stand-alone PHP-scripts, tot WordPress-add-ons. Hier zijn enkele van de topverkopers!

  • Facebook-plug-ins, opmerkingen en dialogen voor WordPress
  • Commentator Wordpress Plugin
  • WordPress Commentaar Beoordeling Plugin
  • Sabai Discussie bespreken voor WordPress

Afsluiten

Opmerkingensecties kunnen een tweesnijdend zwaard zijn voor uitgevers van inhoud; ze geven gemeenschappen een stem, maar die stem kan vaak dingen verpesten voor iedereen. Een beetje creatief denken kan leiden tot een effectievere discussie. Hoe benader je de dingen? Waar heb je op het internet nog goed gebruik van reacties gezien? Laat het ons weten in de - nou, weet je ...