Conception de commentaires, discussion et commentaires pour le Web

En cette ère de saturation du contenu sur le Web, les éditeurs en ligne ont la possibilité de se distinguer grâce à leurs communautés respectives. Les communautés qui entourent et utilisent les sites Web sont massivement important, et la façon dont ils interagissent avec ces sites Web, et entre eux, est tout aussi important..

Nous avons l'habitude de voir des fils de commentaires sur des sites Web; certaines montrent des discussions soigneusement préparées et utiles, d'autres sont des quantités non négociables de spam et de traine. Certains sont intelligemment présentés, d'autres le sont moins. Dans le bilan de cette semaine, nous allons jeter un oeil à des exemples inspirants.

Combattre les trolls

La négativité et les abus peuvent ruiner une section de commentaires, au point que de nombreux points de vente de premier plan (tels que The Verge) ont totalement supprimé leurs commentaires.. 

"Ce que nous avons constaté récemment, c'est que le ton de nos commentaires (et de certains de nos commentateurs) devient un peu trop agressif et négatif" - The Verge

Dans ce cas, les commentaires ont finalement été réintégrés, et de nombreux autres continuent à se battre contre le bon combat.

Le Financial Times prend ses sections de commentaires au sérieux; reconnaissant que sans discours sensé la valeur de leur journal en ligne serait considérablement réduite. Le premier commentaire que vous voyez lorsque vous faites défiler l'écran jusqu'en bas est le choix de l'éditeur mis en évidence:

Les commentaires peuvent ensuite être consultés et triés en fonction des plus récents, des plus anciens ou des plus recommandés, ce qui est assez commun à tous les principaux sites Web d'éditeurs de presse.. 

Le niveau d'activité de commentaire FT constitue également une véritable référence:

Les commentaires sont très précieux pour FT en tant que signe d’engagement de l’abonné - @rkapkap #ONALondon

- Lina Rozovskaya (@wy_yw) 1 avril 2016

Slate va un peu plus loin et ramène ses commentaires les plus importants dans le contenu de l'article sous forme de citation. Cela fait deux choses: 

  • Il valide une conversation sincère, encourageant les gens à s’engager correctement.
  • Cela rappelle aux gens qu'il y a une section de commentaires avant d'atteindre le bas de la page:

Designer News utilise une copie émoussée, mais légère, pour encourager un bon comportement (que cela fonctionne ou non, c'est une autre affaire):

Les encouragements positifs sont également le nom du jeu sur CSS Tricks, où un commentaire correct méritera En vedette statut, lui donnant un surlignage jaune brillant:

Visibilité

Les sections de commentaires peuvent occuper énormément de pages, il est donc sage de masquer ces discussions jusqu'à ce qu'elles soient spécifiquement demandées. Sam Solomon cache ses commentaires, mais il est clair qu'ils sont là si nous en avons besoin:

24 Façons masquent également leurs commentaires par défaut, bien qu’un clic rapide sur une évidence comme pour faire basculer leur visibilité. Ce qui est plus important, c’est le langage utilisé pour encourager un bon usage, nous ramenant à la défaite des trolls:

«Les commentaires sont classés par utilité, comme indiqué par vous. Aidez-nous à choisir les perles et à décourager les critiques en votant sur des commentaires notables. ”- 24 Ways

The Guardian ne cache pas les commentaires de ses lecteurs, mais les signale par défaut dans un état réduit. En plus d'une option de tri, vous avez également la possibilité de développer les threads:

L’interface Web de Flipboard permet aux utilisateurs de commenter des articles en glissant un dialogue très complet sur le côté. Dans cette boîte, vous pouvez aimer, partager, upvoter, signaler, suggérer, commenter, connecter, collectionner, tout ce jazz.

Annotation

Chris Coyier a récemment remarqué que le W3C joue avec les annotations:

On dirait que le W3C est intéressé par la normalisation des annotations sur le contenu Web. Http: //t.co/VqcHzKFZLD pic.twitter.com/lqqzE5TQQo

- Astuces CSS (@Real_CSS_Tricks) 4 avril 2016

L'annotation est un moyen de gribouiller dans les marges du Web; votes, commentaires et discussion, précisément ciblés et contextuels. Dans la proposition susmentionnée, il y aurait une norme pour mettre en évidence le contenu et appliquer des commentaires. Même en commentant les commentaires existants-wow! 

Vous avez peut-être déjà utilisé l'annotation sur certains sites Web; jetons un coup d'oeil à certains.

Medium a élevé la barre avec sa plateforme de publication en ligne. Parmi les nombreuses fonctionnalités innovantes figurent les annotations, permettant aux utilisateurs de mettre en évidence, de commenter, de partager ou de recommander ultérieurement cette section..

Utilisation typique du stylo surligneur Medium

Cette forme d'annotation n'est pas entièrement nouvelle, mais elle nous est plus familière dans les applications Web telles que Google Docs:

Mettez en surbrillance les sections, laissez des commentaires, résolvez les problèmes (texte de «La guerre des mondes» de H. G. Wells)

Des workflows d’équipe similaires sont possibles avec Invision. Invision vous permet de télécharger des fichiers de conception et de placer des zones sensibles sur une couche au-dessus. Chaque point d'accès peut héberger des commentaires, des discussions, des votes et des partages jusqu'à ce que le premier intervenant ait le sentiment que le problème a été résolu..

Ressources

Pour continuer, voici quelques ressources pour ajouter vos propres commentaires et annotations à des sites Web (la créativité dont vous les mettez en œuvre dépend ensuite de vous…)

  • Disqus: “un système global de commentaires qui améliore la discussion sur les sites Web et connecte les conversations sur le Web” et ce que nous utilisons ici sur Envato Tuts +. Il y a aussi un plugin WordPress, si cela vous intéresse.
  • Commentaires Facebook: qui ouvrent vos discussions aux vastes plaines de Facebook. 
  • Yoast Comment Hacks: les chances sont, si vous avez déjà utilisé WordPress, vous avez également utilisé l'un des plugins de Joost de Valk. Ce turbo charge votre façon de gérer les commentaires WordPress.
  • Duoshuo: un équivalent chinois de la plateforme de Disqus.
  • Commentaires Jetpack: Jetpack dote votre installation WordPress de nombreuses fonctionnalités optionnelles, dont l’un est ce module de commentaires. Il remplace les commentaires WordPress natifs, en ajoutant des options supplémentaires telles que l'intégration sociale.

Marché Envato

Envato Market a une tonne de plugins de commentaires, des scripts PHP autonomes aux add-ons WordPress. Voici quelques-uns des meilleurs vendeurs!

  • Plugins, commentaires et dialogues Facebook pour WordPress
  • Commentateur Wordpress Plugin
  • WordPress Commentaire Note Plugin
  • Sabai Discuter plugin pour WordPress

Emballer

Les sections de commentaires peuvent constituer une arme à double tranchant pour les éditeurs de contenu. ils donnent une voix aux communautés, mais cette voix peut souvent ruiner les choses pour tout le monde. Un peu de créativité peut mener à une discussion plus efficace. Comment abordez-vous les choses? Où d'autre sur le Web avez-vous constaté une bonne utilisation des commentaires? Dites-le nous bien, vous savez…