¿Qué es y cómo mejorar la Usabilidad web o UX? 10 factores
Si estás leyendo este artículo, es porque seguramente te estás preguntando qué factores debes tener en cuenta para mejorar la experiencia de usuario de tu web o ux.
Así que a continuación, te vamos a revelar los puntos más importantes para controlar la usabilidad de tu web.
1. Diseño UX - Responsive
Este es el primer factor del que vamos a hablar. Y es que cada vez más, Google le está dando mucha más importancia a la experiencia de usuario en formato mobile. Pues, debemos tener en cuenta que el espacio es más reducido, y a no ser que tengamos un diseño ux responsive, será uno de los factores más importantes a tener en cuenta.
El motivo por el cual le damos tanta importancia a este punto, es el siguente:
Para que nos entendamos, Google usa dos tipos de robots para analizar las páginas webs: Los robots de Google o bots que rastrean los sites en versión ordenador (o desktop), y los robots que rastrean las webs en versión mobile.
Al principio, solo pasaba por nuestra web el robot de ordenador, así pues, revisaba todos los elementos de contenido, diseño ux, usabilidad web para versiones en desktop, y una vez terminada la expedición, se iban a rastrear otras webs.
¿Pero qué ha ocurrido desde hace un tiempo hasta la actualidad? Pues que los robots de Google, ya están priorizando el rastreo en versiones mobile, antes de rastrear las versiones en ordenador.
Así pues, a efectos prácticos… ¿qué repercusiones tiene esto?
¡Pues las tiene y mucho! Porque ahora ha cambiado el paradigma de cómo hacer una web, o reestructurar un site que ha quedado anticuado, porque si tenemos que hacer un esbozo de cómo queremos que sea nuestra nueva página web, deberemos empezar a maquetar el sitio para móviles, y después adaptarlo a ordenadores.
Esto es lo que popularmente se le llama dentro del mundo del marketing digital: Mobile first, y con ello el Mobile First indexing.
Y es que, tiene todo el sentido del mundo, porque a medida que la tecnología va evolucionando, nuestros hábitos también. Es por eso que, a día de hoy, usamos el móvil para todo: navegar por internet, buscar información, ver vídeos, hacer compras…
Así pues, Google, al ser consciente de ello, está empezando a penalizar los sites que no tienen sus páginas bien optimizadas para dispositivos móviles, y premiar a aquellas que sí apuestan por una buena user experience.
2. Velocidad de carga web
Aunque ya hablamos de ello en artículos anteriores donde os explicábamos la importancia de la performance y cómo mejorar tu velocidad de carga web, este es un factor esencial a tener en cuenta para un user experience ideal.
Y es que, si notas que cuando entras en tu página web, tarda mucho en cargar, es muy probable que tengas que mejorar la velocidad de carga de tu web.
Y aquí ya entramos en un terreno hostil, ya que pueden haber muchos factores que influyan en que la web cargue más o menos lenta.
Para ello, os proponemos unas cuantas herramientas que os ayudarán a sacar los puntos más importantes que tenéis que tener en cuenta, y por lo tanto priorizar:
- Page Speed (Herramienta gratuita de Google)
- GTMetrix
- Web Page Test
- Pingdom tolos
Ya hablamos más en profundidad sobre algunas de estas herramientas en nuestro artículo de las 5 mejores herramientas seo gratuitas, es por eso que si todavía no sabes cuáles son el resto, te aconsejamos darle un vistazo.
Vistas las principales herramientas para comprobar la velocidad de carga web, es interesante detallar los aspectos más comunes que afectan a la velocidad de carga de un site:
- Formato y peso de las imágenes (recomendamos comprimir las imágenes para que pesen poco, y a poder ser, que sean en formato .jpg).
- Eliminar recursos que bloqueen el renderizado: Es decir, intentar prescindir de todos aquellos elementos que estén haciendo que la web cargue más lenta.
- Cachear la página: Eso quiere decir que, cuando un usuario vuelva a entrar en nuestra web, le podamos mostrar el contenido que ya visitó de forma instantánea (ya que cargó el contenido la primera vez que accedió al site).
- Java Script: Muchas veces, nos encontraremos que nos saltan alarmas del Java Script. Eso quiere decir que, en la medida de lo posible, es aconsejable retrasar el tiempo de carga del JS hacia el final, priorizando así la carga de otros elementos de mayor importancia. (Uno de los ejemplos de Java Script, son los efectos y animaciones que muchas veces incluimos en nuestras páginas, para que el contenido aparezca de forma dinámica. Pues, si tenemos contenido con animaciones al final de la página, no será necesario cargarlo al principio. De este modo, estaremos priorizando la información del principio, la cual cargará más rápido).
3. Errores 404
Los enlaces rotos o técnicamente conocidas como páginas con error 404, son aquellas que, a ojos del usuario, son un callejón sin salida.
Esto es de las peores cosas que le puede ocurrir a un usuario, ya que al no darle ninguna otra alternativa a donde ir, se van de nuestra página para no volver.
¿Cuáles son los principales motivos por los que una web tiene páginas con errores 404?
Que una página dé error 404, puede deberse a muchos motivos. Pero a continuación vamos a enumerar los más comunes:
- El enlace está roto.
- El enlace es defectuoso.
- El enlace ya no existe: Pues es muy probable que se haya eliminado intencionadamente (en este caso, no pasa nada porque Google al final se encargará de que desaparezca para siempre).
A todo esto, es super importante tener en cuenta que, tanto si eliminamos una página, como si detectamos una página con error 404, deberemos preocuparnos de que ningún enlace interno apunta a estas.
¿Cómo detectar los errores 404?
Tal y como explicamos en el artículo de las 5 mejores herramientas seo gratuitas, Screaming Frog es la herramienta por excelencia para saber cuántos errores 404 tenemos en nuestra web, y cuáles son.
4. Pop-ups o ventanas emergentes.
Los pop-ups o ventanas emergentes van a ser otro factor que va a influir en nuestra user experience. Y es que a Google no le acaban de convencer del todo. En especial, todos aquellos pop-ups que entorpecen la navegación, ocultan el contenido, se abren ventanas emergentes de forma automática al hacer click en un apartado de la landing, y se redirige al usuario hacia otra web…
Es fácil deducir que todo este tipo de prácticas, empeoran la experiencia del usuario, e incitan a la fuga de forma rápida.
Estos son algunos ejemplos de pop-ups que Google considera intrusivos y que, por lo tanto, va a penalizarnos si los incorporamos en nuestra web:
Para ello, si tenemos o queremos incluir pop-ups para recoger datos u otro tipo de información, os mostramos algunos ejemplos de ventanas emergentes que Google sí acepta:
5. Estructura web
Este apartado, está muy relacionado con la estructura de datos de la web, así como la lógica de linkjuice que apliquemos en nuestra web.
Y es que, este es un factor muy decisivo para guiar al usuario cuando éste aterrice en nuestro sitio web.
Imaginemos que el potencial cliente, llega a nuestra página de inicio. Una vez allí, deberemos mostrarle las categorías más importantes (o las que más nos interese mostrarle). Para ello, deberemos haber organizado muy bien el contenido, para que este pueda llegar de la forma más fácil a consumir nuestro contenido o comprar nuestro producto.
Si ponemos el ejemplo de la Home Page de Amazon, veremos que tiene en su página de inicio, las secciones más relevantes organizadas de forma estratégica:
Por último, para facilitar la navegación del usuario en nuestra página web, deberemos hacer un buen uso de los breadcrumbs o rutas de navegación. Pues esto le va a ser de gran utilidad al usuario, para que sepa en todo momento en qué punto se encuentra de dicha navegación.
6. Frases cortas y párrafos digeribles de leer.
Este punto, se centra 100% en la experiencia de usuario. Y es que cuando leemos, psicológicamente se nos hace más fácil de absorber el contenido en pequeñas dosis, que viendo párrafos extensos con gran cantidad de letra.
Es por eso que, en este punto, queremos focalizarnos en la siguiente práctica:
Para una mayor comprensión del contenido, deberemos escribir con frases cortas y párrafos digeribles de leer.
Y es que, además, una de las principales ventajas por las cuales nos será útil esta práctica, es para mostrar nuestro contenido en dispositivos móviles: donde la pantalla es más pequeña, y la densidad de las palabras cobra mucha más importancia.
Asimismo, para saber qué grado de interés despiertan nuestros artículos de blog o páginas dentro de nuestra web, tenemos una técnica que nos va a ser de gran utilidad: los mapas de calor o heatmaps.
Otros factores que influyen en la usabilidad web:
- Texto demasiado pequeño para leerlo, texto difícil de leer (por encima de imágenes) y/o elementos clickables muy cerca unos de otros: Esto lo podremos detectar rápidamente con la herramienta gratuita de Google: Search Console.
- Imágenes o tablas más grandes que la pantalla: Esto ocurre con bastante frecuencia en webs en las que se ha priorizado la optimización de la experiencia del usuario en ordenadores antes que en la versión mobile. Y es muy común que las imágenes o tablas sean más grandes que el tamaño de la pantalla en móviles, y debido a esto, veremos como se descuadra todo.
- Formularios: Es muy común que en los formularios, los usuarios tengan una mala experiencia. Estos son algunos de los motivos más frecuentes por los que un formulario puede generar una experiencia indeseable:
- No guardar la información: Hay casos en los que al hacer click en “enviar”, nos hemos olvidado de completar algún campo. Es en ese momento, en el que es importante que el formulario guarde toda la demás información, para que el usuario no tenga que rellenar todos los campos de nuevo.
- Mensajes de “Formulario enviado satisfactoriamente”: Una vez enviado el formulario, deberemos preocuparnos de mostrar un mensaje de “Envío satisfactorio”, para que el usuario sepa que ha realizado la acción correctamente.
