Kommentar-Threads kuratieren

Avatar of Chris Coyier
Von Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Lange Kommentar-Threads zu Blogbeiträgen sind ein zweischneidiges Schwert. Es ist großartig, eine so rege Community-Diskussion angestoßen zu haben. Aber alles über, sagen wir, 20 Kommentare hinaus übersteigt allmählich, was jemand bereit ist wirklich zu lesen. Wahrscheinlich lesen die Leute den Artikel, die ersten paar Kommentare und beginnen dann einfach, sie zu überfliegen (mit immer höherer Geschwindigkeit), bis sie das Ende erreichen, und lesen dann den letzten oder zwei. Zumindest tue ich das.

WordPress fügt einzelnen Kommentar-<li>-Tags automatisch eine Klassenbezeichnung für den Autor („bypostauthor“) und eine Vielzahl anderer ähnlicher Dinge hinzu. Viele Themes nutzen diese Hooks, um spezielle Stile anzuwenden. So fallen Kommentare des Autors etwas auf und jemand, der den Artikel überfliegt, kann innehalten, um die Kommentare des Autors zu lesen, die vermutlich von größerem Interesse sind als die anderen.

Das ist ein guter Anfang, aber wir können mehr tun, um Kommentar-Threads zu kuratieren, um sie für unsere Besucher lesbarer zu machen.

Die Werkzeuge, die wir jetzt haben

In den letzten Jahren haben sich einige Designmuster zur Behandlung von Kommentar-Threads herausgebildet.

  • Antworten / Threaded Comments
    Threaded comments (verschachtelte Kommentare) bedeuten, dass neben den Kommentaren „Antworten“-Buttons vorhanden sind, auf die andere Kommentatoren klicken können, um diesen spezifischen Untergespräch fortzusetzen. Dies erleichtert die Lesbarkeit von Konversations-Threads erheblich, da jede Konversation eingegrenzt wird, anstatt einen Kommentar 20 Kommentare weiter unten zu lesen, der eine Antwort auf einen Kommentar war, der 20 Kommentare weiter oben stand.

    Ich mag es, die „Tiefe“ von verschachtelten Konversationen auf nur wenige Ebenen zu beschränken, da ich persönlich es verwirrender finde, wenn ich versuche, einem verschachtelten Thread zu folgen, der mehr als 3 Ebenen tief ist.

    Dies kann auch potenziell missbraucht werden, indem Leute auf andere Kommentare antworten, nur um höher in der Kommentarliste zu erscheinen.

  • Autor / Admin Kommentare
    Wahrscheinlich ist es von besonderem Interesse, wenn der Autor eines Beitrags (oder ein anderer Website-Administrator) sich in einen Kommentar-Thread einmischt. Das klingt ein wenig pompös, so gesagt... aber im Allgemeinen finde ich, dass es auf anderen Blogs, die ich lese, zutrifft. Das Hervorheben dieser Kommentare kann für diejenigen, die den Kommentar-Thread überfliegen, nützlich sein. Wie ich zu Beginn dieses Artikels erwähnte, macht WordPress dies einfach, indem es automatisch Klassenbezeichnungen wie „bypostauthor“ für Elemente der Kommentarliste anwendet.

    Erweiterung dieser Idee: Regelmäßige Kommentatoren oder Kommentatoren mit zuverlässig hochwertigen Einsichten könnten auf die gleiche Weise behandelt werden. Intense Debate macht das mit „Reputation“ irgendwie so.

  • Abstimmung
    In einer ausreichend großen Community ist die Ermöglichung von Abstimmungen der Leser über Kommentare eine Möglichkeit, Kommentar-Threads auf natürliche Weise zu kuratieren. Der große Fehler, den ich hier finde, ist, dass bei kontroverseren Ausgangsmaterialien die Leute eher danach abstimmen, auf welcher Seite des Zauns sie sitzen, anstatt nach der Qualität des Kommentars. Bei weniger kontroversen Materialien sind die Leute weniger motiviert, abzustimmen.

    Die Leute zu bitten, ausschließlich auf der Grundlage der Qualität der Einblicke einer anderen Person abzustimmen, ist meiner Meinung nach eine Menge verlangt.

  • Pagination (Seitennummerierung)
    Wenn die betreffende Website oft Hunderte von Fragen hat, könnten Sie die Kommentare paginieren, wenn auch nur aus Gründen der Bandbreite (das Scrollen selbst ist keine große Sache).

    Persönlich hasse ich paginierte Kommentare. Auf keinen Fall werde ich eine Seite Kommentare lesen, zu Seite 2 wechseln, diese lesen, zu Seite 3 wechseln. Das wird einfach nicht passieren.

    Oben ist Nick La’s Web Designer Wall. Nick ist ein Killer-Designer, der mit dem Problem vieler Kommentare konfrontiert ist. Er hat wahrscheinlich seine Gründe für die Paginierung, aber in jedem Fall werde ich nicht alle auf diese Weise lesen.

  • Moderation
    Das Thema hier ist „Kuration“. Wie ich oben erwähnt habe, ist eine Möglichkeit dafür Tatkraft. Kommentare entfernen, die sinnlos, themenfremd oder unhöflich sind. Das allein trägt erheblich zur Lesbarkeit eines Kommentar-Threads bei.

