Responsive (diseño web adaptativo) es el enfoque de diseño y desarrollo por el que una web se adapta automáticamente al tamaño y características de cada pantalla: el mismo sitio se reorganiza para verse y usarse bien en un móvil, una tablet o un monitor grande. Técnicamente se apoya en rejillas fluidas, imágenes flexibles y media queries de CSS que aplican estilos según el ancho del dispositivo.
Lo que en 2012 era una tendencia es hoy un requisito de mínimos por tres razones. La audiencia: el tráfico móvil supera al de escritorio en la mayoría de los sectores, y una web que obliga a hacer zoom pierde al visitante en segundos. El SEO: Google indexa prioritariamente la versión móvil de las webs (mobile-first indexing) y premia la experiencia de página; una web no adaptada compite con lastre. Y la conversión: los formularios incómodos y los botones diminutos en móvil son fugas directas de negocio.
El diseño responsive maduro va más allá de «que quepa»: se diseña mobile-first (primero la experiencia móvil, que obliga a priorizar contenido y acciones; luego se enriquece hacia pantallas grandes), se cuidan los tamaños táctiles, la legibilidad sin zoom, el peso de las imágenes por dispositivo y la velocidad de carga en redes móviles.
Su control de calidad es empírico: probar la web en dispositivos reales, no solo encogiendo la ventana del navegador. Es parte del estándar de cualquier proyecto de UX y diseño web profesional, y una de las primeras auditorías que conviene hacer a una web con años a cuestas.