Cada enero circula una lista con la misma forma: quince tendencias, una captura de pantalla de Dribbble para cada una y ninguna mención de lo que pasa cuando la tendencia se topa con un gestor de contenidos real, una cola de tickets de soporte o un usuario con un móvil Android de hace tres años. La mayor parte no sobrevive al contacto con un producto real en producción.
Me gano la vida auditando y rediseñando productos en funcionamiento, no maquetas de concepto, así que esta es la lista más corta: los cambios en el diseño UI/UX que este año están apareciendo de verdad en los briefs y aguantando en las pruebas de usabilidad, y los que aún le diría a un cliente que se salte.
Juzga una tendencia por lo que le cuesta al usuario, no por cómo queda en una foto
Una tendencia se gana un lugar en una interfaz real si elimina un paso, aclara un estado o acelera una tarea. Todo lo demás es decoración disfrazada con el vocabulario de un design system, y la decoración tiene un coste: cada floritura animada son milisegundos de hilo principal bloqueado, cada patrón novedoso es un momento en el que un usuario que llega por primera vez tiene que detenerse y aprender tu producto en lugar de usarlo.
El filtro que uso de verdad en el trabajo con clientes: ¿valdría la pena construir esto si nadie pudiera ver que está "de moda"? Si la respuesta sincera es que existe para parecer actual en una captura de portfolio, no entra en el archivo.
Ese filtro es la razón por la que la lista de abajo se salta la mayor parte de lo que circula como las tendencias de UI de este año y se queda solo con lo que cambió cómo se comporta un producto, no solo cómo se ve.
La IA dentro de la interfaz, no solo detrás de ella
El cambio interesante de este año no es que los productos hayan añadido un chatbot. Es la IA que aflora dentro de los flujos existentes: sugerencias en línea en un campo de formulario, un primer borrador generado en un estado vacío, un resumen que se ofrece en lugar de obligar a alguien a leer cuarenta filas de una tabla. Bien hecho, elimina un paso; mal hecho, no es más que un spinner que va sobrado de confianza.
El problema de diseño es la confianza, no la novedad. Un campo rellenado por la IA tiene que parecer editable y provisional, no definitivo. Yo uso para él un estado visiblemente distinto, un tinte de fondo diferenciado más una etiqueta, hasta que el usuario lo ha aceptado de forma explícita. Lanza un valor generado que parezca idéntico a uno introducido por el usuario y el primer error de predicción erosiona la confianza en todos los campos que vienen después.
La latencia también hay que diseñarla, no disculparla a posteriori. Si una sugerencia tarda dos segundos en llegar, el estado vacío que la precede tiene que defenderse por sí solo, no quedarse ahí como una caja en blanco que da a entender que algo está roto.
Movimiento con moderación, no movimiento por defecto
Dos años en los que cada tarjeta aparecía con animación y cada botón llevaba un rebote al pasar el cursor han provocado la corrección: movimiento que comunica un cambio de estado, y nada más. Un botón de guardar que confirma con la transformación en una marca de verificación vale los fotogramas que cuesta. Una página de tarjetas que van entrando en cascada en cada visita no; es un impuesto que el usuario paga cada vez que llega, sin ganar ninguna información.
`prefers-reduced-motion` ha pasado este año de ser un extra deseable a una comprobación por defecto en el trabajo con clientes, y con razón. Ya no es solo una línea más de accesibilidad — los navegadores lo activan por defecto para una parte significativa de los usuarios, y un producto que ignora la consulta está eligiendo pelearse con el sistema operativo.
La regla práctica: anima para explicar un cambio de estado (carga, éxito, error, un elemento que sale de una lista) y deja todo lo demás estático. Si no sabes decir qué le está enseñando al usuario una animación concreta, elimínala.
La accesibilidad por defecto ya no es una revisión aparte
Las ratios de contraste, los estados de foco visibles y las rutas de teclado solían ser lo que se comprobaba al final, si quedaba tiempo. En los briefs de 2026 los veo mencionados desde el principio, en parte porque WCAG 2.2 se ha convertido en la expectativa mínima en más listas de requisitos de contratación, y en parte porque una parte mayor del público usa de verdad una configuración de asistencia, no una hipotética.
Lo que cambia en la práctica: los estados de los componentes se diseñan pensando en focus-visible desde la primera pasada, no se añaden después; el texto sobre color se comprueba con una ratio de 4.5:1 como restricción de construcción y no como una nota de lanzamiento; y los formularios incorporan por defecto mensajes de error en línea, basados en texto, en lugar de un cambio de color que nadie sin visión cromática completa puede leer.
Este no es una tendencia en el sentido habitual, es lo mínimo indispensable poniéndose al día con donde debería haber estado hace años, y es el punto de esta lista con menos margen para saltárselo.
Maquetaciones modulares de estilo bento, usadas donde la densidad las justifica
La cuadrícula de tarjetas de tamaños desiguales se ha extendido de los sitios de portfolio a los paneles de control y las páginas de ajustes, y se gana su lugar cuando una pantalla tiene de verdad contenido de distinto peso: una tarjeta que es un gráfico, otra que es un único número, otra que es una lista corta. Forzar que todo entrara en tarjetas del mismo ancho ocultaba esa jerarquía; la maquetación bento la expresa con claridad.
No se gana su lugar en una página donde cada elemento merece el mismo peso. Una tabla de precios forzada dentro de una cuadrícula bento pierde lo único que necesita una tabla de precios, que es la comparación fácil de izquierda a derecha. Usa el patrón porque el contenido tiene un peso desigual, no porque la cuadrícula parezca cuidada en una captura de pantalla.
Lo que les digo a los clientes que se salten
Paneles de glassmorphism apilados de tres en tres, donde la legibilidad cae con cada capa de desenfoque. Manchas que siguen al cursor y orbes de degradado que existen puramente como atrezo y cuestan tiempo real de pintado en los dispositivos menos potentes. Animaciones decorativas de "la IA está pensando" que añaden tres segundos a una tarea que un estado estático habría completado al instante. Ninguna de ellas hace avanzar una tarea, y todas aparecen de forma desproporcionada en los recopilatorios de tendencias porque quedan bien en una captura.
El patrón común a las tres: están optimizadas para los primeros cinco segundos mirando una imagen estática, no para la vez número cincuenta que un usuario real abre el producto para hacer algo. Diseña para la vez número cincuenta y la mayor parte de lo que es tendencia este año se descarta sola sin hacer ruido.