Eine neue (süße) Lösung für WordPress

Ich suchte nach einer anderen Lösung, etwas einfacherem, bei dem ich eine Diskussion selbst kuratieren konnte. Ich habe es als einen meiner WordPress-Wünsche auf Digging Into WordPress gepostet. Nur einen Tag später schickte mir ein Entwickler namens Utkarsh Kukreti eine Version 1.0 eines Feature/Bury Comments Plugins für WordPress. Hier ist das Plugin im Repository und hier ist Utkarshs Ankündigungspost.

Was dieses brandneue Plugin tut (nur WP 2.9 und neuer), ist, neue klickbare Optionen hinzuzufügen, wenn Kommentare im Admin-Bereich angezeigt werden.

Diese Optionen sind auch beim Anzeigen eines einzelnen Kommentars verfügbar. Sie können als „Feature“ (hervorgehoben) oder „Bury“ (vergraben) markieren und natürlich auch wieder „UNfeature“ und „UNbury“.

Das Klicken auf „Feature“ oder „Bury“ wendet diese Kommentar-Metadaten auf den Kommentar an und wird dann zusammen mit den anderen Klassenbezeichnungen ausgegeben, wie hier:

Klassenbezeichnung, die auf die Kommentar-Ausgabe angewendet wird.

Das ist buchstäblich alles, was es tut. Es gibt Ihnen Klassenbezeichnungen zum Arbeiten. Hooks, meine Freunde. Hooks, die Sie dann verwenden, um einzigartige Stile anzuwenden und sie mit JavaScript anzusprechen, um sie entsprechend „hervorzuheben“ oder zu „vergraben“, wie Sie es für Ihre Website für notwendig erachten.

Ich überlege noch genau, wie ich das auf CSS-Tricks handhaben möchte, aber ich zeige Ihnen, was ich bisher habe. Wenn ich einen Kommentar hervorhebe, färbe ich ihn einfach blau. Eine sehr einfache kleine Änderung, aber denken Sie daran, dass unser einziges Ziel hier ist, den Kommentar ein wenig abzuheben, um die Aufmerksamkeit eines Besuchers zu erregen, der ihn überfliegt.

CSS nutzt den Klassen-Hook hier, um einfach die Farbe des hervorgehobenen Kommentars auf Blau zu ändern.

Bei vergrabenen Kommentaren verberge ich den Text und das Gravatar des Benutzers des Kommentars und lasse ihn mit Opazität verblassen. Der Kommentar ist nicht weg, er ist nur im Grunde ein Geist, wenn die Seite geladen wird. Wenn jemand den Kommentar lesen möchte, muss er nur darauf klicken und er wird zu einer normalen Ansicht erweitert.

Warum vergraben und nicht löschen? Nun, ich werde immer noch einiges löschen, besonders bei unhöflichen Kommentaren, aber manche Kommentare sind nicht unhöflich, sie tragen einfach nichts zur Konversation bei. Dinge wie „schöner Beitrag!“ (wenn es eindeutig kein Spam ist), würde ich vergraben.

Das Ghosting-Zeug in jQuery

$("li.buried").each(function() {
  
    $el = $(this);
    
    $el.find(".avatar").hide();
    $el.find("p").hide();
  
  }).click(function() {
  
    $el = $(this).animate({ opacity: 1 });
    
    $el.find(".avatar").slideDown();
    $el.find("p").slideDown();
  
});

