De opmaak en de stijl van het commentaar gedeelte, de Comments, wordt vaak minder belangrijk gevonden bij het ontwerpen van een Blog website. Op zich begrijpelijk, het staat helemaal onderaan de pagina en dus zien bezoekers het pas nadat ze de site zelf gezien hebben. En daarnaast, het is meer een functioneel gedeelte van het blog en minder een visueel deel van de site. Dus waarom zou je dan nog extra tijd spenderen aan het designen van het commentaar deel?

Maar juist met Comment styling kun je jouw design onderscheiden van de competitie. Als je de tijd neemt om ook de commentaren en het commentaar formulier een leuk en aantrekkelijk uiterlijk te geven dan zul je een flinke indruk maken op jouw bezoekers. Het geeft indirect ook aan dat je hun commentaren ook belangrijk vindt en dat je bezoekers wilt betrekken in het besproken onderwerp. Hieronder, ter inspiratie, enkele voorbeelden van blogs die de moeite hebben genomen de reacties een leuke vormgeving te geven.

Threaded Weergave of Platte weergave?

Of je de commentaren hierarchisch of plat moet weergeven is een lastige vraag. Wil je bijvoorbeeld dat bezoekers ook met elkaar in discussie gaan? Dan is hierarchisch / threaded de commentaren weergeven de betere optie.

FreelanceSwitch gebruikt bijvoorbeeld een hierarchische opzet bij commentaar.

Maar er kan van threaded commentaar ook misbruik worden gemaakt. Zo kan een commentator met een niet gerelateerde tekst reageren op het 1e commentaar omdat het commentaar dan hoger op de pagina komt te staan.

Nuttige tips

Hier een paar tips hoe je de vormgeving van de commentaren het beste kunt aanpakken.

  1. Laat commentaat van auteur extra opvallenZorg ervoor dat het commentaar van de auteur of de admin goed opvalt tussen alle andere commentaren. Denk daarbij aan het toevoegen van een speciaal icoontje aan het commentaar of door iets te doen met de achtergrondkleur.
  2. Zet er een Gravatar bijMensen houden ervan om te kunnen zien hoe anderen eruit zien als ze hiermee een discussie voeren. Door Gravatars toe te laten kun je dit onderdeel automatiseren en heb je meer kans op discussies. Ook zinvol, maak eigen Gravatar afbeeldingen voor mensen die zelf geen gravatar uploaden. Beter eigen versies dan de standaard afbeeldingen en monsters van WordPress bijvoorbeeld.
  3. Onderscheid commentaar van de TrackbacksTrackbacks vormen eigenlijk geen onderdeel van de discussie. Geeft daarom trackbacks bijvoorbeeld een eigen gedeelte op de pagina.
  4. Gebruik logische symbolen in het ontwerpAls je de commentaren vorm geeft, gebruik dan grafische elementen die passen bij de inhoud. Zoals Speech bubbles, aanhalingstekens, eenvoudige randen, afwijkende achtergrond kleuren, etc.
  5. Verdeel veel commentaar over meerdere pagina’sAls je meer dan 20 of 30 reacties krijgt op jouw blog, zorg dan dat deze overlopen naar een volgende pagina. Dit zal de laad-tijd van jouw pagina versnellen en het geeft de indruk dat je nog meer commentaren hebt dan je werkelijk hebt.

Voorbeelden van leuk ontworpen commentaar

Rockbeatspaper

RockBeats paper

Baekdal.com

Subtraction.com

GoodBytes.be

Squarespace

BlogLESS

Snook.ca

Particletree

The Hickensian, Hicksdesign

Dezinerfolio

Ontwerp van de commentaar formulieren

Voorbeelden Comment Forms

Internet Zillionaire

Authentic Boredom

FreelanceSwitch

Oaktree Creative

BrianYerkes.com

Abduzeedo

WPDesigner.com

Designworkplan

Doc4 Advertising Agency

Mac Appstorm

Productivedreams.com

Gerelateerde Posts:

Tags: , , , ,

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>