Estou muito animado para trabalhar na seção de comentários deste site. CSS-Tricks é o lar de algumas discussões excelentes, obrigado a todos vocês. Projetar a seção de comentários é importante porque precisa mostrar essas ótimas discussões, mantê-las acontecendo e facilitar todas as funcionalidades de um tópico de discussão baseado em WordPress.
A primeira etapa aqui é preparar nosso arquivo do Photoshop para ter uma área limpa e agradável para criar comentários. Estamos usando uma grade 2/3 1/3, então vamos simular isso rapidamente. Não faremos nada progressivo muito louco aqui. Na coluna 2/3 principal estará o artigo e, abaixo, os comentários. Nenhum comentário extravagante na barra lateral ou em um pop-up ou algo parecido.
Damos uma olhada nos comentários da v9 para nos orientar. Todas as coisas que você esperaria estão lá. Gravatars, nomes, datas, texto, links de resposta ... Uma coisa que decidimos abandonar é o ícone RSS. O WordPress gera feeds RSS para tópicos, mas raramente é usado e o “Inscrever-se para comentários” oferecido pelo JetPack é a melhor alternativa para usuários que procuram acompanhar um tópico.
Na v9, revelamos apenas o link de resposta em: hover. Há uma consulta de mídia para mostrá-lo sempre em telas menores, mas isso é um pouco estranho. Podemos fazer melhor lá. Na v9, também temos um sistema para “destacar” e “enterrar” comentários. Eu pessoalmente seleciono os comentários e aplico esses rótulos. Talvez, obviamente, os comentários em destaque tenham um pouco de IU que os distingue e chama a atenção das pessoas que navegam pelos comentários. Os comentários ocultos na v9 ficam apenas ocultos, mas podemos fazer algo mais interessante lá. Comentários de spam ou comentários rudes são apenas excluídos, mas há uma classe especial de comentários (por exemplo, “Excelente postagem!”) Que não merece exclusão, mas eu gosto de diminuir a ênfase para 1) provar ao restante dos usuários que eu se preocupam com seu tempo e 2) ensinam aos usuários que comentários coxos são coxos. Escrevi mais sobre a curadoria de tópicos de comentários aqui.A v10 precisará de todas essas funcionalidades para melhorar ainda mais. Por exemplo, o estilo do comentário do autor seria uma boa adição.
Comentários encadeados são outro recurso importante. Eu escolhi especificamente permitir apenas um nível de aninhamento. Tipo, você pode deixar uma resposta a um comentário, mas não pode deixar uma resposta em uma resposta. Você apenas responderia ao comentário original e ele aparecerá nesse sub-tópico. Fiz essa escolha porque pessoalmente fico confuso e não gosto de ler tópicos de comentários que se aninham além disso.
Acabamos pulando um pouco no Photoshop e colocando algumas coisas na página. Estamos em boa forma agora para prosseguir com o design desta importante área.