Errores de diseño que damos por buenos y confunden al lector

No puedo evitar fijarme en como está diseñado un blog, no sólo en el aspecto estético sino a su usabilidad, si es coherente con el contenido y a su navegación, es complicado llegar a tener un blog perfecto es imposible realmente, pero lo que se puede es intentar pulir pequeños detalles para hacer tu blog mas usable y menos caótico de cara a los lectores.

Estos errores en algún caso pueden ser una virtud, es complicado cambiar cosas que son tan normales y están formalmente casi establecidas dentro del blogging, como verás no he inventado nada y es normal tener un blog bajo alguna de las siguientes pautas. No pasa nada si tu blog tiene una de esta características tan "peliagudas" está en tu mano saber si puedes cambiarla o no, obviamente no siempre podemos modificar nuestro blog tanto como queremos.

Puede que tengas el blog mas bonito del mundo pero es difícil de usar e complicado que cale entre el gran público, a veces tardamos mucho en darnos cuenta de que no funciona como debe, puede pasar que has invertido mucho tiempo en diseñar tu blog, pero a la hora de la verdad en las estadísticas tu tasa de rebote es tremenda, esto puede ser porque es una porquería de contenido (sé que no es tu caso) y por ello debemos ver que al menos no sean algunas de estas cosillas que dan tanta guerra.

Este post esta casi dedicado a lo que pueden ser unos principios de experiencia de usuario y un poco de usabilidad, pero no he querido ser pretenciosa y los prefiero denominar errores de diseño que es la manera mas sensata para nombrar a algo que pretende ser práctico y no funciona realmente.

Error de diseño #1

Parece un link pero no lo es... false affordances

Esta pifia es mas común de lo que nos parece es que se combate en UX (experiencia del usuario) como el fuego, eliminar esos elementos que parecen enlaces y no lo son, o que parece que te llevan a un lugar y no te llevan a ningún sitio son un problema serio a la larga en un blog.

Producen frustración en el lector, imagina que tienes unas imágenes con el nombre de las categorías de tu blog ¿qué crees que espera le lector que pase al pinchar? en este caso que te redirija a la categoría en sí para ver todo lo que hay en ella, ¿pero y si en lugar de eso refresca la página y sigues en la misma o te abre el archivo original de la imagen? te descuadra..¿ no?, pues esta pavada puede hacer que esa visita no pulse ningún enlace mas.

A veces creemos que el lector no tiene otra cosa mejor que hacer que pasar media hora en nuestro blog dando vueltas, y en realidad nada mas lejos, la mayor parte dedican unos poco minutos para conseguir la poca información que necesitan y si la encuentran a mano mucho mejor.

Error de diseño #2

No tener barra de navegación.

Hubo un tiempo en que los diseñadores se propusieron borrar de la faz de la tierra las barras de menú, no obstante en blogger a veces tenemos que fabricarlas como en este post.

A veces no tenemos las suficientes visitas o visitas de calidad porque no hay una navegación clara y fluida dentro de tu blog, si no tienes una barra de menu que organice las páginas y las categorías de tu blog. Imagina que llegas a una habitación y no hay mas puertas para llegar a las siguientes habitaciones, lo mas fácil es que se den media vuelta y sigan buscando fuera mas contenidos organizados.

A veces confiamos mucho en la intuición del lector, un lector llega a tu blog a leer un artículo no a jugar a los acertijos o a buscar links que le puedan llevar o no a otra página interesante.

Error de diseño #3

No hay quién contacte contigo porque has escondido el formulario de contacto.

Un fallo de diseño y de mas cosas es que no se pueda contactar con el autor, dueño, colaborador o con el blog, debes hacer lo posible para que puedan contactar contigo en la sección de contacto de tu blog.

Poner una sección de contacto no quiere decir que te vaya a escribir todo el mundo, sino mas bien es un buzón abierto a colaboraciones y sugerencias.

He puesto la página de contacto como otras muchas legales que son obligatorias en muchos casos, como puede ser la página de la ley de cookies por citar una.

Error de diseño #4

Diseño muy ancho, textos full width: la línea de texto eterna.

Este error es muy común, no nos damos cuenta y a veces tenemos un ancho de columna demasiado ancho, esto es perjudicial por varias razones, la primera y la mas importante es el lector: con una columna de mas de 750px tiene que hacer un gran esfuerzo para leer, a parte de mover los ojos de un lado a otro de la pantalla, cuándo una columna es ancha es fácil cambiarse de línea porque lo normal no es seguir con la vista hacía la derecha sino hacia abajo. Esto hace que se despiste y lo que se trata es de todo lo contrarío.

Una línea en la pantalla es mucho mas complicada de leer que en papel, si te fijas estamos mas acostumbrados a tamaños estrechos a la hora de leer que a tamaños anchos, por razones ergonómicas.

Este mal es muy común en blogs que tienen un layout full width y en determinadas pantallas puede llegar a ser muy superior a los 960 px de ancho, lo que se hace muy largo.

Aunque no lo parezca el lector es perezoso, todo lo que parezca complicado o excesivamente denso es fácil que lo ignore.

Error de diseño #5

No hay manera de llegar hasta los post antiguos

Si no tienes barra de menú es casi imposible que se pueda acceder a contenido anterior, este fallo es muy común en los blogs de blogger que confían en el scroll.

