Homepage » Web design » Considerazioni sulla progettazione dei commenti, best practice ed esempi

    Considerazioni sulla progettazione dei commenti, best practice ed esempi

    Lo styling dei commenti è una parte spesso trascurata del design del blog. Dopotutto, si trovano nella parte inferiore della pagina, non visibili fino a quando i visitatori non hanno già impressionato il tuo sito, e sono davvero lì per la funzione più di ogni altra cosa. Perché investire molto tempo nello styling e farli risaltare davvero?

    Ma uno stile di commento buono può distinguere i tuoi progetti dalla concorrenza. Prendersi il tempo per disegnare i tuoi commenti e il tuo modulo per i commenti, può fare una grande impressione sui tuoi visitatori abituali. Conscia inconsciamente ti preoccupi della loro opinione e vuoi che si impegnino in discussioni sul tuo sito.

    Di seguito troverai alcune best practice ed esempi di come creare un bellissimo sistema di commenti sul tuo prossimo blog design.

    Messa in piega Visualizzazioni dei commenti

    Il modo in cui stili i tuoi commenti può avere un enorme impatto sulla percezione generale che i visitatori hanno del tuo blog. Dimostra che ti importa abbastanza di ciò che i tuoi lettori hanno da dire per prendersi il tempo di mostrare le loro osservazioni in modo elegante e user-friendly.

    Vista filettata o vista piatta?

    Se avere dei commenti o semplicemente ordinarli cronologicamente è sempre una domanda difficile. Ci sono alcune cose da considerare quando si cerca di decidere.

    In primo luogo, se vuoi che i tuoi visitatori discutano attivamente i tuoi post tra loro, i commenti in thread contribuiscono notevolmente a promuoverlo, soprattutto se hai un volume elevato di commenti.

    D'altra parte, i commenti filettati a volte sono abusati. I commentatori potrebbero rispondere al primo commento sul thread con qualcosa di completamente non correlato, solo per far apparire il loro commento più vicino alla parte superiore dei commenti (ovviamente, è sempre possibile moderarli per evitare questo, ma è un ulteriore livello di lavoro per l'amministratore).

    Se sei più interessato ad avere commenti commentatori direttamente sull'articolo e non vicendevolmente, avere commenti semplici ha più senso.

    Entrambe le opzioni hanno i loro pro e contro, quindi devi davvero valutare i vantaggi e gli svantaggi di ognuno prima di prendere una decisione.

    Migliori pratiche

    Ecco alcuni suggerimenti per creare progetti di commenti più efficaci.

    Enfatizzare i commenti degli autori

    Quando progetti i tuoi commenti, dovresti fare qualcosa per far sì che i commenti dell'autore o dell'amministratore si distinguano dagli altri sulla pagina. Ciò potrebbe essere aggiungendo un'icona al commento o cambiando il colore di sfondo.

    Questo tipo di stile rende più facile per i commentatori vedere le risposte direttamente dall'autore e può contribuire ad aumentare la discussione.

    Include un Gravatar

    Alla gente piace vedere le facce di altre persone quando stanno discutendo. Abilitando Gravatars, automatizzi questo processo e incoraggi la discussione.

    Punti bonus: Usa un'immagine Gravatar personalizzata per coloro che non hanno i propri, piuttosto che le immagini geometriche o i mostri standard.

    Separa i commenti dai trackback

    I trackback non fanno parte della discussione (almeno non la parte che si svolge sul tuo blog) e non dovrebbero essere inclusi in linea con altri commenti.

    Dai ai trackback la loro area speciale, o sopra (se di solito ottieni più commenti rispetto ai trackback) o sotto tutti gli altri commenti (se generalmente ottieni più riferimenti rispetto ai commenti).

    Usa elementi di design che hanno senso

    Durante lo styling dei commenti, pensa agli elementi di design che hanno senso per quanto riguarda il tipo di contenuto. Fumetti, virgolette, bordi semplici e colori di sfondo alternati migliorano tutti i tuoi commenti e migliorano la leggibilità.

    Paginare i tuoi commenti

    Se di solito ricevi più di 20 o 30 commenti sul tuo blog, considera la possibilità di impaginare tali commenti per migliorare i tempi di caricamento della pagina.

    I commenti impaginati possono anche far sembrare che tu abbia più commenti di te, poiché la navigazione verso nuove pagine fa quasi sempre sentire le persone come se ci fossero più contenuti.

    Rendere possibile il collegamento diretto ai singoli commenti

    Includere un collegamento di ancoraggio per ogni singolo commento facilita la condivisione dei commenti con gli altri.

    Se qualcuno sta avendo una discussione particolarmente buona nei commenti sul tuo blog, potrebbe desiderare di invitare altri a partecipare, e avendo un link diretto al loro ultimo commento, o al thread in cui stanno commentando, rende più facile.

    Esempi: Visualizzazioni di commento ordinate

    Rockbeatspaper
    Baekdal.com
    Subtraction.com
    GoodBytes.be
    Squarespace
    BlogLESS
    Snook.ca
    Particletree
    L'Hickensian, Hicksdesign
    Dezinerfolio

    Progettazione Moduli di commento

    Il tuo modulo di commento deve essere user-friendly e incoraggiare i visitatori a essere coinvolti nella discussione sul tuo blog. Mentre un buon progetto di formulazione dei commenti da solo probabilmente non ti farà ottenere tonnellate di commenti durante la notte, una forma mal progettata può sicuramente impedire ai tuoi lettori di commentare.

    Considerazioni e best practice

    Ci sono un sacco di cose da considerare quando si progetta il modulo di commento, da se includere precauzioni di spam aggiuntive su come gestire le risposte. Di seguito sono riportati alcuni suggerimenti per prendere tali decisioni, così come alcuni altri.

    Posizionando il tuo modulo di commento

    Questa è una considerazione molto importante quando si progetta il tuo sistema di commenti complessivo. Vuoi che il tuo modulo di commento sia direttamente sotto il post stesso o alla fine dei commenti?

    Il modo migliore per decidere è chiedersi se vuoi che i commentatori discutano attivamente il post tra loro o semplicemente concentrino i loro commenti sul post stesso.

    Se è la prima opzione, quindi inserire il modulo di commento alla fine dei commenti. Se è il secondo, posizionalo direttamente sotto il post, sopra i commenti.

    Prevenzione spam

    Anche se usi un'utilità anti-spam come Akismet, l'aggiunta di un po 'di protezione anti-spam direttamente al tuo modulo può ridurre ulteriormente la quantità di spam che ricevi.

    Ci sono due opzioni comuni: una è un captcha, che può essere difficile da decifrare per molti utenti (sebbene alcuni sistemi captcha siano nettamente migliori di altri); l'altro è un sistema basato su domande, spesso usando una semplice equazione matematica che i commentatori devono rispondere prima che il loro commento sia presentato.

    Richiedere un account o consentire l'accesso alternativo

    Se ricevi un volume particolarmente elevato di commenti di spam o se hai problemi con commenti offensivi, allora è necessario che i commentatori abbiano un account. Altre opzioni includono consentire agli utenti di accedere con un altro account che hanno, come Twitter, Facebook Connect o OpenID.

    Richiedere un login fa sentire le persone più responsabili dei commenti che lasciano, il che può significare meno commenti offensivi o spam. Ovviamente, richiedere un login può anche ridurre il numero di commenti che si ottengono, poiché alcune persone non si preoccupano affatto.

    Gestione delle risposte

    Se vuoi consentire ai tuoi visitatori di rispondere direttamente ad altri commentatori, è importante decidere se desideri un modulo di commento in linea visualizzato quando un commentatore risponde o se desideri semplicemente portarli al modulo di commento già in la pagina.

    O uno va bene, anche se la prima opzione è a volte meno confusa (come sai che stai sicuramente rispondendo a un particolare post, invece di commentare in generale).

    Posizionamento dei campi modulo

    Il modo in cui posizionate ed etichettate i campi all'interno del modulo dei commenti può avere un grande impatto sull'usabilità di tale modulo. Usability Post ha un grande articolo che tratta questo in modo più approfondito.

    Istruzioni per la forma

    Rendi più facile per i tuoi commentatori vedere quali campi del modulo di commento devono compilare. Inoltre, chiarisci loro che cose come il loro indirizzo email non saranno rese pubbliche.

    Validazione

    Il tuo modulo di commento deve indicare al tuo commentatore che il suo commento è stato pubblicato con successo, anche se tutti i commenti vengono mantenuti per moderazione.

    Se fai commenti moderati, assicurati di indicare che il commento apparirà dopo che avrà superato la moderazione, in modo che il tuo visitatore non finisca per pubblicare più commenti, pensando che il primo non sia passato attraverso.

    Fornire un'anteprima

    Lasciare che i tuoi commentatori visualizzino in anteprima il loro post prima di inviarlo è una buona funzionalità di usabilità che molti blog ignorano. Ciò può anche significare che il tuo blog riceve commenti di qualità superiore, poiché i commentatori hanno maggiori probabilità di leggere e modificare i loro commenti prima di pubblicare.

    Esempi: moduli di commento

    Internet Zillionaire
    La noia autentica
    FreelanceSwitch
    Oaktree Creative
    BrianYerkes.com
    Abduzeedo
    WPDesigner.com
    Designworkplan
    Agenzia pubblicitaria Doc4
    Mac Appstorm
    Productivedreams.com

    Fonti e risorse

    • 77 Inspiring Blog Design Form Designs - 1 ° Web Designer
    • Analisi del progetto: commenti - Snook.ca
    • Interface Design Inspiration: 36 Clean Design Forms commenti - Dzine Blog
    • Primi 10 tutorial per lavorare con commenti WordPress - DesignM.ag
    • Separazione dei trackback dai commenti - Pro Blog Design
    • Elements of Design - SmileyCat, in particolare le sezioni Blog Comment e Blog Comment Forms