Es fácil cometer errores de usabilidad, conociéndolos se pueden evitar.
En toda página o plataforma online, es fundamental una correcta usabilida para el éxito de la misma, ya que de lo contrario, los usuarios optarán por otras webs que les resulten más útiles, atractivas, rápidas, eficientes e intuitivas.
Y es que la usabilidad siempre ha sido un factor determinante para los usuarios online y cada vez está cobrando una mayor relevancia puesto que los consumidores cada día son más exigentes a la hora de buscar y encontrar productos y servicios.
Uno de los principales objetivos de la usabilidad de un sitio, es mejorar o facilitar a los visitantes el acceso a la información que buscan, en el menor tiempo posible y de la forma más sencilla posible (navegabilidad y fácil acceso).
Existen multitud de aspectos de mejora en cuanto a la facilidad de uso de una página que se deben tener en cuenta.
Por ello, es necesario revisar los posibles fallos o errores que puedan darse y comprobar las posibles mejoras que se pueden llevar a cabo a fin de poder ofrecer aquello que demandan tus visitas y, de este modo, cumplir sus expectativas.
Dentro de estos cambios o puntos de mejora, podemos destacar una serie de errores que son habituales y reiterados en la mayoría de páginas y que en muchos casos no se tienen en cuenta.
Por ello, en este post quiero hablaros sobre los 12 errores más habituales en usabilidad, previa breve introducción explicativa sobre el concepto de usabilidad valorando su importancia y funcionalidad en la actualidad.
¿Qué es la usabilidad, en qué consiste y por qué es tan importante?
La usabilidad es la sencillez o facilidad con la que los usuarios pueden utilizar una página web, es decir, el desarrollo y diseño web orientado al usuario en búsqueda de su satisfacción.
Importancia de la usabilidad
Se trata de uno de los factores más importantes a tener en cuenta en el desarrollo y diseño web tanto a nivel profesional (o por lo menos exigible) como particular, ya que es necesaria para el éxito de cualquier web.
Y es que, desarrollar un sitio poniendo especial atención en la usabilidad del mismo, puede ser la diferencia entre el éxito o fracaso de un proyecto online.
Ten en cuenta que, dependiendo del proyecto, puede no importar tanto el aspecto o diseño estético de la web como el hecho de que sea realmente usable.
Que la web sea muy atractiva y espectacular estéticamente es un match para cualquier página, pero si no es usable por parte de los usuarios, el diseño y apariencia estética no servirá de nada, sea el proyecto que sea.
Si los usuarios no le encuentran ninguna utilidad y/o no pueden acceder a lo que buscan en la misma, se irán de la página en busca de otra que sí ofrezca lo que realmente necesitan, probablemente, “tu competencia”.
La tendencia actualmente en cuanto a diseño web, se orienta más bien hacia la creación de sitios estéticamente espaciosos, limpios y minimalistas en busca de la facilidad de uso, la sencillez y navegación rápida y simple en los mismos, eliminando aquellos elementos irrelevantes y la aglutinación de la información en la web para la mejora de su visualización.
¿En qué consiste la usabilidad?
La usabilidad mide, el grado de facilidad con el que los usuarios pueden utilizar una web a través del estudio de la relación que se produce entre:
- Las partes que componen el sitio (sistema de navegación, funcionalidades, contenidos e información ofrecida, etc.).
- Los usuarios del sitio y su interacción o experiencia de usuario con el mismo.
De este modo, permite determinar el grado de eficiencia y satisfacción que ofrecen los distintos elementos ofrecidos en las distintas pantallas o secciones de la web y la efectividad en cuanto al cumplimiento de las tareas u objetivos para los que fue diseñada (resultados que ofrecen las tareas y funciones integradas en la web).
En este sentido, pequeños cambios de usabilidad pueden ofrecer grandes mejoras en cuanto al posicionamiento, ya que probablemente, se mejoren muchos de los KPI´s de la web:
- Reducción del Porcentaje de Rebote.
- Mayor duración del tiempo de estancia.
- Mayor número de páginas vistas y de sesiones, etc.
Estos cambios de usabilidad también contribuirán a representar grandes avances para el desarrollo y crecimiento de la página.
Por ello, a continuación, recopilo algunos de los errores más habituales sobre usabilidad web para que puedas detectarlos y corregirlos de forma sencilla en tu página.
12 Errores de usabilidad
Existen multitud de errores en cuanto a usabilidad web de una página o sitio online, entre los que se pueden destacar algunos bastante habituales y comunes en muchos sitios y que, todavía, siguen persistiendo incluso en algunas páginas con bastante tráfico y autoridad en Internet.
1.- Errores de coherencia y consistencia en el desarrollo y diseño de la web
La consistencia y coherencia en el diseño de la web, es uno de los puntos fundamentales de la usabilidad de un sitio ya que afecta a la percepción que el usuario tiene de la página y la facilidad de uso del que la disfrute.
Todas las opciones persistentes en la web como funciones, botones e información, es decir, aquellas opciones que se mantienen a lo largo de la página, deben funcionar igual en todos los lugares del sitio web en los que aparezcan, ya que, de lo contrario, el usuario podrá pulsar en dicha opción pensando que le va a ofrecer una función que ya ha probado previamente en la página y puede no recibir lo que espera al hacerlo, algo que sin duda le confundirá.
Por ello, lo mejor es diseñar la página con la mayor cohesión posible y que todas las opciones que se ofrezcan a lo largo de la web, sean realmente iguales y cuenten con una misma funcionalidad, salvo que realmente tengan otra finalidad, en cuyo caso, mi consejo es que diferencies claramente estas opciones con otros formatos, colores, etc.
Un ejemplo de página coherente y consistente podría ser esta web de reformas en la que los enlaces y su funcionalidad son iguales en todas las pestañas de la página.
2.- No contar con un diseño responsive
Todavía se trata de uno de los errores más básicos y habituales en cuanto a usabilidad.
Aunque parezca mentira, aún quedan muchas páginas que no tienen un diseño optimizado para dispositivos móviles.
Un gran porcentaje de las visitas vienen de usuarios móviles actualmente, por lo que sería más que conveniente, que cualquier desarrollo previo, presente y futuro se pueda visualizar perfectamente desde distintos dispositivos sin ningún tipo de problema, si quieres tener éxito con tus proyectos.
3.- Deficiente organización de la estructura y los contenidos de la web
Una mala estructuración de los contenidos
Este es un aspecto muy interrelacionado con la organización de la estructura de la web y de gran importancia como ya hemos visto (facilidad de que los usuarios encuentren lo que buscan).
Por este motivo, es vital que:
- La web tenga una estructura de contenidos bien definida antes de empezar a hacer nada. Igual que se debe prestar atención a la organización general de todas las secciones y la estructura de la web, debes mostrar cada una de las secciones de la estructura de la página por separado igualmente organizada.
- También es apropiado dividir el contenido de cada sección de la web en diferentes bloques. Para ello, puedes utilizar títulos destacados, listas y espacios en blanco que ayuden a organizar de una forma visual los textos e imágenes que se muestren.
- Otro error garrafal en cuanto a la estructura de la web es que no se tenga en cuenta el número de clics necesarios para que el usuario lleve a cabo ciertas acciones fundamentales en la web que se hayan planeado con el fin de alcanzar un objetivo concreto (conversiones), como por ejemplo, su registro o suscripción a los contenidos de la web, compra de un producto, solicitud de presupuesto de servicios, etc.
Es importante controlar el número de clics que le hacen falta al usuario para completar la conversión con el fin de reducir al máximo los mismos.
No existe un número máximo o mínimo de clics pero hay que tener en cuenta que cuantos menos clics tenga que llevar a cabo el usuario, más probabilidades tendrás de conseguir su conversión.
Para el usuario será más sencillo e intuitivo de llegar a lo que busca.
Deficiente Organización de la Estructura Web
Para que una web, ofrezca una correcta usabilidad, debe contar con una buena organización de sus secciones (muy relacionada con la distribución y organización de los contenidos y la información en la web).
De no ser así, los usuarios de la misma, no conseguirán llegar a la información, producto, servicio o función que buscan y que en teoría habrás planificado para que éstos encuentren.
Un error garrafal en muchas páginas web al respecto, es no tener en cuenta la organización o índice de estructura de la página (información mal agrupada y/o relacionada, falta de desplegables con subsecciones o apartados, distinta estructura en cada página…) para favorecer una correcta navegabilidad por parte de los usuarios.
Que el contenido esté bien organizado, distribuido y jerarquizado en la web, no implica que el menú sea claro e intuitivo, ya que puede darse el caso de que se haya utilizado un diseño muy original y creativo que nadie entienda.
Este es uno de los aspectos más importantes a arreglar en cuanto a usabilidad, ya que se trata de la base de cualquier desarrollo web y si no se le presta la suficiente atención, los usuarios empezarán a buscar otros sitios y dejarán de entrar en el tuyo.
Para evitar este inconveniente, es aconsejable crear la web o modificarla siguiendo unos ciertos cánones o estándares diseñados especialmente para que los usuarios online los sigan.
Algunos ejemplos de estándares del comportamiento del usuario en tu web son los siguientes:
- Generalmente, la mirada de las personas cuando buscan algo en una página, suele ir de izquierda a derecha y de arriba hacia abajo, aunque no siempre es necesariamente así. Por ello, siempre será positivo, que diseñes la estructura de la web siguiendo una orientación parecida, o bien, te guíes por un mapa de calor en tu web en función del comportamiento medio concreto de tus visitantes.
Otras soluciones a este problema, pueden ser la realización de encuestas a los usuarios, familiares, amigos, compañeros, etc., test o pruebas de usabilidad, como las pruebas de árbol y las pruebas de cartas de clasificación, etc. En cualquier caso, el usuario siempre sigue unas reglas básicas en sus búsquedas en las web en las que puedes basarte para optimizar la usabilidad en cuanto a estructura web de tu sitio:
- Los usuarios no miran la publicidad, sino el contenido y las opciones de la página.
- Los usuarios no leen, sino que escanean el contenido de la web.
- Los usuarios no quieren pensar para encontrar lo que buscan. Lo quieren fácil.
- Los usuarios no tienen tiempo para encontrar lo que buscan. Lo quieren rápido.
- Los desplegables deben verse de forma clara y deben incitar a hacer clic al usuario, es decir, que éste identifique, que accediendo al mismo, podrá encontrar lo que busca. Las palabras subrayadas y en otro color (siguiendo la línea o estilo de diseño escogido claro está), indican y señalan a los visitantes la presencia de una categoría que pueden seguir a lo largo de la web.
- Si utilizas iconos para ilustrar ciertas áreas o secciones, busca que siempre sean representativos e ilustrativos de aquello que quieres mostrar.
- Mostrar el menú de forma clara y distinguible de cualquier otro contenido, buscando la diferenciación entre secciones guardando una misma línea de diseño (tamaño, diseño y personalidad corporativa, etc.) y evitando el uso de botones o desplegables de menú escondidos en columnas laterales, opciones poco claras, etc.
4.- Textos e información poco legible o mal estructurada en la web
Cada vez más, los usuarios necesitan que la información que buscan sea más fácilmente localizable como he explicado previamente.
De hecho, el comportamiento de los usuarios cuando buscan información, suele tender a una rápida previsualización o escaneo de la web tratando de percibir algo que de verdad les sea útil.
Por ello, la información y textos de la web deben estar siempre bien organizados, buscando la fácil identificación del contenido relevante o valioso por parte del usuario.
Para ello, debes:
- Redactar los contenidos de la web con párrafos cortos, ya que si los textos son muy largos y no cuentan con apenas divisiones, para el usuario será muy incómodo de leer y su primera impresión de tus contenidos escritos será seguramente negativa.
Es importante dividir el contenido lo máximo posible mediante el uso de distintos elementos como:
- Títulos y subtítulos.
- Imágenes, infografías, tablas, gráficas, vídeos…, que además apoyen el contenido y faciliten su comprensión.
- Herramientas de búsqueda como las tablas de contenido y contenidos relacionados.
- Enumeraciones y viñetas que permitan escanear la página y resaltar la información de interés.
- Tener cuidado con la utilización de texto justificado, ya que se trata de un formato de edición que genera problemas de legibilidad para muchos usuarios (de hecho, supone un problema para las personas disléxicas), además de que no facilita a los usuarios la búsqueda de información puesto que les obliga a recorrer con la vista las líneas de texto hasta el final para obtener la información que necesitan.
- Usar la negrita y cursiva.
- Utilizar correctamente cuando corresponda los encabezados y etiquetas H1, H2 Y H3, etc., para facilitar su búsqueda rápida a través de las tablas de contenidos.
- Comprobar y contrastar si el color de letra y el color de la imagen de fondo si la hubiese, son legibles para el usuario, ya que si se trata de tonos y colores muy similares, se puede dificultar gravemente la navegabilidad.
Sin embargo, aunque los contenidos de la web, estén perfectamente organizados y estructurados, ocurre que, en ocasiones pueden no leerse bien y, por tanto, generar incertidumbre en los usuarios.
Una buena elección de tipografía puede ser fundamental para evitar estos inconvenientes pero también hay que tener en cuenta su tamaño, colores, fondos y contraste, formato, etc.
5.- Incorrecta gestión y control de enlaces internos
Este tipo de errores están relacionados con:
1.- Un incorrecto tamaño del área para hacer clic en botones.
2.- Un anchor text difícilmente diferenciable como enlaces respecto al resto de contenido. Una forma de prevenir esto, es implementar una opción que haga que los botones cambien de apariencia visual cuando el usuario pase por encima de los mismos.
3.- Enlaces rotos o enlaces a contenidos o secciones incorrectas que el usuario no espera encontrar cuando hace clic en el mismo.
4.- Poner enlaces de navegación internos (botones y menús desplegables) demasiado pequeños o con poco espaciamiento, lo que provoca que los usuarios realicen clics por error imposibilitándoles navegar correctamente por el sitio.
5.- Otra regla de usabilidad muy importante que algunos diseñadores y desarrolladores web no tienen en cuenta, es la de resaltar el estado de los vínculos cuando ya han sido visitados por el usuario.
La razón de llevar a cabo esto, es la de ofrecer una pista visual para que los usuarios puedan distinguir fácilmente aquellos vínculos que ya han visitado en la web y los que les faltan.
Por ello, es importante comprobar si se ofrece esta opción.
Lo más habitual, es colocar estos vínculos en un color diferente u otra tonalidad a los enlaces que todavía no han sido consultados por los usuarios.
6.- Un error muy común en muchísimas páginas web, es colocar los CTA o llamadas a la acción con anchor text genéricos, como por ejemplo los clásicos “Visita el link” o “Clic aquí”.
Esto es debido a que se trata de frases ampliamente rechazadas por los usuarios por no ofrecer información detallada de hacia dónde lleva el enlace y por estar asociadas por parte de los usuarios en muchos casos, a opciones y acciones de promoción dentro de la página.
Los usuarios aborrecen y suelen pasar de la publicidad, en este caso, la mejor opción será describir el contenido o sección que se abrirá si el usuario pulsa el enlace.
6.- Errores de formulario y contacto
Existen multitud de tipos de errores de usabilidad en los formularios de contacto como, por ejemplo:
1.- Solicitud de datos innecesarios
Intenta no pedir datos irrelevantes o innecesarios y agiliza el proceso de registro del usuario solicitándole la información justa y necesaria.
Si aun así, decides solicitar más datos de los habituales u oportunos, al menos específica, para que van a ser utilizados.
Un ejemplo de página con formulario de contacto sencillo podría ser el que utilizan nuestros amigos y compañeros de Walterman.
2.- No poner ejemplos en campos vacíos
Para que el usuario pueda identificar fácilmente que información se le solicita específicamente en cada campo del formulario.
3.- No mostrar los posibles errores que cometa el usuario durante su registro
Se hace poniéndolo al lado del campo en cuestión y su posible resolución o motivo por el que se produjo el error en el registro.
4.- No incluir algún botón con las opciones de “Comenzar o Empezar”, “Reiniciar o Reset”, “Cancelar o Cancel”
Esta opción en los formularios del sitio web ayuda a eliminar todos los datos o permite un nuevo registro por parte del usuario en caso de haberse equivocado.
5.- Campos de formulario con errores de llenado
Cuando algún usuario está rellenando un campo o formato y tiene un error, el sistema le arroja el error pero vuelve a desplegar los campos del formulario vacíos sin las opciones que si están bien rellenas por parte del usuario antes del error (es decir, no almacena la información).
Esto es algo bastante irritante para los usuarios cuando el formulario es largo, contiene la solicitud de información sensible o si se tiene que rellenar con relativa frecuencia.
6.- No comprobar si el formulario web funciona correctamente cuando el usuario retrocede o avanza en el navegador
Esto es, cuando va atrás, adelante o tiene errores de validación, recogida, carga y devolución de datos.
7.- No comprobar distintas opciones de diseño de formulario web como cambios visuales en los campos del formulario
Sobre todo, cuando el usuario está rellenando en cada momento posibles campos obligatorios o avisos de cambios que falten aún por rellenar.
8.- No comprobar si el contacto y los formularios funcionan bien
Intentar incluir opciones de contacto en las distintas secciones de la web y encargarse de contestar a todas aquellas peticiones que realicen los usuarios.
9. No comprobar si hay etiquetas de formularios que no están bien correlacionadas con los campos de formulario de entrada
Ya que se trata de un error bastante común, colocar atributos en otro idioma cuando toda la página está desarrollada en otro distinto, así como en los textos de ejemplo para indicar como rellenar los campos del formulario web.
10.- No comprobar si se indican los campos de formulario activos mediante bordes, un cambio en el color de fondo u otras opciones de resaltado
Para que de esta forma el usuario identifique de forma rápida los campos a rellenar.
7.- Falta de mecanismos de búsqueda interna o ineficiencia de los mismos
Si alguna vez has buscado información en una página repleta de contenido, entenderás rápidamente a lo que me refiero con lo de falta de mecanismos de búsqueda o ineficiencia de los mismos.
Las cajas de búsqueda interna webson perfectas para ayudar a los usuarios a encontrar la información exacta que necesitan dentro de tu web.
El problema, es que en muchos casos o no existen tales buscadores o están mal gestionados y optimizados, ya que no ofrecen al usuario resultados consistentes, precisos o lógicos sobre lo que están buscando.
Si cuentas con una web con bastante contenido, necesitarás implementar soluciones de este tipo para mejorar la usabilidad del sitio (a mayor tamaño, mayor necesidad de un método de búsqueda interna).
También será necesaria la gestión de esta herramienta de búsqueda interna de forma que, con el paso del tiempo y su utilización por parte de los usuarios, se vaya optimizando para mejorar la experiencia de éstos.
Un ejemplo de ecommerce que tiene bien implementada esta opción sería por ejemplo, la tienda online de perfumes nicho, Carmen Kaiser.
Algunos aspectos a tener en cuenta son, por ejemplo:
- Si la web ofrece ejemplos escritos en el campo a rellenar en la caja de búsqueda.
- Hasta qué longitud de texto permite la caja de búsqueda rellenar a los usuarios.
- Si el buscador no encuentra la información requerida por el usuario, se le ofrecen a éste, ayudas o resultados relacionados para facilitar su búsqueda.
8.- Nombres de página y favicon
Parece algo básico, pero aún hay muchísimas web que no cuentan con favicon o que cuentan con títulos o nombres de página mal escritos, con los perjuicios para el usuario que ello conlleva:
- No saber dónde se encuentra en cada momento.
- No saber dónde dirigirse para obtener la información que busca.
1.- Error de usabilidad en la nomenclatura de páginas: URLs amigables vs URL´s no amigables
Un error muy común, sobre todo en grandes páginas, es la nomenclatura de las páginas con métodos poco lógicos tanto para el usuario (una larga cadena de texto) como a nivel de posicionamiento.
Por ello, se deben incluir URLs amigables, es decir, aquellas que no contengan ningún carácter extraño en las mismas, como por ejemplo los caracteres PHP que se generan cuando creamos nuestro sitio con este lenguaje de programación.
- Un ejemplo de URL amigable sería el siguiente: http://www.neoattack.com/aumentar-visitas-a-mi-blog
- Un ejemplo de URL no amigable sería el siguiente: http://www.neoattack.com/blog/?p=283
Esto se debe a que este tipo de URLs dificulta sobremedida la ubicación del usuario en la web (saber en qué parte del sitio se encuentra en cada momento), por no hablar del SEO y lo poco que le gusta a Google este aspecto.
Como puedes comprobar, se trata de un error, ya que no resulta del todo clara la URL y la información que contiene no sigue un orden lógico que los usuarios puedan seguir.
Por ello, es conveniente comenzar los nombres de página con la información más relevante primero como dónde está el usuario, la categoría del sitio, la temática de la página, etc.
Existen tres tipos de URLs amigables que puedes crear y utilizar:
- Simples.
- Compuestas.
- Mixtas (es la opción ideal para distribuir el contenido dentro de la web de una manera lógica y mejorar el SEO en la misma).
Además, de ser una buena opción para mejorar la usabilidad, seguramente, también te ayudará con la estructura de la web y posicionamiento orgánico de la web.
2.- Error de usabilidad por no contar con favicon
En cuanto al favicon de la web, se trata de un elemento que mejora la imagen de marca y además, sirve para ayudar a identificar tu web de otras con solo un vistazo para el usuario en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente y las posibles opciones que puedan ser susceptibles de contener el favicon de la web en los navegadores.
Otros errores comunes de usabilidad
9.- Los usuarios, debido en gran medida a los dispositivos móviles, se han habituado a hacer clic sobre el logotipo de la empresa para volver a la home.
Se trata de un error bastante común y, a la vez, bastante fácil de subsanar en cualquier página web, por lo que sería recomendable su solución en todos los casos.
10.- También es un error bastante común, colocar imágenes sin etiquetas de descripción (ALT) para que de esta forma el usuario pueda deducir que tipo de información encontrará en caso de no cargarse correctamente alguna de las imágenes en la web.
11.- Otro error bastante habitual en usabilidad y que es muy negativo, sobre todo, en sitios web muy utilizados por sus usuarios y que cuentan con muchos campos de llenado y formularios de distinto tipo consiste en no ofrecer la posibilidad al usuario de poder navegar con la tecla "Tab".
Para ello, se debe determinar el correcto orden de navegación entre los elementos activos (campos, desplegables, botones) empleando la etiqueta "tabindex" de HTML, mediante la cual se podrá indicar el orden en que se irán recorriendo los distintos elementos al tabular el usuario.
12.- Por último, otro error de usabilidad muy básico y que gran cantidad de webs tienen, es una lenta velocidad de carga, lo cual puede acabar cansando a los usuarios de la misma y hacer que acaben abandonándola para ir a otros servicios más inmediatos.
Mejorar la velocidad de carga de la web y optimizar el peso de los contenidos y elementos que la componen y llenan, es primordial para mejorar la velocidad de tu web.
También tiene mucho que ver en la velocidad de carga del sitio, las características del hosting que se tenga contratado.
Quizás esta comparativa de hosting o comparador de alojamiento web te sea de utilidad para encontrar el servicio que mejor se adapta a lo que necesitas en cuanto a calidad-precio y características.
En general, estas opciones son muy buenas para facilitar y agilizar al usuario la navegación y relleno de datos en la web, por lo que son muy necesarias para mejorar su usabilidad.
En resumen
- Cuanto más sencilla de uso sea considerada por los usuarios la página web, mejor usabilidad ofrecerás.
- Uno de los aspectos más importantes de la usabilidad es desarrollar y diseñar la web para que los usuarios tengan que pensar y trabajar menos para poder satisfacer su necesidad.
- Es importante que el desarrollo y diseño de tu página sea predecible para los usuarios, para que de esta forma comprendan y memoricen las herramientas y opciones que ofreces para su uso (muy importante para la fidelización).
Espero que este artículo haya sido interesante y os ayude a mejorar la usabilidad en vuestros sitios.