Hemsida » Webbdesign » Kommentar Design Överväganden, bästa praxis och exempel

    Kommentar Design Överväganden, bästa praxis och exempel

    Kommentar styling är en ofta förbisedd del av bloggdesignen. När allt kommer omkring är de längst ner på sidan, inte sett förrän besökare redan har ett intryck av din webbplats, och de är verkligen där för funktion mer än någonting annat. Varför investera mycket tid i styling dem och göra dem verkligen sticka ut?

    Men bra kommentar styling kan ställa in dina designer bortsett från din tävling. Om du tar tid att utforma dina kommentarer och din kommentarform kan du få ett stort intryck på dina vanliga besökare. Det innebär omedvetet att du bryr dig om din åsikt och vill att de ska delta i diskussioner på din webbplats.

    Nedan hittar du några bra metoder och exempel på att skapa ett vackert kommentarsystem på din nästa bloggdesign.

    styling Kommentarer synpunkter

    Hur du stilar dina kommentarer kan få stor inverkan på den övergripande uppfattning besökarna har om din blogg. Det visar att du bryr dig noga om vad dina läsare måste säga för att ta sig tid att visa sina kommentarer på ett snyggt och användarvänligt sätt.

    Gängad vy eller planvy?

    Vare sig att ha gängade kommentarer eller helt enkelt beställa dem kronologiskt är alltid en tuff fråga. Det finns några saker att tänka på när man försöker bestämma sig.

    För det första, om du vill att dina besökare aktivt ska diskutera dina inlägg med varandra, så går gängade kommentarer långt för att främja det, speciellt om du har en stor mängd kommentarer.

    Å andra sidan missbrukas gängade kommentarer ibland. Kommenterare kan svara på den första kommentaren på tråden med något helt orelaterat, bara för att få sin kommentar att visas närmare toppen av kommentarerna (du kan naturligtvis alltid mäta dessa för att förhindra detta, men det är ett extra lager för admin).

    Om du är mer intresserad av att ha kommentarer svarar direkt på artikeln och inte till varandra, då har platta kommentarer större mening.

    Båda alternativen har sina egna fördelar och nackdelar, så du måste väga fördelarna och nackdelarna för var och en innan du fattar ett beslut.

    Bästa praxis

    Här är några tips för att skapa mer effektiva kommentardesigner.

    Betona författarens kommentarer

    När du utformar dina kommentarer, bör du göra något för att få författaren eller adminkommentarerna att sticka ut från de andra på sidan. Det här kan vara genom att lägga till en ikon till kommentaren eller ändra bakgrundsfärgen.

    Denna typ av styling gör det lättare för kommenterare att se svar direkt från författaren och kan bidra till att öka diskussionen.

    Inkludera en Gravatar

    Folk gillar att se andras ansikten när de diskuterar. Genom att möjliggöra Gravatars automatiserar du denna process och uppmuntrar diskussion.

    Bonuspoäng: Använd en anpassad Gravatar-bild för dem som inte har egna, snarare än standard geometriska bilder eller monster.

    Separata kommentarer från Trackbacks

    Trackbacks är verkligen inte en del av diskussionen (åtminstone inte den del som äger rum på din blogg), och bör inte inkluderas i linje med andra kommentarer.

    Ge trackbacks ett eget specialområde, antingen ovanför (om du brukar få mer kommentarer än trackbacks) eller under alla andra kommentarer (om du vanligtvis får mer trackbacks än kommentarer).

    Använd designelement som gör känsla

    När du utformar dina kommentarer, tänk på designelement som är meningsfulla när det gäller typen av innehåll. Talbubblor, citattecken, enkla gränser och växlande bakgrundsfärger förbättrar alla dina kommentarer och förbättrar läsbarheten.

    Paginera dina kommentarer

    Om du rutinmässigt får mer än 20 eller 30 kommentarer på din blogg, överväga att paginera dessa kommentarer för att förbättra sidbelastningstiderna.

    Paginerade kommentarer kan också få det att visa att du har fler kommentarer än vad du gör, eftersom navigering till nya sidor nästan alltid gör att folk känner att det finns mer innehåll.

    Gör det möjligt att länka direkt till enskilda kommentarer

    Inklusive en ankarlänk till varje enskild kommentar gör det lättare för besökare att dela med sig av sin kommentar med andra.

    Om någon har en särskilt bra diskussion i kommentarerna på din blogg, kanske de vill bjuda in andra att gå med och med en direkt länk till deras senaste kommentar eller den tråd de kommenterar gör det lättare.

    Exempel: Snygg kommentarvyer

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

    Design Kommentarformulär

    Ditt formulär ska vara användarvänligt och uppmuntra besökare att delta i diskussionen som händer på din blogg. Medan bra kommentarformulär design ensam inte kommer att få dig massor av kommentarer över natten kan en dåligt utformad blankett definitivt förhindra dina läsare att kommentera.

    Överväganden och bästa praxis

    Det finns många saker att tänka på när du utformar din kommentarform, från om du vill inkludera extra skräppoståtgärder för hur du hanterar svar. Nedan följer några tips för att fatta besluten, liksom några andra.

    Placera din kommentarform

    Detta är ett mycket viktigt övervägande när du utformar ditt övergripande kommentarsystem. Vill du att din kommentar ska vara direkt under posten själv eller i slutet av kommentarerna?

    Det bästa sättet att bestämma är att fråga dig själv om du vill att kommenterare ska diskutera posten aktivt med varandra eller bara fokusera sina kommentarer på själva inlägget.

    Om det är det första alternativet, lägg sedan in din kommentarform i slutet av kommentarerna. Om det är det senare, lägg det direkt under posten ovanför kommentarerna.

    Spam förebyggande

    Även om du använder ett verktyg för skräppostförebyggande åtgärder som Akismet, kan du lägga till lite skräppost direkt till din blankett ytterligare minska mängden skräppost du får.

    Det finns två vanliga alternativ: en är en captcha, vilket kan vara svårt för många användare att dechiffrera (även om vissa captcha-system är markant bättre än andra). den andra är ett frågebaserat system, som ofta använder en enkel matteekvation kommenterare måste svara innan deras kommentar kommer att skickas in.

    Kräver ett konto eller tillåta alternativa inloggningar

    Om du får en särskilt stor mängd spam-kommentarer, eller om du har problem med missbrukande kommentarer, kan det vara fördelaktigt att kräva att kommenterare har ett konto. Andra alternativ inkluderar att låta användare logga in med ett annat konto de har, till exempel Twitter, Facebook Connect eller OpenID.

    Att kräva en inloggning gör att människor känner sig mer ansvariga för de kommentarer de lämnar, vilket kan innebära färre missbruk eller spam kommentarer. Naturligtvis kan en inloggning också minska antalet kommentarer du får, som vissa människor inte kommer att bry sig om.

    Hantering av svar

    Om du ska göra det möjligt för dina besökare att svara direkt på andra kommenterare är det viktigt att avgöra om du vill ha ett inline-formulär som visas när en kommentera träffar svar, eller om du vill att den bara ska ta dem till kommentarformuläret redan på sidan.

    Antingen är det bra, men det första alternativet är ibland mindre förvirrande (som du vet att du definitivt svarar på ett visst inlägg istället för att kommentera i allmänhet).

    Positioneringsfält

    Hur du placerar och märker fälten i ditt kommentarformulär kan få stor inverkan på användbarheten av formuläret. Användbarhet Post har en bra artikel som täcker detta mer ingående.

    Form Instruktioner

    Gör det enkelt för dina kommenterare att se vilka fält på din kommentarform de är skyldiga att fylla i. Gör också klart för dem att saker som deras e-postadress inte kommer att offentliggöras.

    Godkännande

    Din kommentarformulär måste ange för din kommenterare att deras kommentar har blivit framgångsrikt publicerad, även om du håller alla eller några kommentarer för moderering.

    Om du gör måttliga kommentarer, se till att du anger att kommentaren kommer att visas när den har passerat moderering så att din besökare inte hamnar på att skicka flera kommentarer, tro att den första inte gick igenom.

    Ge en förhandsgranskning

    Att låta dina kommenterare förhandsgranska sitt inlägg innan de skickas är en bra användbarhetsfunktion som många bloggar förbiser. Detta kan också betyda att din blogg får kommentarer av högre kvalitet, eftersom kommenterare är mer benägna att läsa igenom och redigera sina kommentarer innan de skickas.

    Exempel: Kommentarformulär

    Internet Zillionaire
    Autentiskt sladd
    Freelance
    Oaktree Creative
    BrianYerkes.com
    Abduzeedo
    WPDesigner.com
    Designworkplan
    Doc4 Reklambyrå
    Mac Appstorm
    Productivedreams.com

    Källor och resurser

    • 77 Inspirerande Blogg Kommentar Form Designs - 1st Web Designer
    • Designanalys: Kommentarer - Snook.ca
    • Gränssnittsdesign Inspiration: 36 Clean Kommentarformulär Designs - Dzine Blog
    • Top 10 handledning för att arbeta med WordPress kommentarer - DesignM.ag
    • Separera Trackbacks från kommentarer - Pro Blog Design
    • Element av design - SmileyCat, speciellt bloggkommentarerna och Blog Comment Forms avsnitt