≡En resumen
- La usabilidad web mide si un visitante consigue lo que vino a hacer, rápido y sin equivocarse.
- Se apoya en cuatro pilares: navegación, formularios, legibilidad y velocidad.
- La gente escanea en vez de leer: titulares, listas y frases cortas son usabilidad, no estilo.
- La velocidad es parte de la usabilidad: por encima de un segundo el usuario ya nota la espera.
- Se evalúa con tareas reales, no con opiniones: test con usuarios, análisis heurístico y datos de uso.
01 ¿Qué es la usabilidad web?
La palabra viene del inglés usability, y la definición de referencia es la de la norma ISO 9241-11, que la aplica a cualquier producto. En este término nos centramos en su versión para sitios web; si buscas el concepto general de usabilidad, con la norma ISO y los componentes de Nielsen, lo tienes explicado aparte.
Lo que distingue a la web es el contexto: el visitante llega desde un buscador o un anuncio, no ha leído ningún manual, tiene otras pestañas abiertas y se irá en segundos si no ve claro el camino. Por eso la usabilidad de una web se juega en muy pocos elementos.
02 Los cuatro pilares de la usabilidad web
Navegación
El visitante sabe dónde está, qué hay en la web y cómo llegar a ello: menú claro, etiquetas comprensibles, buscador y migas de pan.
Formularios
Contactar, registrarse o pagar sin fricción: pocos campos, etiquetas visibles, teclado adecuado en el móvil y errores explicados.
Legibilidad del contenido
Textos que se escanean: titulares que informan, párrafos cortos, listas, buen contraste y un tamaño de letra cómodo.
Velocidad
La página responde a tiempo: carga el contenido principal pronto, reacciona al toque y no salta mientras se lee.
| Pilar | Síntoma típico | Qué medir |
|---|---|---|
| Navegación | Mucho uso del buscador interno para páginas que están en el menú; visitas que rebotan desde la home | Tasa de éxito al encontrar una página en un test; rutas en la analítica |
| Formularios | Muchos inicios de formulario y pocos envíos | Tasa de abandono por campo; errores de validación |
| Legibilidad | Poco scroll y tiempo de lectura muy bajo en páginas largas | Profundidad de scroll; preguntas repetidas al servicio de atención |
| Velocidad | Rebote alto en móvil y en conexiones lentas | LCP, INP y CLS de usuarios reales |
03 Navegación: que el usuario sepa dónde está y adónde ir
La navegación es la traducción visible de la arquitectura de la información: cómo se agrupan y nombran los contenidos. El error más común no es técnico, sino de vocabulario: el menú usa palabras de la empresa («Soluciones», «Ecosistema») en lugar de las del cliente («Precios», «Pedir cita»).
No existe una «regla de los tres clics» demostrada. Lo que importa es que cada clic dé confianza: que el enlace anuncie con claridad qué hay detrás, lo que en la investigación de usabilidad se llama rastro de información.
- ✓El logotipo lleva a la página de inicio.
- ✓El menú tiene pocas opciones, con nombres que entendería un cliente nuevo.
- ✓La página activa se marca en el menú y las secciones profundas tienen migas de pan.
- ✓Hay buscador interno si la web tiene más de unas decenas de páginas o productos.
- ✓Los enlaces se distinguen del texto normal y dicen adónde llevan (nada de «haz clic aquí»).
- ✓La acción principal (comprar, pedir presupuesto, llamar) se ve sin buscarla.
04 Formularios: el punto donde se pierden las conversiones
El formulario es el último paso antes de un lead o una venta, y el lugar donde más usuarios abandonan. Cada campo extra es una decisión más; cada error mal explicado, una razón para irse. En una web de empresa, revisar el formulario suele ser la mejora de usabilidad con más impacto por hora invertida.
| Error | Por qué molesta | Corrección |
|---|---|---|
| El placeholder hace de etiqueta | Al escribir desaparece y el usuario olvida qué se pedía | Etiqueta visible encima del campo |
| Campos que no hacen falta | Más esfuerzo y más desconfianza (¿para qué quieren mi empresa y cargo?) | Pedir solo lo necesario para responder |
| Errores al final y en rojo genérico | El usuario no sabe qué campo corregir | Validación junto al campo, con un mensaje concreto |
| Teclado incorrecto en el móvil | Escribir un teléfono con el teclado de letras | Usar el tipo de campo adecuado (email, tel, number) |
| Sin autocompletado | Hay que teclear datos que el navegador ya conoce | Atributo autocomplete en nombre, email, dirección |
| Botón «Enviar» sin más | No aclara qué pasa después | Texto de acción: «Pedir presupuesto», «Reservar cita» |
05 Legibilidad del contenido: escribir para quien escanea
28 %
de las palabras de una página es lo máximo que lee un usuario en una visita media; lo realista es un 20 %
Fuente: Nielsen Norman Group, «How Little Do Users Read?», 2008
4,5:1
contraste mínimo entre texto normal y fondo
Fuente: W3C, WCAG, criterio 1.4.3 (nivel AA)
En la web se lee en diagonal: la vista salta de titular en titular y se detiene donde encuentra lo que busca. La usabilidad del contenido consiste en facilitar ese salto. Titulares que dicen algo («Precios desde 49 € al mes») en vez de adornar («Nuestra propuesta»), la conclusión al principio del párrafo, listas para enumerar y negritas con moderación.
La forma también cuenta: cuerpo de letra de al menos 16 px en pantalla, líneas que no pasen de unos 75 caracteres en escritorio, interlineado generoso y contraste suficiente. Un gris claro sobre blanco puede quedar elegante en el diseño y ser ilegible al sol en un móvil.
06 La velocidad como parte de la usabilidad
Una web lenta es una web difícil de usar, aunque todo lo demás esté bien. Jakob Nielsen describió en 1993 tres límites de tiempo que siguen vigentes porque dependen de la percepción humana, no de la tecnología: hasta 0,1 segundos la respuesta parece instantánea, hasta 1 segundo el usuario nota la espera pero no pierde el hilo, y a partir de 10 segundos su atención se va a otra parte.
Google traduce esa idea a métricas medibles con los Core Web Vitals. Mejorar la velocidad de carga web no es solo una tarea de SEO: es quitar esperas a personas que quieren hacer algo.
| Métrica | Qué nota el usuario | Umbral «bueno» |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en ver el contenido principal | 2,5 s o menos |
| INP (Interaction to Next Paint) | Si la página reacciona rápido al tocar o hacer clic | 200 ms o menos |
| CLS (Cumulative Layout Shift) | Si los elementos saltan y pulsa donde no quería | 0,1 o menos |
07 Cómo evaluar y mejorar la usabilidad de una web
-
1
Define las tareas clave
Anota las 3-5 cosas que un visitante debe poder hacer: encontrar un precio, pedir cita, comprar, descargar un catálogo.
-
2
Revisa con criterios conocidos
Un análisis heurístico con las heurísticas de Nielsen detecta los fallos evidentes antes de invertir en tests.
-
3
Observa a usuarios reales
Cinco personas intentando las tareas clave, en voz alta, revelan la mayoría de los problemas graves.
-
4
Contrasta con datos
Analítica, grabaciones de sesión y mapas de calor dicen dónde se atasca la gente a escala.
-
5
Corrige y vuelve a medir
Prioriza por impacto en la tarea y esfuerzo, cambia y repite el test en la siguiente ronda.
Si quieres pasar a la práctica, tienes un checklist de auditoría de usabilidad pensado para la web de una pyme, ordenado por prioridad y con ejemplos de antes y después.
08 Usabilidad web, móvil, responsive y UX: cómo se relacionan
La usabilidad web se cruza con otros conceptos que se buscan como si fueran lo mismo. La usabilidad móvil añade el dedo, la pantalla pequeña y el uso en movimiento. Los problemas propios del diseño responsive aparecen en el paso de un ancho a otro: tablas que se rompen, menús que se esconden, imágenes que se recortan mal. Y conviene tener clara la diferencia entre usabilidad y UX, porque una web puede ser fácil de usar y aun así no convencer.
| Término | Pregunta que responde | Ámbito |
|---|---|---|
| Usabilidad | ¿Es fácil de usar un producto? | Cualquier producto o sistema |
| Usabilidad web | ¿Encuentra el visitante lo que busca y completa la tarea? | Sitios web en cualquier dispositivo |
| Usabilidad móvil | ¿Funciona con el pulgar, en pantalla pequeña y en la calle? | Webs y apps en el móvil |
| Usabilidad responsive | ¿Sigue siendo usable al cambiar de ancho de pantalla? | Diseños adaptables |
| Experiencia de usuario (UX) | ¿Qué percibe y siente la persona antes, durante y después del uso? | Toda la relación con el producto |
Preguntas frecuentes sobre Usabilidad web
Es la facilidad con la que los visitantes de un sitio web encuentran información y completan tareas, como comprar o contactar, de forma eficaz, rápida y sin frustración.
Navegación clara, formularios sencillos, contenido fácil de escanear y velocidad suficiente. Por encima de ellos está una idea: diseñar alrededor de las tareas del visitante, no de la estructura de la empresa.
Porque cada obstáculo cuesta visitas y conversiones: si alguien no encuentra el precio o se atasca en el formulario, se va a otra web. Además reduce consultas repetidas al servicio de atención.
Con la tasa de éxito y el tiempo en tareas reales durante un test con usuarios, con cuestionarios como la escala SUS y con datos de uso: abandono de formularios, rutas, scroll y Core Web Vitals.
La usabilidad busca que la web sea fácil para sus usuarios en general; la accesibilidad, que puedan usarla también las personas con discapacidad. Se solapan mucho: mejorar el contraste o las etiquetas de un formulario ayuda a ambas.
Sí. Una página que tarda en mostrar el contenido o en reaccionar al toque es más difícil de usar. Nielsen situó en 1 segundo el límite para no romper el flujo del usuario.
Indirectamente sí. Google no puntúa la usabilidad como tal, pero usa señales de experiencia como los Core Web Vitals y premia el contenido que satisface al usuario, y una web usable retiene y convierte mejor el tráfico que ya tienes.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