La usabilidad es uno de los factores más importantes a la hora de diseñar / utilizar un sitio web, para lograr que nuestro blog sea usable las mejoras diarias y el trabajo son determinantes, según mi experiencia me animo a escribir una lista de consejos para mejorar la Usabilidad de un blog:
1. Coloca a cada entrada la fecha de publicación. Ya lo había comentado en otra ocasión, es importante dejar constancia del día de la publicación, en especial para facilitarle la vida a las personas que llegan desde buscadores. El problema de no colocar la fecha es que cuando estamos leyendo la entrada no sabemos si es algo que ocurrio recientemente o una noticia antigua.
2. Separa los trackbacks de comentarios. Principalmente esta medida sirve para facilitar la lectura de los comentarios, cuando los retroenlaces se intercalan suele resultar bastante difícil seguir una discusión. En mi caso esto todavía no lo hice, principalmente porque todavía estoy buscando un diseño que me agrade para los comentarios, próximamente en Kabytes 🙂
3. Coloca de forma visible las opciones de suscripción. Esto es interesante, no les pasa que en ciertas ocasiones encuentran un blog interesante y no ven por ningún lado el botón de suscripción. Es importante destacarlo, no es fácil lograr suscripciones, si la persona se interesa en nuestro blog lo mejor es darle la mayor cantidad de facilidades posibles.
4. Facilita un archivo. El buscador de WordPress no es justamente de lo mejor, a veces cuando ingreso a un blog a buscar una entrada que me intereso recuerdo el mes en que se publico aproximadamente, tener un archivo ayuda y mucho.
5. Coloca el buscador a la vista. Muchos bloggers optan por eliminar este campo, pero yo lo considero un error, como comentaba en el punto anterior si bien no es de lo mejor, es una herramienta mas para buscar entre todos los post las cosas que nos interesan. Otra opción es integrar la búsqueda de Google, en este blog lo vengo pensando desde hace un tiempo y muy probablemente lo haga.
6. Sal del closet. Un blog esta escrito por al menos una persona, es bueno darse a conocer, al principio este blog no tenia el famoso “acerca” y muchas personas me enviaron correos con la sugerencia de incorporarlo. A todos nos interesa saber más de las personas que leemos a diario.
7. Verifica los tiempos de carga. Nada mas molesto que la carga infinita, entrar a un blog a comentar y tener que esperar para que el sitio cargue es terrible, a veces es culpa del hosting pero otras tantas podemos reducir los tiempos de carga haciendo algunas cosas simples. A considerar: Es bueno que la carga sea completa, pero esto no es obligatorio, lo más importante es que se desplegué el contenido rápidamente, luego “detrás de escena” puede continuar la carga de elementos secundarios.
Manz escribió una muy buena entrada, con varios consejos para reducir el tiempo de carga de una web.
8. Evita llenar tu blog de banners que no sirven para nada. No ayuda para nada tener el footer o sidebar llego de botones de buscadores, mostrando tu pagerank, 30 sistemas de estadísticas distintos (encima muchas veces meten enlaces ocultos). Evita llenar tu blog de mini banners que distraen la atención. Si quieres llamar la atención procura que sea hacia el contenido.
9. Utiliza tu encabezado para remarcar cosas importantes. El header de un blog es una de los sectores “mas calientes”, hay que aprovecharlo, un buen ejemplo de esto es Punto geek que tras el rediseño aprovecho este sector para remarcar algunas secciones.
10. Remarca correctamente los enlaces. Es importante que los enlaces se diferencien del contenido y a simple vista. Nada más incomodo que leer un texto y tener que “escanearlo” con el mouse para ver donde están los enlaces.
11. Coloca un feed para los comentarios. Esto me lo hizo notar hace poco Neri y lo tengo que hacer en este blog. Algunas personas suelen seguir una conversación agregando el feed de comentarios a su lector, es interesante tener esta opción activada y a la vista.
12. Utiliza un tamaño para las tipografías de 10pt al menos. Esto es clásico de Nielsen, y una de las recomendaciones que suelo tener mas en cuenta, las letras tienen que tener un buen tamaño así evitamos forzar la vista de los visitantes.
13. Verifica que el contraste entre el texto y su contexto sea correcto. Los colores 2.0 quedan muy lindos, pero muchas veces usar colores “pasteles” para el texto no es buena idea, hay que verificar que el contraste entre fondo y texto en primer plano sea el correcto. Me encanta la combinación fondo blanco y letras negras, creo que es un clásico, pero no es regla, alcanza y sobra con verificar que el texto no produce cansancio visual.
14. Implementa la suscripción por email. Este punto lo debatimos mucho con varios amigos, en mi caso yo pensaba que las personas que se registran por email en muchas oportunidades lo hacen por impulso y no por un deseo claro de suscripción. Pero con el tiempo comprendí que muchos de los visitantes siguen utilizando el correo como medio para mantenerse actualizados, por lo tanto consejo: Habilita la suscripción por correo. Nikko de Xyberneticos tiene un diseño del formulario muy bueno.
15. Logra que tu blog sea valido W3C. No hay que confundirse, que tu blog sea valido para el W3C no significa que sea usable, significa que es accesible, dos cosas que van de la mano pero no son iguales. No obstante me parece buena practica molestarse por usar los estándares web, muchas veces sin querer terminamos aplicando conceptos usables en la aventura que significa validar nuestro código.
16. Utiliza URLs amigables. Muchas personas guardan las entradas en sus marcadores, o bien recuerdan haber leído algo hace unos días atrás y recurren al historial de su navegador. Tener urls amigables ayuda a identificar estas entradas con mucha facilidad.
17. No anules funciones para evitar que te copien. Algunas personas activan códigos Javascript como por ejemplo, para anular la opción derecha del mouse, pero la realidad es que si nos quieren copiar lo harán de alguna u otra forma, entonces no tiene sentido afectar a las personas que quieren copiar la entrada para guardarla en un borrador personal o para citar un fragmento en su blog.
18. Evita reinventar la rueda con tu diseño. Las personas «arrastran» desde siempre ciertos conocimientos, buenas y malas costumbres. Es por eso que nuestro diseño en la medida de lo posible tiene que tener una estructura clásica. Un encabezado, un sidebar, un footer, etc. Se puede “innovar” en cuestiones graficas, pero ciertos componentes deben existir si o si. Les recomiendo la lectura “Entendiendo el diseño web [ENG]”.
19. Que el logo o nombre de tu blog enlace la pagina principal. Muchas personas tienen la costumbre de volver a la pagina principal realizando clic en el logo o nombre del sitio.
20. Utiliza categorías descriptivas. No hay mucho mas que decir, el nombre de cada categoría debería permitir a las personas saber que tipo de contenido encontraran sin necesidad de ingresar para averiguarlo.
21. Precaución con las nubes de etiquetas. Esto es una opinión muy personal, creo que las nubes de tags suelen ser confusas en muchos casos, son beneficiosas si los enlaces que la componen no son abundantes y existe una clara diferencia entre los distintos tamaños de fuentes.
22. Utilizar iconos puede ser una buena idea. Los iconos, además de ser utilizados a nivel estético, tienen una fuerte influencia para describir o rotular algún componente de un blog o sitio web. Una muy buena implementación es la que hizo Hernan de Código Geek agregando un icono distinto a cada enlace dependiendo de lo que se trate.
23. Facilita las entradas relacionadas. Una buena manera de ofrecer más información a nuestros lectores y de una forma muy sencilla es brindar en cada entrada un apartado de entradas relacionadas. En mi caso intento colocarlas en forma manual dentro de cada post, aunque también tengo instalado el plugin para hacerlo de forma automática.
24. Diferencia cada entrada. La estructura de un blog es muy sencilla, pero en algunos casos el diseño dificulta diferenciar las entradas una de otras, seria una buena practica encontrar la forma de “separar” cada entrada, para esto podemos modificar el tamaño del titulo, el color, inclusive colocar una pequeña línea.
25. Permite navegar por páginas. En algunos blogs veo que los enlaces “Pagina anterior / Pagina siguiente” desaparecieron, pero esto resulta bastante incomodo cuando la persona que nos visita a diario quiere buscar una entrada que recuerda haberla visto el día anterior, etc.
Lectura extendida y recomendada:
Blogs de usabilidad y accesibilidad recomendados:
Dondado
17 años ago
Buenísimas recomendaciones, habrá que ponerse manos a la obra.
Yo dejé las suscripciones por email porque lo traía por defecto la plantilla que tengo ahora y aunque no sea una barbaridad, en un mes se han suscrito unas 6 personas, que son el 25% de todos los que se han suscrito.
También recomiendo el plugin suscribe to comments, para saber, una vez que dejas un comentario, cuando te contestan, para mi es más rápido que suscribirme a un feed, y además los feeds de comentarios suelen venir con todos los comentarios del blog lo que puede generar un excesivo ruido.
Francisco
17 años ago
Buenas recomendaciones, me han servido especialmente la 6 y la 11, felicitaciones por la idea.
Saludos
f
Freak-Log™ #11 — Freak Group
17 años ago
[…] Consejos prácticos para mejorar la usabilidad de tu blog por Kabytes […]
noth
17 años ago
Muchas gracias!! estoy pendiente de crear un theme para mi blog y esta guía me puede ayudar muchísimo.
Saludos
Pablo
17 años ago
Que buena la recopilación. Yo tengo mi blog hecho un desastre, estoy dentro de un bucle infinito rediseñándolo y muchas de tus recomendaciones las tengo en la to-do-list. 😀
Jorge
17 años ago
Hola, es la primera vez que llego a tu blog y ya me he suscrito. Me permito un par de dudas, comentarios. Sobre el tema del buscador (punto 5) yo tengo integrado el de Google con la busqueda sobre el archivo de mi blog por defecto (sin publicidad) y me va de maravilla incluso apra yo encontrar algún post de forma rápida. Sobre el feed de los comentarios, personalmente prefiero que los lectores interesados en una entrada concreta puedan seguir los comentarios de la misma (y solo los de esa entrada) tanto si comentan como si no… Saludos
Antonio
17 años ago
Me quedo con la 3, la 13 y la 16. Muy buen post tio. Creo que lo voy a poner en cuenta todo.
Además sigo convencido de que un blog validado en w3c y con un css y diseño limpio tiene mejor posicionamiento en google.
Me apostaria una rondita!
Horacio Bella
17 años ago
Muy buen post. Yo agregaría que siempre hay que tener en cuenta que el blog es una plataforma para presentar contenido y donde se puede agregar algo de publicidad. Que no se inviertan los roles y la publicidad sea lo que presentemos.
portafolio blog
17 años ago
25 consejos para mejorar la usabilidad de tu blog…
Hace unos días publiqué un post en donde hablaba un poco a nivel personal, sobre 5 ideas básicas a considerar para iniciar un blog… Y como complemento a esto podemos agregar un post muy interesante…
Me refiero al post de Pablo, titulado …
Esta semana he visto… XXV | Dondado
17 años ago
[…] 25 muy buenos consejos para mejorar la usabilidad de tu blog (Kabytes) […]
Maldo
17 años ago
Muy buen post, salvo que recomiendas poner fecha a la entrada y has obviado hacerlo.
Muchas gracias.
Maldo desde Rosario Argentina
Pablo
17 años ago
@Maldo: Muchas gracias, con respecto la fecha, si que esta, si te fijas esta al pie de la entrada 😀
Saludos, Pablo
Enlaces importantes del blogroll…
17 años ago
[…] Consejos prácticos para mejorar la usabilidad de tu blog […]
leo-on
16 años ago
Gracis por el dato… creo que tengo que mejorar el tiempo de carga…
Por cierto eso de avisar de comentarios tambien jala muy bien.
Saludos…
Medir y Optimizar la velocidad de carga de tu web | ..: Cristian Eslava | Diseño Gráfico / Web | Maquetación | Formación :..
16 años ago
[…] Consejos para mejorar la usabilidad del blog / Kabytes da unos consejos para hacer de nuestra web un sitio más usable […]
Mide el tiempo de carga de tu web con WebWait « Pirata World
16 años ago
[…] Consejos para mejorar la usabilidad del blog / Kabytes – Reduce el tiempo de carga de una web / Emezeta – Optimizando el CSS en Blogger / […]
Tips para mejorar la usabilidad de nuestro blog | Adventure Graphics
16 años ago
[…] consejos-para-mejorar-la-usabilidad-de-un-blog/ Comparte este post: […]
Jack Fiallos Blog (AkKa Erling) | Patrones de diseño para interfaces web
15 años ago
[…] Consejos para mejorar la usabilidad de un blog […]
Patrones de diseño para interfaces web | Qbit Mexhico Web Blog
15 años ago
[…] Consejos para mejorar la usabilidad de un blog […]
Esta semana he visto… XXVI | Dondado
15 años ago
[…] 25 muy buenos consejos para mejorar la usabilidad de tu blog (Kabytes) […]
Leo | Calderas Junkers
12 años ago
Buenos consejos, solo necesito paciencia para todos tus puntos
Mide el tiempo de carga de tu web con WebWait
12 años ago
[…] Consejos para mejorar la usabilidad del blog / Kabytes – Reduce el tiempo de carga de una web / Emezeta – Optimizando el CSS en Blogger / […]