Ich freue mich sehr darauf, an der Kommentarfunktion dieser Website zu arbeiten. CSS-Tricks ist Heimat einiger exzellenter Diskussionen, dank all dieser großartigen Leute. Das Design der Kommentarfunktion ist wichtig, denn sie muss diese großartigen Diskussionen präsentieren, diese großartigen Diskussionen am Laufen halten und all die Funktionalität eines auf WordPress basierenden Diskussionsstrangs erleichtern.
Der erste Schritt hier ist die Vorbereitung unserer Photoshop-Datei, um einen schönen, klaren Bereich für das Design von Kommentaren zu schaffen. Wir verwenden ein 2/3 1/3 Raster, also mocken wir das schnell. Wir werden hier nichts allzu verrückt Progressives machen. In der Hauptspalte (2/3) wird der Artikel sein, und darunter die Kommentare. Keine schicken Kommentare in der Seitenleiste oder in einem Popup oder so etwas.
Wir werfen einen Blick auf die v9-Kommentare, um uns zu orientieren. All die Dinge, die man erwarten würde, sind da. Gravatare, Namen, Daten, Text, Antworten-Links... Eine Sache, auf die wir uns entscheiden, zu verzichten, ist das RSS-Symbol. WordPress generiert RSS-Feeds für Threads, aber sie werden nur sehr selten genutzt und das "Kommentare abonnieren" von JetPack ist eine bessere Alternative für Benutzer, die einen Thread verfolgen möchten.
In v9 enthüllen wir den Antworten-Link nur bei :hover. Es gibt eine Media Query, um ihn auf kleineren Bildschirmen immer anzuzeigen, aber das ist etwas wackelig. Das können wir besser machen. In v9 haben wir auch ein System zum "Hervorheben" und "Vergraben" von Kommentaren. Ich kuratiere die Kommentare persönlich und wende diese Labels an. Vermutlich offensichtlich, haben hervorgehobene Kommentare ein gewisses UI, das sie unterscheidet und die Aufmerksamkeit der Leute, die die Kommentare durchsuchen, auf sich zieht. Vergrabene Kommentare werden in v9 einfach versteckt, aber wir können uns da etwas Interessanteres einfallen lassen. Spam-Kommentare oder unhöfliche Kommentare werden einfach gelöscht, aber es gibt eine spezielle Klasse von Kommentaren (z.B. "Toller Beitrag!"), die keine Löschung verdienen, die ich aber hervorheben möchte, um 1) den anderen Benutzern zu beweisen, dass mir ihre Zeit wichtig ist, und 2) den Benutzern beizubringen, dass lahme Kommentare eben lahm sind. Ich habe mehr über die Kuratierung von Kommentar-Threads geschrieben. v10 wird all diese Funktionalität benötigen und noch besser machen. Zum Beispiel wäre die Hervorhebung von Autorenkommentaren eine gute Ergänzung.
Threaded comments sind ein weiteres wichtiges Feature. Ich habe mich bewusst dafür entschieden, nur eine Ebene der Verschachtelung zuzulassen. Das heißt, Sie können auf einen Kommentar antworten, aber Sie können nicht auf eine Antwort antworten. Sie würden einfach auf den ursprünglichen Kommentar antworten und er würde in diesem Unter-Thread erscheinen. Ich habe diese Entscheidung getroffen, weil ich persönlich verwirrt bin und es nicht mag, Kommentar-Threads zu lesen, die tiefer verschachtelt sind.
Am Ende springen wir ein wenig in Photoshop und platzieren ein paar Dinge auf der Seite. Wir sind jetzt gut aufgestellt, um diesen wichtigen Bereich weiter zu gestalten.