Página principal » Diseño web » Comentario sobre consideraciones de diseño, mejores prácticas y ejemplos

    Comentario sobre consideraciones de diseño, mejores prácticas y ejemplos

    El estilo de comentarios es una parte del diseño de blog que a menudo se pasa por alto.. Después de todo, están al final de la página, no se ven hasta que los visitantes ya tienen una impresión de su sitio, y realmente están ahí para funcionar más que cualquier otra cosa. ¿Por qué invertir mucho tiempo en estilizarlos y hacer que se destaquen??

    Pero un buen estilo de comentarios puede diferenciar sus diseños de su competencia. Tomarse el tiempo para diseñar sus comentarios y su formulario de comentarios puede causar una gran impresión en sus visitantes habituales. Subconscientemente, implica que te preocupas por su opinión y quieres que participen en una discusión en tu sitio..

    A continuación, encontrará algunas de las mejores prácticas y ejemplos de cómo crear un hermoso sistema de comentarios en el próximo diseño de su blog..

    Estilo Vistas de comentarios

    El estilo de sus comentarios puede tener un gran impacto en la percepción general que los visitantes tienen de su blog. Muestra que te preocupas lo suficiente por lo que tus lectores tienen que decir para tomarse el tiempo de mostrar sus comentarios de una manera elegante y fácil de usar..

    Vista con rosca o vista plana?

    Si se deben enviar comentarios o simplemente ordenarlos cronológicamente es siempre una pregunta difícil. Hay algunas cosas a considerar cuando se trata de decidir.

    Primero, si desea que sus visitantes discutan activamente sus publicaciones entre sí, los comentarios en cadena contribuyen en gran medida a promoverlo, especialmente si tiene un gran volumen de comentarios..

    Por otro lado, a veces se abusa de los comentarios en hilos. Los comentaristas pueden responder al primer comentario del hilo con algo que no esté relacionado, solo para que su comentario se muestre más cerca de la parte superior de los comentarios (por supuesto, siempre puede moderar esto para evitarlo, pero es una capa adicional de trabajo para el administrador).

    Si está más interesado en que los comentaristas respondan directamente al artículo y no a los demás, entonces tener comentarios simples tiene más sentido.

    Ambas opciones tienen sus propias ventajas y desventajas, por lo que realmente debe sopesar los beneficios y desventajas de cada una antes de tomar una decisión..

    Mejores prácticas

    Aquí hay algunos consejos para crear diseños de comentarios más efectivos..

    Enfatizar los comentarios de los autores

    Al diseñar sus comentarios, debe hacer algo para que los comentarios del autor o administrador se destaquen de los demás en la página. Esto podría ser agregando un ícono al comentario o cambiando el color de fondo.

    Este tipo de estilo hace que sea más fácil para los comentaristas ver las respuestas directamente del autor, y puede ayudar a aumentar la discusión..

    Incluir un gravatar

    A la gente le gusta ver las caras de otras personas cuando tienen una discusión. Al habilitar Gravatars, automatiza este proceso y fomenta la discusión.

    Puntos extra: Use una imagen Gravatar personalizada para aquellos que no tienen la suya propia, en lugar de las imágenes geométricas estándar o monstruos.

    Comentarios separados de los trackbacks

    Los trackbacks realmente no son parte de la discusión (al menos no la parte que tiene lugar en tu blog), y no deben incluirse en línea con otros comentarios.

    Asigne a los trackbacks su propia área especial, ya sea arriba (si normalmente obtiene más comentarios que trackbacks) o debajo de todos los demás comentarios (si generalmente obtiene más trackbacks que comentarios).

    Usa elementos de diseño que tengan sentido

    Cuando estilice sus comentarios, piense en elementos de diseño que tengan sentido con respecto al tipo de contenido. Burbujas, comillas, bordes simples y colores de fondo alternativos mejoran sus comentarios y mejoran la legibilidad.

    Pagina tus comentarios

    Si habitualmente obtiene más de 20 o 30 comentarios en su blog, considere la posibilidad de paginar esos comentarios para mejorar los tiempos de carga de su página..

    Los comentarios paginados también pueden hacer que parezca que tienes más comentarios que tú, ya que navegar a nuevas páginas casi siempre hace que la gente sienta que hay más contenido..

    Hacer posible vincular directamente a comentarios individuales

    La inclusión de un enlace de anclaje a cada comentario individual facilita que los visitantes compartan sus comentarios con otros..

    Si alguien está teniendo una discusión particularmente buena en los comentarios de su blog, es posible que desee invitar a otros a participar, y tener un enlace directo a su último comentario, o el hilo en el que están comentando, lo hace más fácil..

    Ejemplos: Vistas de comentarios ordenadas

    Rockbeatspaper
    Baekdal.com
    Resta.com
    GoodBytes.be
    Espacio al cuadrado
    BlogLESS
    Snook.ca
    Particletree
    El Hickensian, Hicksdesign
    Dezinerfolio

    Diseño Formularios de comentarios

    Su formulario de comentarios debe ser fácil de usar y animar a los visitantes a participar en la discusión que se desarrolla en su blog. Si bien el diseño de la forma de un buen comentario por sí solo probablemente no obtendrá un montón de comentarios durante la noche, una forma mal diseñada definitivamente puede evitar que sus lectores comenten.

    Consideraciones y Mejores Prácticas

    Hay muchas cosas que debe considerar al diseñar su formulario de comentarios, ya sea si se incluyen precauciones adicionales de spam o cómo manejar las respuestas. A continuación hay algunos consejos para tomar esas decisiones, así como algunos otros..

    Posicionando su formulario de comentarios

    Esta es una consideración muy importante al diseñar su sistema general de comentarios. ¿Desea que su formulario de comentarios esté directamente debajo de la publicación misma o al final de los comentarios??

    La mejor manera de decidir es preguntarse si desea que los comentaristas discutan activamente la publicación entre ellos o simplemente centren sus comentarios en la publicación misma..

    Si es la primera opción, coloque su formulario de comentarios al final de los comentarios. Si es lo último, colóquelo directamente debajo de la publicación, encima de los comentarios..

    Prevención de Spam

    Incluso si usa una utilidad de prevención de spam como Akismet, agregar un poco de protección contra spam directamente a su formulario puede reducir aún más la cantidad de spam que recibe..

    Hay dos opciones comunes: una es un captcha, que puede ser difícil de descifrar para muchos usuarios (aunque algunos sistemas de captcha son notablemente mejores que otros); el otro es un sistema basado en preguntas, que a menudo utiliza una ecuación matemática simple que los comentaristas deben responder antes de que se envíe su comentario.

    Requerir una cuenta o permitir inicios de sesión alternativos

    Si obtiene un volumen particularmente alto de comentarios de spam, o si tiene problemas con los comentarios abusivos, puede ser beneficioso que los comentaristas tengan una cuenta. Otras opciones incluyen permitir que los usuarios inicien sesión con otra cuenta que tengan, como Twitter, Facebook Connect u OpenID.

    Requerir un inicio de sesión hace que las personas se sientan más responsables por los comentarios que dejan, lo que puede significar menos comentarios abusivos o de spam. Por supuesto, requerir un inicio de sesión también puede reducir la cantidad de comentarios que recibe, ya que algunas personas simplemente no se molestarán.

    Manejo de respuestas

    Si va a permitir que sus visitantes respondan directamente a otros comentaristas, es importante decidir si desea un formulario de comentarios en línea que aparece cuando un comentarista hace clic en responder, o si desea que simplemente los lleve al formulario de comentarios que ya está en la página.

    Cualquiera de las dos está bien, aunque la primera opción a veces es menos confusa (ya que sabes que definitivamente estás respondiendo a una publicación en particular, en lugar de comentar en general).

    Campos de formulario de posicionamiento

    La forma en que coloca y etiqueta los campos dentro de su formulario de comentarios puede tener un gran impacto en la facilidad de uso de ese formulario. La publicación de usabilidad tiene un gran artículo que cubre esto más a fondo..

    Instrucciones de formulario

    Facilite a sus comentaristas ver qué campos de su formulario de comentarios deben completar. También déjales saber que cosas como su dirección de correo electrónico no se harán públicas..

    Validación

    Su formulario de comentarios debe indicar a su comentarista que su comentario se ha publicado correctamente, incluso si tiene todos o algunos comentarios para moderación..

    Si haces comentarios moderados, asegúrate de indicar que el comentario aparecerá una vez que haya pasado la moderación, de modo que el visitante no termine publicando varios comentarios, pensando que el primero no se publicó..

    Proporcionar una vista previa

    Permitir que sus comentaristas realicen una vista previa de su publicación antes de enviarla es una buena característica de usabilidad que muchos blogs pasan por alto. Esto también puede significar que su blog recibe comentarios de mayor calidad, ya que es más probable que los comentaristas lean y editen sus comentarios antes de publicar..

    Ejemplos: Formularios de comentarios

    Internet Zillionaire
    Aburrimiento autentico
    FreelanceSwitch
    Oaktree creativo
    BrianYerkes.com
    Abduzeedo
    WPDesigner.com
    Plan de trabajo de diseño
    Doc4 Agencia de publicidad
    Mac Appstorm
    Productivedreams.com

    Fuentes y recursos

    • 77 inspiradores diseños de formularios de comentarios de blogs: primer diseñador web
    • Análisis de diseño: Comentarios - Snook.ca
    • Inspiración en el diseño de la interfaz: 36 diseños de formularios de comentarios limpios - Dzine Blog
    • Los 10 mejores tutoriales para trabajar con comentarios de WordPress - DesignM.ag
    • Separando Trackbacks de Comentarios - Pro Blog Design
    • Elementos de diseño - SmileyCat, específicamente las secciones de Comentarios de blogs y Formularios de comentarios de blogs