Distúrbios vestibulares e riscos da paralaxe

O ouvido interno possui um sistema de equilíbrio chamado sistema vestibular. Quando ele falha, o movimento comum na tela pode parecer profundamente errado. 🌀

Um distúrbio vestibular pode transformar uma animação de rolagem em tontura, náusea ou uma dor de cabeça que persiste muito depois que você desvia o olhar.

Milhões de adultos vivem com alguma condição vestibular. Eles fazem parte, silenciosamente, do público de todos os sites que você desenvolve.

Na rolagem em parallax, as camadas se movem em velocidades diferentes. Essa diferença é exatamente o tipo de movimento conflitante que perturba o ouvido interno.

O problema é a escala. Deslocamentos, ampliações e deslizamentos em tela inteira grandes causam muito mais desconforto do que um pequeno fade rápido.

Um movimento rápido por uma grande distância causa o maior impacto. Um movimento lento e curto é mais suave para um sistema vestibular sensível.

O movimento que o usuário não iniciou é pior. Planos de fundo com reprodução automática e vídeos em loop não dão aviso nem permitem que a pessoa se prepare.

Coloque os efeitos de risco atrás da consulta de movimento. Quando um usuário pede menos movimento, remova completamente o parallax.

Substitua a cena em movimento por uma imagem estática ou um fade simples. A mensagem continua clara sem a sensação de estar girando.

Ative a redução de movimento no seu próprio sistema operacional e navegue pelo site. Se algo ainda se mover de forma dramática, você terá trabalho a fazer.

Você pode se sentir bem ao assistir ao efeito, mas um usuário sensível não se sentirá. Confie no feedback dele, e não no seu próprio conforto, todas as vezes.

Qual técnica de animação é um gatilho vestibular clássico?

O sistema vestibular não tolera movimentos grandes, rápidos e conflitantes, como o parallax. Reduza-o, desacelere-o e remova-o quando os usuários reduzirem o movimento. ✅