Animação que precisa de explicação virou ruído

Toda vez que abro um projeto de motion, faço a mesma pergunta antes de animar qualquer coisa: que dúvida essa pessoa tem agora, nesse ponto exato da tela?

Se existe uma dúvida, o movimento tem função. Ele mostra de onde veio, para onde foi, o que mudou, o que ainda está carregando.

Se não existe dúvida nenhuma, o movimento é decoração. E decoração em interface cobra pedágio: cada milissegundo animado é um milissegundo em que a pessoa está esperando em vez de fazendo.

A conta é essa. Movimento que responde pergunta economiza atenção. Movimento que só impressiona gasta.

O TESTE QUE EU USO

Desligo a animação e vejo se a tela continua compreensível. Se continua, a animação está ajudando. Se a tela fica confusa sem ela, tem coisa que deveria estar resolvida no layout e foi empurrada para o movimento.

Depois faço o inverso: deixo a animação e corto o tempo pela metade. Na maioria das vezes fica melhor. A gente sempre anima mais devagar do que precisa, porque no editor a gente assiste uma vez e acha bonito. Quem usa vê aquilo quarenta vezes por dia.

Duração é a decisão mais negligenciada do motion. Curva de aceleração vem depois. Antes das duas, vem a pergunta de para que serve.

Em campanha a lógica muda, claro. Ali o movimento tem que prender, não explicar. Mas dentro de um produto, prender atenção é um problema, não um objetivo.

DELICADEZA NÃO É LENTIDÃO

Existe uma confusão comum entre movimento elegante e movimento demorado. Não é a mesma coisa. O que dá sensação de qualidade é a curva, o encadeamento e a consistência entre elementos, não o tempo no relógio.

Uma transição de duzentos milissegundos bem resolvida passa mais cuidado do que uma de oitocentos arrastando com easing padrão.

A referência que eu uso é o mundo físico. Coisa pesada demora mais e para mais devagar. Coisa leve reage rápido. Quando o movimento contradiz o peso visual do objeto, a pessoa sente que tem algo errado sem saber dizer o quê.

Esse desconforto é caro. Ele não aparece em nenhuma métrica, mas aparece na impressão que fica.

Movimento é linguagem. Ou está dizendo alguma coisa, ou está falando por cima de quem tinha algo a dizer.