Pular para o conteúdo
Todos os textos
1 min de leitura

A animação que não atrapalha

Motion bom não é o que chama atenção. É o que explica para onde a interface foi e por quê, sem que ninguém perceba que houve animação.

Toda animação de interface responde a uma pergunta. Se ela não responde nenhuma, é decoração, e decoração em produto cobra o preço em milissegundos de espera.

As perguntas que valem animação são três: de onde isso veio, para onde aquilo foi, e o que acabou de mudar.

Curva importa mais que duração

Uma transição de trezentos milissegundos com curva errada parece mais lenta que uma de quinhentos com curva certa. O que o olho lê como lentidão é a saída linear, porque nada no mundo físico começa e para na mesma velocidade.

A curva que uso na maioria dos casos sai rápido e chega devagar. É o comportamento de um objeto com massa, e o cérebro aceita sem pensar.

Reveal de scroll tem prazo de validade

Elemento que sobe e desfoca ao entrar na tela funciona uma vez, na primeira leitura. Na terceira visita ao mesmo site, vira atraso entre a rolagem e a informação.

Por isso o reveal dispara só uma vez por sessão e nunca segura conteúdo acima da dobra. Quem chegou pelo link já quer ler.

O detalhe que quase ninguém implementa

Respeitar quem pediu menos movimento no sistema operacional. É uma consulta de media query, custa três linhas, e é a diferença entre um site elegante e um site que dá enjoo em quem tem sensibilidade vestibular.

Quer discutir isso aplicado ao seu produto?