Diseño web
Diseño web responsive: una web que funciona en cualquier pantalla
La mayoría de tus visitas llegan desde un móvil, y Google evalúa tu web en su versión móvil. «Responsive» no es una casilla técnica que se marca al final: es la diferencia entre una web que trabaja para tu negocio y una que solo se ve bien en el ordenador donde se diseñó.
Responsive significa que la web se adapta a la pantalla donde se abre: el mismo contenido, reorganizado para leerse y usarse con comodidad en un móvil, una tableta o un monitor. Suena obvio, y sin embargo la mitad de las webs que auditamos fallan en lo básico: texto que exige hacer zoom, botones imposibles de pulsar con el dedo, formularios que se rompen.
Diseña primero para el móvil, comprueba en dispositivos reales y trata la velocidad como parte del diseño. Una web que funciona en cualquier pantalla no es un extra técnico: es el requisito mínimo para competir.
Por qué el móvil decide
Google indexa tu web con su rastreador móvil: lo que no funciona en el móvil, no existe para el buscador. Y tus clientes hacen lo mismo — buscan desde el teléfono, comparan desde el teléfono y deciden si te escriben desde el teléfono.
Por eso diseñamos primero la versión móvil y después la ampliamos, y no al revés. Encoger un diseño de escritorio produce webs apretadas e incómodas; partir del móvil obliga a decidir qué importa de verdad en cada página.
Qué hace usable una web en pantalla pequeña
Los criterios no son un misterio: texto legible sin hacer zoom, zonas táctiles del tamaño de un dedo y no de un cursor, un menú que se abre y se cierra sin sorpresas, formularios cortos que el teclado del móvil no tapa, e imágenes que se recortan con intención en vez de deformarse.
- Texto legible sin zoom, con un cuerpo mínimo cómodo
- Botones y enlaces pulsables con el dedo, sin errores de precisión
- Menú de navegación claro también con una mano
- Formularios breves que funcionan con el teclado en pantalla
- Imágenes que se adaptan sin deformarse ni pesar de más
La velocidad es parte del diseño
Una web responsive lenta sigue siendo una web que no funciona: la conexión del móvil no siempre es buena y cada segundo de espera pierde visitas. El peso de las imágenes, las fuentes y los scripts se decide durante el diseño, no después.
Nuestras webs se construyen estáticas y se sirven desde una red de distribución global, con las imágenes en formatos modernos. No es un detalle técnico que contar al cliente: es la razón de que carguen rápido también con cobertura mediocre.
Cómo comprobamos que está bien hecho
No se comprueba encogiendo la ventana del navegador. Cada web que entregamos pasa por dispositivos reales y por las herramientas de auditoría de Google, con un umbral de rendimiento que no negociamos. Si una página no llega, se corrige antes de publicarse.
Si ya tienes web, la prueba honesta cabe en un minuto: ábrela en tu propio teléfono, con datos móviles, e intenta hacer lo que haría un cliente — encontrar el servicio, leer el precio si lo hay y escribirte. Donde tropieces tú, tropiezan ellos.