Pagina inicial » Web design » Considerações sobre o design de comentários, melhores práticas e exemplos

    Considerações sobre o design de comentários, melhores práticas e exemplos

    Estilo de comentário é uma parte frequentemente negligenciada do design do blog. Afinal, eles estão na parte inferior da página, e não são vistos até que os visitantes já tenham uma impressão do seu site, e eles realmente estão lá para a função mais do que qualquer outra coisa. Por que investir muito tempo em estilizá-los e fazê-los realmente se destacar??

    Mas o bom estilo de comentário pode diferenciar seus designs da concorrência. Tomando o tempo para projetar seus comentários e seu formulário de comentário, pode causar uma grande impressão em seus visitantes regulares. Subconscientemente, você se preocupa com a opinião deles e quer que eles se envolvam em discussões em seu site..

    Abaixo você encontrará algumas das melhores práticas e exemplos de criação de um belo sistema de comentários no seu próximo projeto de blog.

    Styling Visualizações de comentários

    Como você estilo seus comentários pode ter um enorme impacto sobre a percepção geral dos visitantes do seu blog. Isso mostra que você se importa o suficiente com o que seus leitores têm a dizer para ter tempo de mostrar seus comentários de maneira elegante e fácil de usar..

    Vista com rosca ou vista plana?

    Se ter comentários encadeados ou simplesmente encomendá-los cronologicamente é sempre uma questão difícil. Há algumas coisas a considerar ao tentar decidir.

    Primeiro, se você quiser que seus visitantes discutam ativamente seus posts uns com os outros, os comentários encadeados farão um grande esforço para promovê-los, especialmente se você tiver um grande volume de comentários.

    Por outro lado, comentários encadeados são às vezes abusados. Os comentadores podem responder ao primeiro comentário no tópico com algo completamente não relacionado, apenas para fazer com que o comentário deles apareça mais próximo do topo dos comentários (claro, você sempre pode moderá-los para evitar isso, mas é uma camada extra de trabalho para o admin).

    Se você está mais interessado em fazer com que os comentadores respondam diretamente ao artigo e não um ao outro, então ter comentários simples faz mais sentido.

    Ambas as opções vêm com suas próprias vantagens e desvantagens, então você realmente tem que pesar os benefícios e desvantagens de cada um antes de tomar uma decisão..

    Melhores práticas

    Aqui estão algumas dicas para criar designs de comentários mais eficazes.

    Enfatize os comentários do autor

    Ao criar seus comentários, você deve fazer algo para destacar os comentários do autor ou do administrador dos demais na página. Isso pode ser adicionando um ícone ao comentário ou alterando a cor do plano de fundo.

    Esse tipo de estilo torna mais fácil para os comentadores ver as respostas diretamente do autor e pode ajudar a aumentar a discussão.

    Inclua um Gravatar

    As pessoas gostam de ver o rosto de outras pessoas quando estão tendo uma discussão. Ao ativar Gravatars, você automatiza esse processo e incentiva a discussão.

    Pontos bônus: Use uma imagem personalizada do Gravatar para aqueles que não têm seus próprios, em vez das imagens geométricas padrão ou monstros.

    Comentários separados dos trackbacks

    Os trackbacks realmente não fazem parte da discussão (pelo menos não a parte que está ocorrendo em seu blog) e não devem ser incluídos na linha com outros comentários.

    Dê trackbacks sua própria área especial, acima (se você costuma obter mais comentários do que trackbacks) ou abaixo de todos os outros comentários (se você geralmente obter mais trackbacks do que comentários).

    Use elementos de design que fazem sentido

    Ao estilizar seus comentários, pense nos elementos de design que fazem sentido em relação ao tipo de conteúdo. Bolhas de fala, aspas, bordas simples e cores de plano de fundo alternadas aprimoram seus comentários e melhoram a legibilidade.

    Paginar seus comentários

    Se você costuma receber mais de 20 ou 30 comentários em seu blog, considere paginar esses comentários para melhorar os tempos de carregamento de sua página..

    Comentários paginados também podem dar a impressão de que você tem mais comentários do que você, já que navegar para novas páginas quase sempre faz com que as pessoas sintam que há mais conteúdo.

    Tornar possível vincular diretamente a comentários individuais

    Incluir um link de âncora para cada comentário individual torna mais fácil para os visitantes compartilharem seus comentários com outras pessoas..

    Se alguém está tendo uma discussão particularmente boa nos comentários em seu blog, eles podem querer convidar outras pessoas para participar, e ter um link direto para o último comentário deles, ou o tópico que eles estão comentando, torna isso mais fácil.

    Exemplos: exibições de comentários simples

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

    Projetando Formulários de Comentário

    Seu formulário de comentários deve ser amigável ao usuário e incentivar os visitantes a se envolverem na discussão que acontece em seu blog. Embora o design de um bom formulário de comentário provavelmente não traga muitos comentários durante a noite, uma forma mal projetada pode definitivamente impedir que seus leitores comentem.

    Considerações e Melhores Práticas

    Há muitas coisas a serem consideradas ao projetar seu formulário de comentários, desde incluir precauções extras de spam a como lidar com respostas. Abaixo estão algumas dicas para tomar essas decisões, bem como algumas outras.

    Posicionando seu formulário de comentário

    Essa é uma consideração muito importante ao projetar seu sistema geral de comentários. Você quer que seu formulário de comentários esteja diretamente sob o próprio post, ou no final dos comentários?

    A melhor maneira de decidir é perguntar a si mesmo se você deseja que os comentaristas discutam ativamente a postagem uns com os outros ou apenas foquem seus comentários na postagem em si..

    Se for a primeira opção, coloque o formulário de comentários no final dos comentários. Se for o último, coloque-o diretamente abaixo do post, acima dos comentários.

    Prevenção de Spam

    Mesmo se você usar um utilitário de prevenção de spam como o Akismet, adicionar um pouco de proteção contra spam diretamente ao seu formulário pode reduzir ainda mais a quantidade de spam que você recebe.

    Existem duas opções comuns: uma é um captcha, que pode ser difícil para muitos usuários decifrarem (embora alguns sistemas captcha sejam marcadamente melhores que outros); o outro é um sistema baseado em perguntas, geralmente usando uma simples equação matemática que os comentaristas têm que responder antes que o comentário seja enviado.

    Exigindo uma conta ou permitindo logins alternativos

    Se você receber um volume particularmente alto de comentários de spam ou se tiver problemas com comentários abusivos, exigir que os comentários tenham uma conta pode ser benéfico. Outras opções incluem permitir que os usuários façam login com outra conta, como Twitter, Facebook Connect ou OpenID..

    A exigência de um login faz com que as pessoas se sintam mais responsáveis ​​pelos comentários que deixam, o que pode significar menos comentários abusivos ou de spam. É claro que exigir um login também pode reduzir o número de comentários que você recebe, já que algumas pessoas não se incomodam.

    Manipulando Respostas

    Se você permitir que seus visitantes respondam diretamente a outros comentadores, é importante decidir se você deseja que um formulário de comentários em linha seja exibido quando um comentarista acertar a resposta ou se desejar que ele apenas os leve ao formulário de comentários já disponível. a página.

    Qualquer um está bem, embora a primeira opção seja às vezes menos confusa (como você sabe que você está respondendo a um post em particular, em vez de comentar em geral).

    Posicionando campos de formulário

    A forma como você posiciona e rotula os campos no formulário de comentários pode ter um grande impacto na usabilidade desse formulário. Post de Usabilidade tem um ótimo artigo que aborda isso mais detalhadamente.

    Instruções de Form

    Facilite para que seus comentadores vejam quais campos do formulário de comentários eles precisam preencher. Também deixe claro para eles que coisas como seu endereço de e-mail não serão tornadas públicas.

    Validação

    Seu formulário de comentário precisa indicar ao seu comentarista que o comentário dele foi postado com sucesso, mesmo que você mantenha todos ou alguns comentários para moderação.

    Se você faz comentários moderados, certifique-se de indicar que o comentário será exibido após a moderação, para que o visitante não acabe postando vários comentários, pensando que o primeiro não passou por.

    Fornecer uma pré-visualização

    Permitir que seus comentaristas visualizem suas postagens antes de enviar é um bom recurso de usabilidade que muitos blogs ignoram. Isso também pode significar que seu blog recebe comentários de alta qualidade, já que os comentários têm maior probabilidade de ler e editar os comentários antes de postar..

    Exemplos: Formulários de Comentário

    Internet Zillionaire
    Tédio Autêntico
    FreelanceSwitch
    Criativo Oaktree
    BrianYerkes.com
    Abduzeedo
    WPDesigner.com
    Plano de trabalho
    Agência de Publicidade Doc4
    Mac Appstorm
    Productivedreams.com

    Fontes e Recursos

    • 77 Inspirando Projetos de Formulário de Comentários do Blog - 1st Web Designer
    • Design Analysis: Comentários - Snook.com.br
    • Inspiração De Design De Interface: 36 Clean Comment Form Designs - Blog Do Dzine
    • Top 10 Tutoriais para Trabalhar com Comentários do WordPress - DesignM.ag
    • Separando Trackbacks de Comentários - Pro Design Blog
    • Elementos de Design - SmileyCat, especificamente as seções de Comentários do Blog e Formulários de Comentários do Blog