Portfolio Motion QA
Use movimento apenas quando ele esclarece hierarquia, orientação, feedback, sequência ou continuidade.
Inspecione primeiro
Leia as regras de movimento do projeto, a fonte de tokens e os primitivos de movimento existentes. Reutilize suas semânticas e durações em vez de adicionar uma escala independente ou uma nova biblioteca de animação.
Regras de decisão
- Mantenha o conteúdo de leitura estático, a menos que a animação forneça um benefício claro.
- Prefira opacidade e transformação; evite animação de layout, loops ambientais, sequestro de rolagem, escalonamento de caracteres e
transition: all. - Mantenha o movimento opcional: movimento reduzido resolve imediatamente e a operação por teclado nunca espera pela animação.
- Verifique se os estados de hover e foco produzem mudanças de estado equivalentes; não dependa do comportamento do ponteiro em dispositivos móveis.
Valide
Teste os estados de movimento normal e reduzido, foco de teclado, layout de desktop/mobile e comportamento de repetição/saída quando aplicável. Relate o motivo de cada escolha de movimento, seu token/primitivo e qualquer desvio que exija uma decisão documentada do projeto.