Tendencias de diseño web

Las tendencias de diseño web que más pesan ahora nacen de normas y estándares, no de gustos. Destacan la accesibilidad, que es obligatoria para el comercio electrónico desde el 28 de junio de 2025, y las webs que responden rápido a cada toque. También el respeto a las preferencias del usuario, como el modo oscuro o el movimiento reducido.

Cómo distinguir una tendencia de una moda.

Cada año aparecen listas con colores y tipografías de moda. Duran lo que tarda en llegar la siguiente lista. Una tendencia de verdad cambia cómo se construyen las webs y suele dejar rastro en una norma, un estándar o una métrica.

Accesibilidad, de buena práctica a obligación.

Durante años, la accesibilidad fue un extra. La Ley 11/2023 incluyó el comercio electrónico entre los servicios que deben cumplir requisitos de accesibilidad, con efecto desde el 28 de junio de 2025. Las microempresas que prestan servicios quedan exentas, pero sus clientes con discapacidad son los mismos.

En diseño se nota en detalles concretos. Las pautas WCAG 2.2 piden que los objetivos táctiles midan al menos 24 por 24 píxeles CSS, salvo excepciones. Eso acaba con los iconos diminutos y los enlaces pegados entre sí.

También se ve en los formularios, con etiquetas visibles en lugar de textos de ejemplo que desaparecen al escribir. Y en el foco del teclado, que vuelve a ser visible después de años escondido.

Webs que responden al instante.

Google ha cambiado la forma de medir la capacidad de respuesta. El INP sustituyó al FID porque este dejaba fuera muchas interacciones. Para una buena experiencia, el INP debe ser de 200 milisegundos o menos.

Para el diseño, esto significa menos efectos que bloquean la página. Pesan los carruseles que cargan diez imágenes, los chats que se abren solos o los menús hechos con librerías enormes. La tendencia es hacer más con menos código y dejar que el navegador haga su trabajo.

El móvil manda.

Google indexa y posiciona la versión para móviles de los sitios. Ya no basta con que la web «se vea» en el móvil. Tiene que estar pensada primero para él.

Eso se traduce en menús más cortos y en botones de llamada y de WhatsApp a mano del pulgar. También en textos que se leen sin hacer zoom. Si una sección no aporta en el móvil, probablemente tampoco aporta en el ordenador.

Respetar las preferencias del usuario.

Los sistemas operativos dejan elegir tema claro u oscuro y reducir las animaciones. La especificación Media Queries Level 5 del W3C da a la web una forma de leer esas preferencias. Puede saber si el usuario prefiere un esquema claro u oscuro y si quiere menos movimiento.

El modo oscuro bien hecho no es invertir colores. Hay que revisar el contraste, los logotipos y las fotos con fondo blanco.

Con el movimiento pasa algo parecido. Los efectos al hacer scroll pueden marear a algunas personas, así que una web cuidada los suaviza cuando el sistema lo pide.

Diseños que se adaptan al contenedor.

Durante años, el diseño adaptable se basaba en el ancho de la pantalla. Las consultas de contenedor permiten aplicar estilos según el espacio del bloque donde está el elemento.

Parece un detalle técnico, pero cambia el diseño. Una misma tarjeta de producto puede verse en horizontal en la página principal y en vertical en una barra lateral, sin duplicar código. Las webs se diseñan como piezas reutilizables, no como páginas cerradas.

Lo que conviene vigilar sin correr.

• Búsqueda con IA. Los buscadores responden cada vez más con resúmenes. Un contenido claro, con respuestas directas y bien estructurado, tiene más opciones de aparecer.
• Tipografías variables. Un solo archivo con varios grosores carga menos que varios archivos sueltos.
• Imágenes en formatos modernos. Pesan menos con la misma calidad.

Ninguna tendencia justifica rehacer una web que funciona. Lo sensato es incorporarlas al ritmo de tus cambios. Antes de rediseñar, repasa los errores comunes en páginas web, porque corregirlos suele dar más resultado.

Si vas a encargar una web nueva, pide que estas tendencias formen parte del encargo desde el principio. Cómo se reparten en el proyecto lo contamos en fases del diseño web. En OverFuture las aplicamos en cada web que diseñamos, como explicamos en diseño web profesional.

Preguntas frecuentes.