El movimiento no es un adorno que se añade al final: es información. Una animación buena explica un cambio —de dónde salió algo, a dónde fue, qué se abrió— en menos tiempo del que tardarías en leerlo. Una mala te marea y, sobre todo, te hace esperar.
Piénsalo así: cuando algo aparece de golpe en la pantalla, tu cabeza tiene que averiguar qué ha cambiado y por qué. Cuando ese mismo algo entra deslizándose desde el botón que tocaste, ya lo sabes: salió de ahí. El movimiento ha hecho el trabajo de una frase.
Un ejemplo. Tocas un correo de la bandeja y la pantalla del mensaje crece desde esa fila, no desde el centro. En un cuarto de segundo entiendes que ese mensaje es esa fila, y al cerrar vuelve a su sitio. Sin esa animación el mensaje aparece de la nada, y al salir no sabes a qué fila volver: tienes que buscar dónde estabas.
El movimiento útil responde siempre a una pregunta: ¿qué acaba de cambiar y de dónde viene? Si no responde a eso, sobra.
Comunica
Un panel entra deslizándose desde el borde donde vive. Sabes de dónde salió y cómo hacerlo volver.
Decora
Cada tarjeta rebota y gira al cargar. Bonito la primera vez; a la décima, una espera.
Por eso animar bien no va de saber programar curvas raras ni de que todo se mueva. Va de criterio: decidir qué merece moverse, cuánto y cómo, y dejar quieto todo lo demás. Ese criterio es lo que hace que dejes de dudar de si tu interfaz «se siente bien» o «se siente barata».
Y cuándo no. Si un cambio no necesita explicarse —un texto que se corrige, un número que sube—, muéstralo sin más. Animar lo que ya se entiende solo añade espera. La pregunta de antes vale también al revés: si no hay cambio que contar, no hay movimiento que poner.
Moverlo todo es como gritar cada palabra: si todo llama la atención, nada la llama. El movimiento señala, y solo se señala lo importante.
Y todo esto empieza por lo primero que se puede medir: cuánto dura. En la próxima lección, la ventana exacta.