Observations sur la conception des commentaires, meilleures pratiques et exemples
Le style des commentaires est un aspect souvent négligé de la conception de blogs. Après tout, ils sont au bas de la page et ne sont vus que lorsque les visiteurs ont déjà une impression de votre site. Ils sont vraiment plus que fonctionnels. Pourquoi investir beaucoup de temps à les styler et à les rendre vraiment remarquables?
Mais un bon style de commentaire peut différencier vos dessins de vos concurrents. Prendre le temps de concevoir vos commentaires et votre formulaire de commentaire peut faire forte impression sur vos visiteurs habituels. Inconsciemment, cela signifie que vous vous souciez de leur opinion et que vous souhaitiez qu'ils participent à des discussions sur votre site..
Vous trouverez ci-dessous quelques bonnes pratiques et des exemples de création d'un superbe système de commentaires sur la conception de votre prochain blog..
Coiffant Vues de commentaires
Le style de vos commentaires peut avoir un impact considérable sur la perception globale que les visiteurs ont de votre blog. Cela montre que vous vous souciez suffisamment de ce que vos lecteurs ont à dire pour prendre le temps de montrer leurs remarques de manière élégante et conviviale..
Vue filetée ou vue plate?
Que ce soit pour avoir des commentaires filetés ou simplement pour les commander chronologiquement est toujours une question difficile. Il y a quelques points à considérer lorsque vous essayez de décider.
Tout d'abord, si vous souhaitez que vos visiteurs discutent activement de vos publications, les commentaires enchaînés contribuent grandement à la promotion de cette publication, en particulier si vous avez beaucoup de commentaires..
D'autre part, les commentaires filetés sont parfois maltraités. Les commentateurs peuvent répondre au premier commentaire sur le fil par quelque chose de complètement indépendant, juste pour que leur commentaire apparaisse plus près du haut des commentaires (bien sûr, vous pouvez toujours les modérer pour éviter cela, mais c'est un travail supplémentaire pour l'admin).
Si vous souhaitez que les commentateurs répondent directement à l'article et non les uns aux autres, il est alors plus judicieux d'avoir des commentaires clairs..
Les deux options ont leurs propres avantages et inconvénients, vous devez donc vraiment peser les avantages et les inconvénients de chacune avant de prendre une décision..
Les meilleures pratiques
Voici quelques conseils pour créer des conceptions de commentaires plus efficaces..
Souligner les commentaires de l'auteur
Lors de la conception de vos commentaires, vous devez faire quelque chose pour que les commentaires de l'auteur ou de l'administrateur se distinguent des autres de la page. Cela peut être en ajoutant une icône au commentaire ou en changeant la couleur de fond.
Ce type de style permet aux commentateurs de voir plus facilement les réponses directement de l'auteur et peut contribuer à accroître la discussion..
Inclure un gravatar
Les gens aiment voir les visages des autres quand ils discutent. En activant Gravatars, vous automatisez ce processus et encouragez la discussion..
Points bonus: Utilisez une image Gravatar personnalisée pour ceux qui n'ont pas la leur, plutôt que les images géométriques standard ou les monstres.
Séparer les commentaires des rétroliens
Les rétroliens ne font vraiment pas partie de la discussion (du moins pas celle qui se déroule sur votre blog), et ne devraient pas être inclus en ligne avec d'autres commentaires..
Attribuez aux rétroliens leur propre domaine spécial, soit au-dessus (si vous obtenez généralement plus de commentaires que de rétroliens), soit en dessous de tous les autres commentaires (si vous obtenez généralement plus de rétroliens que de commentaires)..
Utiliser des éléments de conception qui ont du sens
Lorsque vous modifiez vos commentaires, pensez aux éléments de conception qui ont du sens en ce qui concerne le type de contenu. Les bulles de dialogue, les guillemets, les bordures simples et les couleurs de fond alternées améliorent vos commentaires et améliorent la lisibilité..
Paginez vos commentaires
Si vous recevez régulièrement plus de 20 ou 30 commentaires sur votre blog, envisagez de les paginer pour améliorer le temps de chargement de votre page..
Les commentaires paginés peuvent également donner l'impression que vous avez plus de commentaires que vous, car naviguer vers de nouvelles pages donne presque toujours aux gens l'impression qu'il y a plus de contenu..
Rendre possible la liaison directe à des commentaires individuels
L'inclusion d'un lien d'ancrage à chaque commentaire permet aux visiteurs de partager plus facilement leur commentaire avec d'autres personnes..
Si quelqu'un a une discussion particulièrement intéressante dans les commentaires sur votre blog, il peut être utile d'inviter d'autres personnes à y participer. Un lien direct vers leur dernier commentaire ou le fil de discussion dans lequel elles commentent facilite la tâche..
Exemples: Vues de commentaires soignés
Rockbeatspaper
Baekdal.com
Subtraction.com
GoodBytes.be
Squarespace
BlogLESS
Snook.ca
Particletree
Le hickensian, Hicksdesign
Dezinerfolio
Conception Formulaires de commentaires
Votre formulaire de commentaire doit être convivial et inciter les visiteurs à participer à la discussion qui se déroule sur votre blog. Même si une bonne conception de formulaire de commentaire ne vous apportera probablement pas une tonne de commentaires du jour au lendemain, un formulaire mal conçu peut définitivement empêcher vos lecteurs de commenter..
Considérations et meilleures pratiques
Lors de la conception de votre formulaire de commentaire, vous devez prendre en compte un grand nombre d'éléments, qu'il s'agisse d'inclure des précautions supplémentaires en matière de spam ou de gérer les réponses. Voici quelques conseils pour prendre ces décisions, ainsi que d’autres..
Positionner votre formulaire de commentaire
Ceci est une considération très importante lors de la conception de votre système de commentaires global. Voulez-vous que votre formulaire de commentaire soit directement sous le message lui-même ou à la fin des commentaires?
La meilleure façon de décider est de vous demander si vous souhaitez que les commentateurs discutent activement du post entre eux ou tout simplement centrer leurs commentaires sur le post lui-même..
Si c'est la première option, placez votre formulaire de commentaire à la fin des commentaires. Si c'est le dernier cas, placez-le directement sous l'article, au-dessus des commentaires..
Prévention du spam
Même si vous utilisez un utilitaire de prévention du spam tel qu'Akismet, l'ajout d'un peu de protection anti-spam directement à votre formulaire peut encore réduire la quantité de spam que vous recevez..
Il existe deux options communes: l'une est un captcha, ce qui peut être difficile à déchiffrer pour de nombreux utilisateurs (bien que certains systèmes de captcha soient nettement meilleurs que d'autres); l'autre est un système basé sur des questions, utilisant souvent une simple équation mathématique à laquelle les commentateurs doivent répondre avant que leurs commentaires ne soient soumis.
Demander un compte ou autoriser d'autres identifiants
Si vous recevez un volume particulièrement élevé de commentaires de spam ou si vous rencontrez des problèmes avec des commentaires abusifs, il peut être avantageux de demander aux commentateurs de disposer d'un compte. D'autres options incluent la possibilité pour les utilisateurs de se connecter avec un autre compte, tel que Twitter, Facebook Connect ou OpenID..
Le fait de demander une connexion permet aux utilisateurs de se sentir plus responsables des commentaires qu’ils laissent, ce qui peut signifier moins de commentaires abusifs ou de spam. Bien sûr, exiger un identifiant peut également réduire le nombre de commentaires que vous recevez, car certaines personnes ne s’ennuieront pas..
Traitement des réponses
Si vous souhaitez permettre à vos visiteurs de répondre directement à d'autres commentateurs, il est important de décider si vous voulez un formulaire de commentaire en ligne qui apparaît lorsqu'un commentaire frappe une réponse, ou si vous souhaitez simplement le diriger vers le formulaire de commentaire déjà présent. la page.
L’un ou l’autre va bien, bien que la première option soit parfois moins déroutante (sachant que vous répondez définitivement à un message en particulier, au lieu de commenter en général).
Champs de formulaire de positionnement
La manière dont vous positionnez et étiquetiez les champs dans votre formulaire de commentaire peut avoir un impact important sur la convivialité de ce formulaire. Utilisabilité Post a un excellent article qui couvre ce plus en profondeur.
Instructions de formulaire
Facilitez la tâche de vos commentateurs pour savoir quels champs de votre formulaire de commentaire ils doivent remplir. Indiquez-leur également que des éléments tels que leur adresse électronique ne seront pas rendus publics..
Validation
Votre formulaire de commentaire doit indiquer à votre intervenant que son commentaire a été posté avec succès, même si tous les commentaires ou certains d'entre eux sont modérés..
Si vous faites des commentaires modérés, assurez-vous d'indiquer que le commentaire apparaîtra une fois qu'il aura été passé avec modération, afin que votre visiteur ne publie pas plusieurs commentaires, pensant que le premier n'a pas abouti..
Fournir un aperçu
Permettre à vos commentateurs de prévisualiser leur publication avant de la soumettre est une fonctionnalité conviviale que beaucoup de blogs négligent. Cela peut également signifier que votre blog reçoit des commentaires de meilleure qualité, car les commentateurs sont plus susceptibles de lire et de modifier leurs commentaires avant de les publier..
Exemples: formulaires de commentaires
Internet Zillionaire
Ennui authentique
FreelanceSwitch
Oaktree Creative
BrianYerkes.com
Abduzeedo
WPDesigner.com
Plan de conception
Agence de publicité Doc4
Mac Appstorm
Productivedreams.com
Sources et ressources
- 77 concepts de formulaires de commentaires de blog inspirants - 1er concepteur de sites Web
- Analyse de la conception: Commentaires - Snook.ca
- Interface Design Inspiration: 36 designs de formulaire de commentaire propre - Dzine Blog
- Top 10 des tutoriels pour travailler avec des commentaires WordPress - DesignM.ag
- Séparer les rétroliens des commentaires - Pro Blog Design
- Éléments de conception - SmileyCat, en particulier les sections Commentaires de blog et Formulaires de commentaire de blog
