Ik ben erg opgewonden om aan het commentaargedeelte voor deze site te werken. CSS-Tricks is de thuisbasis van een aantal uitstekende discussies, dankzij jullie allemaal. Het ontwerpen van het opmerkingengedeelte is belangrijk omdat het die geweldige discussies onder de aandacht moet brengen, die geweldige discussies gaande moet houden en alle functionaliteit van een op WordPress gebaseerde discussiethread moet vergemakkelijken.
De eerste stap hier is het voorbereiden van ons Photoshop-bestand zodat het een mooi schoon gebied heeft om opmerkingen in te ontwerpen. We gebruiken een 2/3 1/3 raster, dus we bespotten dat snel. We zullen hier niets te gek progressief doen. In de 2/3 hoofdkolom staat het artikel en daaronder de commentaren. Geen mooie opmerkingen in de zijbalk of in een pop-up of iets dergelijks.
We bekijken de v9-opmerkingen om ons te oriënteren. Alle dingen die je zou verwachten, zijn aanwezig. Gravatars, namen, datums, tekst, antwoordlinks ... Een ding dat we besluiten te laten vallen, is het RSS-pictogram. WordPress genereert RSS-feeds voor discussielijnen, maar het wordt zelden gebruikt en het "Abonneren op reacties" aangeboden door JetPack is een beter alternatief voor gebruikers die een discussie willen bijhouden.
In v9 onthullen we alleen de antwoordlink on: hover. Er is een mediaquery om het altijd op kleinere schermen te laten zien, maar dat is een beetje gek. Daar kunnen we het beter doen. In v9 hebben we ook een systeem voor het “tonen” en “begraven” van commentaren. Ik stel persoonlijk de commentaren samen en pas deze labels toe. Het is duidelijk dat aanbevolen opmerkingen een beetje een gebruikersinterface voor hen hebben die hen onderscheidt en de aandacht trekt van mensen die door de opmerkingen bladeren. Begraven commentaren in v9 zijn gewoon verborgen, maar we kunnen daar iets interessants doen. Spamcommentaar of onbeleefde reacties worden zojuist verwijderd, maar er is een speciale categorie reacties (bijv. "Geweldig bericht!") Die niet verwijderd moeten worden, maar ik wil graag minder nadruk leggen op 1) aan de rest van de gebruikers bewijzen dat ik geven om hun tijd en 2) leer gebruikers dat flauwe opmerkingen zwak zijn. Ik heb hier meer geschreven over het beheren van reactiethreads.v10 zal al die functionaliteit alleen nog beter moeten doen. Het opmaken van reacties van auteurs zou bijvoorbeeld een goede toevoeging zijn.
Discussielijnen zijn een ander belangrijk kenmerk. Ik heb er specifiek voor gekozen om slechts één niveau van nesten toe te staan. Net als in, kun je een reactie achterlaten op een reactie, maar je kunt geen reactie achterlaten op een reactie. U beantwoordt gewoon de oorspronkelijke opmerking en deze verschijnt in die subthread. Ik heb deze keuze gemaakt omdat ik persoonlijk in de war raak en niet graag commentaarthreads leest die verder nestelen.
We springen een beetje in Photoshop en zetten een paar dingen op de pagina. We zijn nu in goede vorm om door te gaan met het ontwerpen van dit belangrijke gebied.