Estoy muy emocionado de trabajar en la sección de comentarios de este sitio. CSS-Tricks es el hogar de excelentes discusiones, gracias a todos ustedes, buenos amigos. El diseño de la sección de comentarios es importante porque necesita mostrar esas excelentes discusiones, mantener esas excelentes discusiones y facilitar toda la funcionalidad de un hilo de discusión basado en WordPress.
El primer paso aquí es preparar nuestro archivo de Photoshop para tener un área limpia y agradable para diseñar comentarios. Estamos usando una cuadrícula de 2/3 1/3, así que lo simulamos rápidamente. No haremos nada demasiado loco progresivo aquí. En la columna principal de 2/3 estará el artículo y, debajo, los comentarios. No hay comentarios sofisticados en la barra lateral o en una ventana emergente ni nada por el estilo.
Echamos un vistazo a los comentarios de la v9 para orientarnos. Todas las cosas que esperarías están ahí. Gravatars, nombres, fechas, texto, enlaces de respuesta ... Una cosa que decidimos deshacernos es el icono RSS. WordPress genera feeds RSS para hilos, pero rara vez se usa y el "Suscribirse a comentarios" que ofrece JetPack es una mejor alternativa para los usuarios que buscan mantenerse al día con un hilo.
En v9, solo revelamos el enlace de respuesta en: hover. Hay una consulta de medios para mostrarlo siempre en pantallas más pequeñas, pero eso es un poco ridículo. Podemos hacerlo mejor allí. En la v9 también tenemos un sistema para "destacar" y "enterrar" comentarios. Yo personalmente selecciono los comentarios y aplico estas etiquetas. Quizás, obviamente, los comentarios destacados tienen un poco de interfaz de usuario que los distingue y llama la atención de las personas que navegan por los comentarios. Los comentarios enterrados en la v9 simplemente están ocultos, pero podemos hacer algo más interesante allí. Los comentarios de spam o los comentarios groseros simplemente se eliminan, pero hay una clase especial de comentarios (p. Ej., "¡Excelente publicación!") Que no merecen ser eliminados, pero me gusta restar importancia a 1) demostrarle al resto de los usuarios que preocuparse por su tiempo y 2) enseñar a los usuarios que los comentarios cojos son cojos. He escrito más sobre la curaduría de hilos de comentarios aquí.La v10 necesitará toda esa funcionalidad solo para hacerlo aún mejor. Por ejemplo, el estilo de los comentarios del autor sería una buena adición.
Los comentarios encadenados son otra característica importante. He elegido específicamente permitir solo un nivel de anidación. Al igual que en, puede dejar una respuesta a un comentario, pero no puede dejar una respuesta a una respuesta. Simplemente respondería al comentario original y aparecerá en ese subproceso. Hice esta elección porque personalmente me confundo y no me gusta leer hilos de comentarios que anidan más allá de eso.
Terminamos saltando un poco a Photoshop y poniendo algunas cosas en la página. Ahora estamos en buena forma para seguir diseñando esta importante área.