≡En resumen
- La usabilidad en la web se audita sobre tareas concretas, no sobre gustos de diseño.
- Primero se corrige lo que impide completar una tarea, después lo que la ralentiza y al final el pulido.
- La mayoría de los fallos de una web pequeña están en el móvil, el formulario y los textos del menú.
- Una auditoría básica cabe en una tarde con herramientas gratuitas y un móvil en la mano.
- Cada cambio se mide antes y después: si la tarea no mejora, no era el problema.
01 ¿Qué es la usabilidad en la web y cómo se comprueba?
Los principios generales están en nuestra guía de usabilidad web: navegación, formularios, legibilidad y velocidad. Aquí vamos a lo práctico: cómo revisar la web de un negocio pequeño, en qué orden y qué aspecto tiene un fallo corregido. La herramienta es una auditoría de usabilidad, una revisión sistemática que combina tres fuentes: la mirada experta, los datos de uso y, si se puede, la observación de usuarios reales.
02 Antes de auditar: tareas, datos y un móvil
-
1
Escribe las tareas clave
Tres a cinco frases del tipo «Un vecino quiere saber si trabajáis el sábado y llamar». Todo se evalúa contra ellas.
-
2
Reúne los datos que ya tienes
Páginas más visitadas y de entrada en Analytics, consultas en Search Console y, si lo tienes, grabaciones de sesión.
-
3
Coge un móvil real
Revisa primero en el teléfono, con los datos móviles y una sola mano. Es como llega la mayoría de tus visitas.
-
4
Recorre cada tarea y anota
Para cada obstáculo apunta la página, qué ocurre y en qué tarea bloquea. Nada de soluciones todavía.
-
5
Clasifica por gravedad
Crítico si impide la tarea, importante si la frena, menor si solo molesta. Así sale el orden de trabajo.
03 Prioridad 1: fallos que impiden completar la tarea
- ✓El teléfono y el email son enlaces pulsables en el móvil (tel: y mailto:).
- ✓La acción principal (llamar, reservar, pedir presupuesto) se ve en la primera pantalla del móvil.
- ✓El formulario se envía, muestra una confirmación clara y el mensaje llega a quien debe atenderlo.
- ✓Nada tapa el contenido en el móvil: ni banners de cookies que no se cierran ni ventanas emergentes al entrar.
- ✓Los precios, horarios y zona de servicio están en la web, no solo en PDF o en imágenes.
- ✓No hay enlaces rotos en el menú ni en los botones principales.
- ✓La web carga y se usa con una conexión móvil normal, no solo con la fibra de la oficina.
70,22 %
tasa media de abandono del carrito en tiendas online
Fuente: Baymard Institute, media de 50 estudios
18 %
de quienes abandonan lo hacen porque la tienda les obligaba a crear una cuenta
Fuente: Baymard Institute, estudio de motivos de abandono
17 %
abandona por un proceso de pago demasiado largo o complicado
Fuente: Baymard Institute, estudio de motivos de abandono
04 Prioridad 2: fallos que frenan o confunden
- ✓El menú usa palabras del cliente («Precios», «Reservar») con pocas opciones principales.
- ✓Cada página tiene un titular que dice qué hay en ella y para quién.
- ✓El formulario pide solo lo imprescindible, con etiquetas visibles y el teclado adecuado.
- ✓Los errores del formulario se explican junto al campo y no borran lo ya escrito.
- ✓El contenido principal aparece en menos de 2,5 segundos en móvil según PageSpeed Insights.
- ✓Los botones y enlaces son fáciles de tocar y no están pegados entre sí.
- ✓Hay pruebas de confianza cerca de la acción: opiniones, datos de contacto, garantías.
Aquí están la mayoría de los problemas de una web de empresa: nada está roto, pero todo cuesta un poco más de lo que debería. El candidato habitual es el formulario de contacto, que suele pedir más de lo necesario. El texto de los botones y los mensajes de error, lo que se conoce como microcopy, es la parte más barata de mejorar y una de las que más se nota.
05 Prioridad 3: pulido y coherencia
Coherencia visual
El mismo estilo para los mismos elementos: si un botón azul es la acción principal en una página, lo es en todas.
Textos escaneables
Párrafos cortos, listas, negritas en la idea clave y la respuesta antes que el contexto.
Contraste y tamaño
Texto de cuerpo de 16 px o más y contraste de al menos 4,5:1 con el fondo.
Página 404 útil
Si un enlace falla, la página de error ofrece buscador y enlaces a lo más visitado.
Estabilidad al cargar
Imágenes y anuncios con espacio reservado para que el contenido no salte mientras se lee.
06 Ejemplos de antes y después
| Antes | Después | Por qué funciona |
|---|---|---|
| Botón «Enviar» | Botón «Pedir presupuesto sin compromiso» | El usuario sabe qué va a pasar y qué no le compromete |
| Menú: Inicio, Nosotros, Soluciones, Blog, Contacto | Menú: Servicios, Precios, Opiniones, Pedir cita | Nombra lo que el cliente busca, no la estructura de la empresa |
| Formulario de 11 campos con NIF y cargo | Nombre, teléfono o email y mensaje | Menos decisiones y menos desconfianza en el primer contacto |
| Teléfono dentro de una imagen | Teléfono como enlace con botón fijo «Llamar» en móvil | Una sola pulsación para la tarea principal |
| Titular «Bienvenidos a nuestra web» | Titular «Fisioterapia deportiva en Valencia, cita en 24 h» | Responde en cinco segundos qué, dónde y en cuánto tiempo |
| Tarifas en un PDF descargable | Tabla de precios en la propia página | Se lee en el móvil sin descargar nada y la indexa Google |
La academia recibe visitas a su página de cursos, pero pocas matrículas. En la auditoría, tres personas intentan «apuntarse a un curso de inglés B1 por la tarde». Las tres tardan más de dos minutos: los horarios están en otra página y el formulario pide el nivel en una lista de 24 opciones.
Cambios: horarios y precio en cada ficha de curso, botón «Reservar plaza» junto a cada grupo y nivel como pregunta opcional. En la siguiente ronda, las tres personas completan la tarea en menos de un minuto. El resultado de negocio se valida después con los datos de envíos del formulario.
07 Herramientas gratuitas para auditar la usabilidad
PageSpeed Insights
Datos reales de velocidad (LCP, INP, CLS) y auditoría de Lighthouse con avisos de tamaño de botones y contraste.
Google Analytics 4
Páginas de entrada, rutas y abandono de formularios si registras sus eventos.
Search Console
Qué buscan quienes llegan a cada página: pistas de la tarea que traen en la cabeza.
Microsoft Clarity
Grabaciones de sesión y mapas de calor gratuitos, con avisos de clics de rabia y clics muertos.
Tus propios clientes
Las preguntas repetidas por teléfono o WhatsApp señalan información que la web no da.
La velocidad la mides con PageSpeed Insights, y para ver dónde se atasca la gente tienes una comparativa de herramientas de mapas de calor. Las dos juntas dan casi todo lo que necesita una web pequeña.
08 Cómo priorizar y medir los cambios
| Esfuerzo bajo | Esfuerzo alto | |
|---|---|---|
| Gravedad alta (bloquea la tarea) | Hazlo hoy | Planifícalo ya, es el siguiente proyecto |
| Gravedad media (frena la tarea) | Hazlo esta semana | Agrúpalo en un rediseño |
| Gravedad baja (molesta) | Cuando haya un hueco | Probablemente no compensa |
Anota la cifra de partida antes de tocar nada: envíos de formulario, llamadas desde la web, ventas o tiempo en completar la tarea en el test. Después del cambio, compara el mismo periodo. Si una mejora de usabilidad no se nota en la tarea, había otro problema. Cuando la web ya funciona y quieres exprimir cada visita, entra la optimización de la conversión con tests A/B; si la estructura no da más de sí, toca plantear un diseño web para pymes pensado desde las tareas.
Preguntas frecuentes sobre Usabilidad en la web
Es la facilidad con la que los visitantes de un sitio consiguen lo que buscan, como informarse, contactar o comprar, sin esfuerzo ni errores. Se comprueba revisando las tareas clave de la web.
Define tres a cinco tareas clave, recórrelas en un móvil real, anota cada obstáculo, clasifícalo por gravedad y contrástalo con datos de Analytics, PageSpeed Insights y grabaciones de sesión.
Lo que impide completar la tarea principal: teléfono no pulsable, formulario que falla, acción principal escondida o ventanas que tapan el contenido en el móvil.
Una revisión básica puede hacerla el propio negocio en una tarde con herramientas gratuitas. Una auditoría profesional con test de usuarios cuesta más según el número de tareas, páginas y participantes.
Para detectar problemas, unos cinco por ronda bastan según Nielsen Norman Group; es mejor hacer varias rondas pequeñas corrigiendo entre ellas que una grande.
PageSpeed Insights para la velocidad, Google Analytics 4 para rutas y abandonos, Search Console para las búsquedas de entrada y Microsoft Clarity para grabaciones de sesión y mapas de calor.
Conviene hacerlo al menos una vez al año y siempre tras un rediseño, un cambio de plantilla o la incorporación de un servicio o un formulario nuevo.
Fuentes consultadas
Sobre el autor
Equipo editorial de appyweb
Marketing, SEO y desarrollo con IA
Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.