≡En resumen
- Una web user-friendly se mide con cinco pilares: velocidad, móvil, navegación, legibilidad y accesibilidad.
- Google publica umbrales concretos de velocidad y estabilidad: las Core Web Vitals.
- Google indexa la versión móvil de tu web, así que es la que cuenta para posicionar.
- Desde el 28 de junio de 2025, las tiendas online B2C que no son microempresas deben ser accesibles por ley.
- La forma fiable de saber si tu web es fácil de usar es ver a personas reales usándola.
01 ¿Qué es una user-friendly website?
La usabilidad web es la disciplina que estudia cómo de fácil es usar un sitio; una user-friendly website es el resultado de aplicarla bien. Esta ficha es deliberadamente práctica: una lista de comprobación para que el responsable de una pyme pueda revisar su web sin ser diseñador. Si buscas la teoría que hay detrás, consulta los principios de diseño user-friendly.
02 1. Velocidad: que cargue rápido y no se mueva
| Métrica | Qué mide | Bueno |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse el elemento principal | 2,5 s o menos |
| INP (Interaction to Next Paint) | Cuánto tarda la página en responder a clics y toques | 200 ms o menos |
| CLS (Cumulative Layout Shift) | Cuánto se desplaza el contenido mientras carga | 0,1 o menos |
Google recomienda cumplir estos umbrales en el percentil 75 de las visitas, separando móvil y ordenador. INP sustituyó a FID como métrica oficial en 2024. Las causas típicas de una web lenta en una pyme son imágenes sin comprimir, un hosting barato, demasiados plugins y scripts de terceros; si tu web suspende, merece la pena mejorar la velocidad web antes que rediseñarla.
- ✓Imágenes en formato WebP o AVIF y con el tamaño real al que se muestran.
- ✓Carga diferida de imágenes y vídeos que están por debajo de la primera pantalla.
- ✓Hosting con caché y, si tienes público en varios países, CDN.
- ✓Revisa los scripts de terceros (chats, píxeles, widgets) y elimina los que no uses.
- ✓Reserva espacio para imágenes y banners para que el contenido no salte.
03 2. Móvil: diseñada primero para el pulgar
Google rastrea e indexa las webs con su rastreador para smartphone, así que la versión móvil es la que cuenta para tu posicionamiento. Además, en muchos negocios de consumo el móvil ya aporta la mayor parte de las visitas: compruébalo en tu analítica, segmentando por dispositivo. Por eso los proyectos serios se plantean con un enfoque mobile first: primero se diseña la pantalla pequeña y luego se amplía.
- ✓El texto se lee sin ampliar y no hay desplazamiento horizontal.
- ✓Botones y enlaces con tamaño suficiente y separados entre sí (WCAG 2.2 fija un mínimo de 24 × 24 píxeles CSS).
- ✓Teléfono pulsable para llamar y dirección con enlace al mapa.
- ✓Sin ventanas emergentes que tapen el contenido nada más entrar.
- ✓Formularios con el teclado adecuado para email y teléfono.
- ✓Menú accesible con una mano y buscador visible si tienes muchas páginas o productos.
04 3. Navegación: encontrar cualquier cosa en pocos clics
Menú corto y claro
Pocas opciones con el nombre que usaría tu cliente: «Servicios», «Precios», «Contacto»; no «Soluciones 360».
Convenciones
Logo arriba a la izquierda que lleva a la portada, contacto en la esquina superior, carrito arriba a la derecha.
Dónde estoy
Migas de pan y el elemento activo del menú resaltado en webs con varios niveles.
Llamada a la acción visible
Cada página responde a «¿y ahora qué hago?» con un botón principal.
Buscador
Imprescindible en tiendas online y webs con más de unas decenas de páginas.
Pie de página útil
Datos de contacto, horarios, enlaces legales y a las páginas principales.
La navegabilidad depende de la arquitectura: si tus servicios están mezclados o repetidos, ningún menú bonito lo arregla. Ordena primero el contenido y después diseña la navegación.
05 4. Legibilidad: que se lea sin esfuerzo
| Elemento | Referencia | Por qué |
|---|---|---|
| Contraste del texto normal | Al menos 4,5:1 (WCAG 1.4.3, AA) | Texto gris claro sobre blanco es el error de accesibilidad más frecuente |
| Contraste del texto grande | Al menos 3:1 | Titulares y texto de gran tamaño toleran algo menos |
| Tamaño del cuerpo | En torno a 16 px en móvil | Por debajo cuesta leer y el móvil puede ampliar los formularios |
| Longitud de línea | Entre 50 y 75 caracteres aprox. | Las líneas muy largas hacen perder el renglón |
| Interlineado | En torno a 1,5 | Da aire al texto y facilita la lectura |
| Estructura | Títulos, párrafos cortos y listas | La mayoría de los usuarios escanea antes de leer |
06 5. Accesibilidad: qué exige la Ley 11/2023 y a quién
La Ley 11/2023, de 8 de mayo, traspone la European Accessibility Act (Directiva (UE) 2019/882). Desde el 28 de junio de 2025 obliga a que determinados servicios para consumidores sean accesibles, con las WCAG de nivel AA como referencia técnica. Si quieres el detalle de sanciones, excepciones y plazos, lee la guía sobre la ley de accesibilidad 2025.
| Tu caso | ¿Obligada? | Motivo |
|---|---|---|
| Tienda online B2C con 10 o más empleados, o más de 2 M€ de facturación y de balance | Sí | Es un servicio de comercio electrónico y no es microempresa |
| Tienda online B2C de microempresa | No, por exención | El artículo 3.3 exime a las microempresas que prestan servicios |
| Web corporativa informativa, sin contratación online | En principio, no por esta ley | No hay contrato a distancia con el consumidor |
| Banca, transporte de viajeros, telecomunicaciones | Sí, en sus webs y apps | Servicios incluidos expresamente |
| Administración pública | Sí, por otra norma | Real Decreto 1112/2018 |
07 6. Confianza y conversión: lo que convierte visitas en clientes
- ✓Datos de la empresa y de contacto localizables: la LSSI obliga a mostrar nombre o razón social, domicilio, email y NIF.
- ✓Conexión HTTPS en todas las páginas.
- ✓Banner de cookies que permite rechazar con la misma facilidad que aceptar.
- ✓Precios o rangos orientativos, plazos y zona de servicio claros.
- ✓Opiniones, testimonios o casos reales cerca de la llamada a la acción.
- ✓Formularios cortos con confirmación clara tras el envío.
Si quieres saber qué páginas no pueden faltar, repasa la guía sobre qué debe tener una página web de empresa.
08 Cómo comprobar si tu web es user-friendly
-
1
Mide la velocidad
Pasa las páginas principales por PageSpeed Insights y revisa el informe de Core Web Vitals en Search Console.
-
2
Úsala en tu móvil
Intenta completar el objetivo principal (llamar, pedir cita, comprar) con una mano y con datos móviles.
-
3
Revisa la accesibilidad
Usa un comprobador automático como WAVE o Lighthouse y navega solo con el teclado.
-
4
Observa a cinco personas
Pide a clientes o conocidos que hagan una tarea sin ayuda y anota dónde dudan.
-
5
Mira la analítica
Páginas con mucha salida y formularios con pocos envíos señalan dónde está el problema.
Si la lista te devuelve muchos «no», lo más rentable suele ser un proyecto de diseño web para pymes que parta de estos cinco pilares en lugar de parchear una web antigua.
Preguntas frecuentes sobre User-friendly website
Significa «web fácil de usar»: un sitio rápido, adaptado al móvil, con navegación clara, textos legibles y accesible, en el que el visitante logra su objetivo sin esfuerzo.
Carga rápida, diseño adaptado al móvil, menú claro, llamadas a la acción visibles, textos legibles con buen contraste, formularios cortos y accesibilidad para personas con discapacidad.
Depende. La Ley 11/2023 obliga desde el 28 de junio de 2025 a servicios B2C como el comercio electrónico, pero exime a las microempresas y no se aplica, en principio, a webs solo informativas.
Ayuda. Google usa la versión móvil para indexar y tiene en cuenta la experiencia en la página, y una web fácil de usar retiene más, aunque el contenido relevante sigue siendo lo principal.
Consulta PageSpeed Insights o el informe de Core Web Vitals de Search Console. Lo bueno es un LCP de 2,5 s o menos, un INP de 200 ms o menos y un CLS de 0,1 o menos.
La usabilidad web es la disciplina que estudia la facilidad de uso; una web user-friendly es el resultado de aplicarla bien.
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 ↗