Cuando un lector lleva mas de 5 avances con el ratón es complicado que baje mas.

Un blog que no sea de novedades en este tipo de blogs lo entiendo perfectamente, a parte de vivir de los últimos 10 post vive de su "fondo de armario" todo lo que tienes escrito es la riqueza de tu blog y lo que puede enganchar al lector, por ello es fundamental que puedan acceder al contenido antiguo del blog.

Una buena manera son las listas de post mas populares, la lista de categorías, pero sobretodo los post relacionados.

Una manera de ordenar tus post son las listas de post o los megapost que agrupan contenido redirigiendo a otros post, hacer una entrada sobre post es una de las ideas que propuse en el post sobre que escribir cuándo no se te ocurre nada.

Error de diseño #6

Dificultades para que puedan compartir contenido

Si algo hemos aprendido es que las personas somos bastante vagas para compartir contenido, así que si quieres que compartan debes ponerlo muy fácil.

No sólo sirve con poner los botones de compartir abajo del post, sino debes hacer llamadas a compartir dentro de el por ejemplo si usas un plugin para compartir contenido activa las opciones que te dejen Pinear, Twittear o compartir en facebook las fotos, porque es muy difícil que comparta alguien bien una foto por su cuenta y con la llamada de un plugin como Sumo me que es el que tengo instalado es muy fácil hacerlo.

A parte si eres quién propone de esta forma u otra al lector que comparta le das permiso disipando cualquier duda que pueda tener sobre copyrights.

Error de diseño #7

Tener la sidebar llena a reventar de elementos y enlaces.

La barra lateral o es un acierto o es el mayor fallo de un blog por lo que debes medir si te está siendo útil o no.

La barras laterales a lo largo del tiempo se han ido llenando de widgets o gadgets que son mas "tradicionales" que necesarios o beneficiosos para tu blog, es el caso de lo perjudiciales que son las nubes de etiquetas, colocar insignias y objetos que no tienen fecha de expiración y hacen que tu página tarde mucho mas en cargar, enlaces a sitios... si a esto le unimos últimos posts, publi, lista de categorías y en algunos casos otra barra de menú tienes un montón de ruido para confundir a tu lector y a google con tu SEO.

Error de diseño #8

Links que no se distinguen del texto

Si has trabajado una buena estructura de enlaces internos no querrás que un pequeño fallo de diseño te arruine tu estrategia de manera asombrosa:

Tus links no se distinguen entre el texto por tanto pasan desapercibidos por la mayor parte de los lectores, en especial aquellos que acceden desde su dispositivo móvil, no basta con que este en negrita eso pasa desapercibido porque puede ser un texto resaltado, lo ideal es que sea de otro color diferente al del texto.

A veces la variación de color es a peor, yo he tirado la toalla con algunos blogs que usan un gris tan claro que hasta dudo que se vea bien en todas las pantallas, un día buscando un "enviar" creí que no estaba y si pero era tan "sutil" que costaba dios y ayuda verlo... pues así eran sus links internos esos que usaba en el texto.

Se estima que un 8% de los hombres y un 0,5% de las mujeres sufren alguna variedad de daltonismo en España se cifra sobre 2.000.000 de personas, por lo que plantearse mejorar la accesibilidad a todo el contenido que ofrecemos no es una tontería y es muy necesario para algunas personas.

Error de diseño #9

Pop up sin control ninguno.

Esto es un error de diseño y de marketing grave, las pop up mal configuradas en tiempo y forma.

No porque salga según se cargue la página un formulario para apuntarte a un curso o a una newsletter lo vas a hacer... sino mas bien la vas a cerrar porque no sabes si te va a gustar ese blog , leerás el contenido del post primero y cuándo tendría que salir la pop up para invitarte a suscribirte, mientras lees, no te va a salir porque ya lo hizo según cargó la web o bajaste 200px de scroll. Muy mal así no vamos a ninguna parte, no por mucho acogotar al visitante obtenemos mejores resultados, por ello debes tener en cuenta cuales elementos de tu web rinden y cuales no cumplen ningún objetivo para eliminarlos.

Esto no quiere decir que el uso de pop up sea malo, sino todo lo contrarío las pop up son unas herramientas muy eficaces pero en su justa medida y bien configuradas, te aconsejo que mires tus estadísticas de google para establecer un tiempo razonable en la visita del lector para no ser "ansias".

Error de diseño #10

Tipografía pequeña o difícil de leer.

Junto al tamaño de los botones son dos máximas en usabilidad muy importantes que merecen mucha atención a la hora de diseñar una web, la elección de la tipografía es muy importante en el aspecto de un blog.

Debemos prestar mucha atención a la legibilidad de nuestro contenido y a la coherencia de la tipografía con nuestro diseño.

El tema de tipografía lo trato mas a fondo en los siguientes posts:

Este otro es sobre como instalar Google fonts en blogger.

Estos son errores de diseño muy comunes que podemos cometer todos, yo la primera para que voy a hablar de nadie!, es muy fácil caer sin querer en alguno, no obstante hay muchas compañías multinacionales que los cometen y no pasa nada por uno o dos pero en conjunto pueden ser perjudiciales para tu blog, algunos es probable que no los contemplases como tales y es normal, cuándo tienes un blog te colocas desde otra perspectiva distinta a la del lector y es difícil parar el ritmo y ponerse a mirarlo con otros ojos.