…und wieder, ich bin mir nicht sicher, ob dies die bestmögliche Lösung ist oder wie lange ich sie beibehalten werde, aber ich mag das Feature/Bury-System definitiv und beabsichtige, es beizubehalten. Es ist nur der visuelle Designteil, über den ich noch nachdenke. Ein Problem ist, dass die geghosteten Kommentare nicht anzeigen, wie sie erweitert werden können. Ich möchte keine erklärenden Texte (bevorzuge etwas natürlicheres) und ich bin mir nicht sicher, ob ich ihnen einen Rollover-Zustand geben möchte. Vielleicht nur ein Zeiger-Cursor, ich weiß nicht.

Die, die vor uns kamen…

Leute denken über die Kuration von Online-Gesprächen nach, seit es Online-Gespräche gibt. Hier sind einige andere Gedanken und Arbeiten, die uns vorausgegangen sind.

Meilensteine

Jason Santa Maria schrieb über „Cultivating Conversations“ und fasste das Problem schön in der Eröffnungsbemerkung zusammen

Ich besuche eine Website und lese einen Artikel. Mann, das war wirklich großartig. Ich möchte einen Kommentar schreiben und dem Autor eine Frage stellen. Ich scrolle nach unten… 384 Kommentare. Ugh. Vergiss es.

Er schlägt eine „Meilenstein“-Idee vor. Kurze Textbrocken, die zusammenfassen, was passiert ist und was vor uns liegt. Tolle Idee, aber das bedeutet ziemlich viel Arbeit.

Jason Santa Marias „Meilenstein“-Beispiel

Inspiriert von

Dunstan Orchard hatte vor sieben Jahren einige Ideen über das Hinzufügen von Metainformationen zu Kommentaren darüber, wer den Kommentar inspiriert hat und welche anderen Kommentare dieser inspiriert. Es ist ein ähnliches Konzept wie das Threading, nur ohne die Threads. Ich bin mir nicht sicher, ob mir diese Idee sehr gefällt (nun, doch irgendwie schon, aber ich denke, sie fügt zu viel visuellen Unordnung hinzu).

Dunstan's andere Idee war jedoch, eine Checkbox-Option beim Antworten auf einen Kommentar hinzuzufügen: „(Original-Kommentator) über Ihren Kommentar informieren“. Dies würde dem ursprünglichen Kommentator eine E-Mail senden, um ihn darüber zu informieren, dass sein Kommentar beantwortet wurde.

Dunstan Orchards Idee für inspirierte/inspirierende Kommentare, plus Option zur Benachrichtigung des ursprünglichen Kommentators.

Diese Idee gefällt mir, da ich glaube, dass es ziemlich universell ist, dass Leute wissen wollen, wann ihre Ideen beantwortet werden. Es müsste jedoch eine Art Opt-in-System dafür geben, da es definitiv Leute gibt, die es nicht schätzen würden.

Digg

Digg hat versucht, seine Kommentar-Threads zu verbessern, indem es ein Mikrokosmos des Digg-Modells selbst verwendet. Benutzer können einzelne Kommentare nach oben oder unten diggen. Kommentare mit zu vielen negativen Stimmen werden aus der allgemeinen Ansicht ausgeblendet, es sei denn, ein Leser wählt sie explizit aus. Eine ziemlich anständige Lösung, aber das legt viel Gewicht auf die Benutzer der Website. Ganz zu schweigen davon, dass man ein ziemlich großes Publikum braucht, damit es überhaupt funktioniert.

Vermutlich war der Kommentar in der Mitte hier nicht lesenswert, wie von anderen Digg-Nutzern bestimmt. Ich denke, das hilft den Digg-Kommentar-Threads wahrscheinlich, aber sie sind immer noch ziemlich schrecklich.

Kommentar-Aggregatoren

Kommentarsysteme wie Intense Debate und Disqus (oben) bieten ein ähnliches System. Leute können Kommentare in Disqus „liken“ oder in Intense Debate mit Daumen hoch/runter bewerten und dann nach verschiedenen Optionen sortieren, einschließlich der besten Bewertung.

Tatkraft

Wenn Sie eine Konversation kuratieren möchten, ist eine Möglichkeit, die Ärmel hochzukrempeln und sie zu kuratieren. Roger Ebert tut dies, indem er seine eigenen Kommentare moderiert und bei Bedarf eingreift.

Roger Ebert greift in die Kommentare auf seinem Blog ein (Beispiel), indem er einfach seinen eigenen fetten Text an die Kommentare anhängt. Einfach, aber überraschend effektiv. Ich erinnere mich, dass Smashing Magazine das früher auch gemacht hat.

Natürlich können Sie hier Ihre Gedanken und Ideen zur Kuration von Kommentar-Threads mitteilen. Das folgende Gespräch wird kuratiert =)