56Animaciones

Las animaciones son la mejor forma de que un proyecto se vea caro. Y la mejor forma de estropearlo.

Funciona bien cuando la animación responde a una acción: haces clic y el botón reacciona, pasas el cursor y algo se ilumina, algo se abre y aparece suave. Esas cosas hacen la interfaz viva y comprensible.

Funciona mal cuando la animación se interpone entre la persona y lo que vino a buscar. Texto que se revela según haces scroll. Una lista que carga con retraso por puro efecto. Una intro antes de la portada.

La regla que saqué tras varias reformas: los datos no se esconden detrás de una animación jamás. Un efecto bonito en un elemento decorativo - bien. El mismo efecto en una tabla con cifras - mal, porque la persona vino por las cifras y no por el efecto.

Y acuérdate de quienes se marean físicamente con el movimiento. El sistema tiene el ajuste de «reducir movimiento»: pídele a la IA que lo respete, es una línea. El corazoncito del encabezado de esta web, por ejemplo, sigue el cursor con la mirada y parpadea, pero con ese ajuste se queda quieto.