miércoles, 10 de septiembre de 2008

Comentarios en tu web con Disqus

DisqusA estas alturas no se sorprenderá nadie si digo que la principal virtud de los blogs es la capacidad de mantener una conversación con sus lectores u otros blogs gracias a su sistema de comentarios. Informamos y nos comunicamos al mismo tiempo, enriqueciendo de esta forma la información publicada.

En este sentido la mayor parte de las plataformas de blogs incorporan algún mecanismo que permite la publicación y lectura de comentarios. Sin embargo en algunas ocasiones nos encontramos con páginas web estáticas o aplicaciones online desarrolladas adhoc que no facilitan esta funcionalidad.

En estos casos se puede acudir a sistemas de comentarios externos que de forma muy cómoda nos permiten incorporar el sistema de comentarios mediante la inclusión de unas sencillas líneas en el código de nuestra web.

Este es el caso del sistema que recientemente he conocido, hablo de Disqus. Esta plataforma permite la inclusión de la sección de comentarios en nuestra web a través de un sencillo widget, lo que facilita su instalación.

A parte Disqus ofrece un sistema de gestión total de comentarios, lo cual facilita la labor de moderación. En entornos como blogger esto puede resultar un infierno, pero disponer de un sistema de gestión centralizado de comentarios rebaja estas tareas al mínimo.

Ya tengo un listado de webs donde la inclusión de esta herramienta abrirá nuevas vías de comunicación con los lectores mejorando su función, a saber, la web de juegos de móviles, mujeres interesadas en la depilación, o un nuevo canal para tratar los problemas que genera la celulitis.

jueves, 4 de septiembre de 2008

Usabilidad web: El peso de las imágenes

faviconHace un tiempo que no tenía la oportunidad de publicar por este blog, diseño y marketing, ambos temas me apasionan y sin embargo no tengo el tiempo suficiente para escribir todo lo que me gustaría sobre estas temáticas.

Aprovecho un hueco entre trabajo y trabajo para escribir una breve nota sobre la influencia del peso de las imágenes de una web en su usabilidad. Y es que durante los últimos años estoy harto de encontrar diseñadores web que muestran escasa preocupación por este tema.

Las imágenes que componen una página web, así como materiales adicionales (Flash, javascript, etc) suelen ser los elementos más pesadas, bastante más que el propio HTML. Un abuso de los mismos puede provocar que incluso con las velocidades que tenemos en la actualidad (llegó el ADSL 6 Megas) la experiencia del usuarios sea bastante pobre.

Seguro que en más de una ocasión os habéis encontrado con páginas cuyo tiempo de carga supera los 10 o 20 segundos y que a buen seguro no habéis añadido a vuestras favoritas. Y sin lugar a dudas es una lástima porque un poco de cuidado mejoraría notable la navegación y permitiría al usuario centrarse en el contenido.

La solución es tan sencilla como elegir el formato correcto para la imagen y elegir un nivel de compresión adecuada:

- Para imágenes sintéticas, realizadas por ordenador y que se caracterizan por usar un número reducido de colores, los mejores formatos son .GIF y .PNG. En ambos casos eligiendo adecuadamente el número de colores podemos reducir notablemente el peso de las imágenes.

- Para imágenes naturales, paisajes, personas, fotografías en general, el formato JPEG es el idóneo. Pero debemos recordar ajustar el nivel de compresión oportuno a través de nuestra herramienta de edición.

Finalmente siempre recordar ofrecer la imagen en el tamaño en que se va a mostrar en navegador, de forma que el usuario no tenga que descargar una imagen enorme para posteriormente reducirla mediante CSS o HTML.

A parte existen pequeños trucos como no incluir texto en una imagen y sobreponerlo posteriormente, de esta forma la imagen comprime bastante más. Puedes ver un ejemplo en los banners del blog Disco Duro.