¿Qué es la usabilidad desde la perspectiva de tu usuario? Y algunos consejos
Capítulo 5 de la guía De SEO a 100. En qué se diferencian usabilidad y experiencia de usuario, los cuatro principios de una interfaz usable, y qué revisar en el servidor, el HTML y el diseño visual de tu sitio.
Por Javier Tenjo, Desarrollador full stack
Actualizado
En esta página
Capítulo 5 de la guía De SEO a 100. Publicado en noviembre de 2019 y revisado en agosto de 2026. Corregimos aquí una afirmación que quedó desfasada: decíamos que solo los sitios móviles se beneficiaban de las señales de experiencia de usuario en Google. Dejó de ser cierto en febrero de 2022, cuando esas señales se extendieron también al escritorio.
Cuando el objetivo es posicionar una página, hay que tener siempre presente que la navegación de cada persona debe permitirle encontrar lo que busca de forma rápida y sencilla. De eso trata la usabilidad: de facilitar el acceso y el uso de un producto o un sitio web.
Es probable que hayas oído hablar del diseño de experiencia de usuario (UX). Son dos términos parecidos que interactúan entre sí, pero conviene no confundirlos.
El diseño de experiencia de usuario es la suma de todos los elementos que forman una página web y de su sinergia cada vez que alguien se relaciona con ella: contenido, accesibilidad, credibilidad, hardware, software, diseño de interacción, diseño gráfico, calidad de los textos, encontrabilidad, utilidad. Y también, de forma nada menor, las sensaciones y los factores emocionales que generan confianza.
La usabilidad es una subdisciplina de la UX. Y tiene una ventaja enorme sobre el resto: se puede medir con precisión.
Los cuatro principios de una interfaz usable
Para medir la usabilidad hay que empezar poniendo a la persona en el centro: qué quiere hacer dentro de tu página y en qué contexto lo hace. A partir de ahí, cuatro principios:
- Debe ser fácil familiarizarse con la interfaz y manejarla desde el primer contacto.
- Debe ser fácil lograr el objetivo usando el sitio.
- Debe ser fácil recordar cómo funciona en visitas posteriores.
- Debe estar razonablemente libre de errores.
Llevado a una tienda en línea, el proceso se ve así: la persona llega, entiende dónde está y navega sin esfuerzo; tiene claro cómo añadir al carrito y cómo comprar; si no puede completar la compra en ese momento, al volver por la noche encuentra lo que ya había visto esperándola; y si aparece un error, la página de error la devuelve al camino en vez de dejarla tirada.
La usabilidad se puede medir en todo el proceso de desarrollo, desde los wireframes y prototipos hasta la entrega final. Cuanto antes se mide, menos cuesta corregir: un problema detectado en un prototipo se arregla moviendo una caja; el mismo problema detectado en producción se arregla rehaciendo una plantilla.
Servidores
La infraestructura es una decisión de usabilidad, aunque no lo parezca. Dos factores:
Velocidad. La rapidez con la que carga tu página es un factor de posicionamiento, además de una condición para que alguien se quede. Un sitio lento no conecta: la gente se va. El servidor influye, pero no es el único responsable — quien diseña y desarrolla influye igual o más, sobre todo en el peso de las imágenes y en la cantidad de código que hay que descargar y ejecutar antes de ver algo.
Tiempo de caída. Mientras un sitio está caído es completamente inaccesible. Casi todos los sitios sufren alguna caída ocasional; algunos sufren muchas más. Elegir un proveedor fiable evita que una persona se encoja de hombros y se vaya a otro sitio — que es lo que hace, no vuelve más tarde.
HTML
Piensa el HTML como parte de la experiencia, no como un detalle técnico:
Textos alternativos en las imágenes. El atributo alt describe la imagen para quien no puede verla: ayuda a los buscadores a entender de qué trata y, sobre todo, permite que un lector de pantalla la narre a una persona con discapacidad visual. Es la línea de código con mejor relación entre esfuerzo y beneficio de toda la web.
Una página 404 útil. Los enlaces rotos ocurren, sobre todo en sitios grandes. Lo ideal es revisarlos con regularidad, pero además conviene tener un plan para cuando alguien llegue a uno: una página 404 bien pensada devuelve a la persona a una experiencia positiva en vez de dejarla en un callejón sin salida.
Estructura semántica. Encabezados en orden, listas que son listas, botones que son botones. Es lo que permite navegar con teclado, con lector de pantalla y, de paso, lo que ayuda al buscador a entender la jerarquía de la página cuando la indexa.
Factores visuales
Aquí es donde quien diseña tiene más control:
- Tamaño y color de la tipografía. Elige fuentes fáciles de leer, con contraste alto sobre el fondo y tamaños suficientes. Si tu público es mayor o tiene baja visión, agranda. El contraste no es una opinión estética: se calcula, y por debajo de 4,5:1 en texto normal hay gente que directamente no te lee — es el primero de los siete puntos que repasamos en por qué importa la accesibilidad de un sitio.
- Marca. El logotipo ayuda a saber dónde se está. En lectura de izquierda a derecha, la esquina superior izquierda es donde se mira primero.
- Color. Consistente para transmitir la marca, legible, y capaz de comunicar jerarquía. Nunca como único portador de información: si el único indicio de que algo falló es que se puso rojo, quien no distingue ese rojo no se entera.
- Navegación. Ir del punto A —la entrada— al punto B —lo que buscaba— de la forma más rápida posible. En sitios grandes, eso incluye un buscador interno que funcione.
- Contenido. Organizado en partes manejables con encabezados y subtítulos, con un tratamiento visual consistente en todo el sitio, y con párrafos claros que eviten el «muro de texto».
Medir, que es la parte que casi nadie hace
Hay muchas herramientas para medir la usabilidad de un sitio: gratuitas, freemium y de pago. Prueba varias hasta encontrar la que encaje, y déjala recoger datos el tiempo suficiente. De ahí sale lo que de verdad está pasando: dónde hace clic la gente, dónde se atasca y dónde abandona.
Añadimos algo que en 2019 no estaba consolidado: las Core Web Vitals, que desde 2021 miden con números lo que antes era intuición — cuánto tarda en aparecer el contenido principal, cuánto se mueve la página mientras carga y cuánto tarda en responder a una interacción (esta última pasó a medirse con INP en marzo de 2024). Son gratuitas, están en el propio navegador y en Search Console, y no admiten discusión de gustos.
En resumen
La usabilidad es la facilidad con la que alguien interactúa con tu sitio. Forma parte de la experiencia de usuario, pero no es toda la historia. Depende de tres cosas: que la interfaz se entienda, que permita conseguir el objetivo, y que se recuerde en la siguiente visita.
Piensa por adelantado: ¿quién visita tu sitio? ¿Podría tener dificultad para leer tus textos? ¿Se va a sentir en un lugar seguro? Y después mide, corrige y vuelve a medir. Nunca subestimes el valor de probar desde una etapa temprana.
Anterior: Catadores de experiencias · Siguiente: Intención de búsqueda del usuario · Índice de la guía