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

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 y manera de organizar la información.

Hacer un blog que sea coherente con el contenido y que todo esté a la vista, sea intuitivo y tengamos todo a mano es complicado.
Tener un blog perfecto es imposible, pero lo que se puede es intentar pulir pequeños detalles para que sea un blog mas usable y menos caótico de cara a los lectores.

Por qué son importantes los errores de usabilidad

Estos fallos en algún caso pueden ser un verdadero boicot a tu estrategia y más cuándo los das por buenos porque estás viéndolos todo el día por todas partes.
Los buscadores se preocupan porque los lectores tengan una buena experiencia por lo que si detectan problemas de usabilidad, carga o arquitectura tu posicionamiento se verá resentido.
Es complicado cambiar cosas que son tan normales y están formalmente casi establecidas dentro del blogging y es normal tener un blog bajo alguna de las faltas y pequeños errores que a los lectores no les gustan nada.
No pasa nada si tu blog tiene alguno de estos fallos, pero está en tu mano saber si puedes cambiarlo o no, en ti queda evaluar si te va a atraer más tráfico, 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 es complicado que llegue lejos.

Cómo saber si tenemos fallos de usabilidad

Por norma general tardamos mucho en darnos cuenta de que no funciona como debe o no cumple la función para la cual hemos puesto ese elemento.
Los fallos de usabilidad dan la cara en la tasa de rebote.
Si tu blog está en orden pero a la hora de la verdad en las estadísticas tu tasa de rebote es tremenda, esto puede ser porque el contenido no es lo que el lector espera, es flojo, carga mal la página o por un fallo de usabilidad o errores de diseño que llevan al lector a desesperarse.
Los fallos de enlaces que no funcionan bien se ven reflejados en herramientas de SEO como pueden ser Screaming Frog SEO Spider en la que te deja claro si hay enlaces rotos.
Otra herramienta que puede darte pistas es el comprobador para móviles de Google.
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.

1 False affordances o el parecía un enlace…

Esta pifia es mas común de lo que nos parece,  se combate en UI (user interaction) 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 cosa tan sencilla 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.

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 hacer la barra de menú desde cero como en este post.

Puedes aumentar mucho el número de visitas con 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 es muy complicado.
Imagina que llegas a una habitación y no hay mas puertas para pasar 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.

3 Falta de información sobre contacto

No hay quién contacte contigo porque has escondido el formulario de contacto.
Un fallo de diseño y de legalidad es que no se pueda contactar con el autor 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.

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 interminable.
Es perjudicial por varias razones:

• 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 el lector 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.
• No suele resolverse bien en muchas ocasiones y arroja el típico problema de usabilidad: el contenido gráfico es más ancho que la pantalla.

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 pesado.
Aunque no lo parezca el lector es perezoso, todo lo que parezca complicado o excesivamente denso es fácil que lo ignore.

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.
O el mapa del sitio para que puedan buscar por categorías o por ordén alfabético.
Una manera de ordenar tus post son las listas de post o los megapost que agrupan contenido, 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.

6 Dificultades para que puedan compartir contenido

Si algo hemos aprendido es que somos vagos 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.

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.

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 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 un 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 0,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.

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…
Más 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».

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.