Dhyan ShanasaAo planejar o Ux Motion Design para a experiência do usuário, Alik Brundrett intitula como “Coreografia UX” o papel do MD no UX Design . A coreografia UX é diferente de animações ou outras expressões artísticas e visa, no Motion, que uma interface reforce a hierarquia, fortaleça a comunicação básica e reduza o sobrecarregamento de informações para o usuário.
Funções básicas no UX Motion
As três funções principais devem ser consideradas para cada projeto de design de movimento e ser bem compreendidas.
#1 Motion Design Espacial
Ajuda a orientar um usuário. Quando aplicado a nossa compreensão básica do espaço físico e o traduz em um sistema digital para ajudar o usuário a lembrar onde eles estão, como eles avançam e como voltar para onde eles vieram.
Por exemplo, se as transições de página sempre deslizarem da direita para a esquerda à medida que o usuário avança, seu modelo mental provavelmente anteciparia que para voltar a tela seria necessário deslizar na direção oposta, da esquerda para a direita.
Quando bem executado, os usuários não precisam pensar sobre a arquitetura espacial. Mas, se o movimento for contra-intuitivo, pode ser desastroso.
#2 Motion Design Funcional
Reforça a hierarquia, a atenção, sugere possibilidades de microinteracão, fornece feedback do sistema e muito mais. Inclui principalmente microinteracções, mas também inclui os relacionamentos baseados em movimento entre seções, componentes e gavetas, como quando um usuário clica no filtro e o resto da página se rearranja como resultado.
Por exemplo, quando clicar em um botão de envio, o usuário poderá observar uma animação de carregamento que sinalizará o processamento do sistema da ação – um movimento como uma barra de carga ou roda giratória ajudará o usuário a entender o que está acontecendo e quanto tempo pode demorar.
Exemplo de uma barra de carregamento animada
#3 Motion Design Prazeroso
É um pouco de polimento, branding e personalidade que está em camadas da interface para dar ao usuário uma sensação de entusiasmo por usar um sistema. Deve ser usado com moderação e estratégia, mas quando é feito bem, isso pode tornar a experiência impactante e especial. Algumas marcas gostam de esconder “ovos de Páscoa” em suas utilizações de Motion Design, ou podem apresentar sua mascote, logotipo ou outras características da marca.
Esta técnica de refinameto é melhor usada quando o usuário não está sendo solicitado processar muitas informações, portanto, carregar telas, páginas 404 ou outros momentos de pausa cognitiva são ótimas oportunidades para algo especial e prazeroso.
MailChimp usa uma peça de animação com seu mascote, mas somente quando o sistema está processando ou você alcança uma página 404.
Recomendações de Motion Design Acessível
Além das três funções principais de coreografia UX, existem várias maneiras de ajustar o design de movimento para torná-lo acessível. Essas recomendações são um guia de melhores práticas que deve constituir o alicerce da sua estratégia de acessibilidade.
Parallax é horrível
Parallax é uma ilusão de óptica para dar uma sensação de profundidade. Raramente é feito bem e ainda mais raramente acessível. Evite isso, a menos que seja absolutamente necessário, e use com moderação se você o usar. Parallax pode causar náuseas ou desorientação. Na verdade, quando o iOS 7 da Apple saiu com recursos de parallax, houve uma manifestação com solicitações para poder limitar o movimento na interface (que a Apple lançou rapidamente).
https://www.youtube.com/watch?v=378SlPbtYo8
Mantenha o design de movimento para menos de 1/3 de uma janela de exibição
O design de movimento que é grande ou que enche a tela pode desorientar e enjoar as pessoas. Mantenha todas as animações pequenas e simples, e certifique-se de que eles escalam com quaisquer ajustes sensíveis para diferentes telas de tamanho.
Permita que os usuários acionem o movimento
O Motion Design é melhor quando é sutil e acontece depois que um usuário tomou uma ação. O movimento que reproduz automaticamente ou é inesperado pode ser desagradável para muitas pessoas.
Mantenha a animação em foco
A animação deve ser usada para direcionar a atenção do usuário para a coisa mais importante na tela com a qual eles precisam interagir, eventualmente. Se a função principal em uma tela é estática e muitos movimentos não relacionados estão acontecendo em outro lugar, os usuários podem ser distraídos ou ficarem confusos.
Oferecer configurações para reduzir o movimento
Se você está projetando para um aplicativo ou está melhorando determinados navegadores que permitem configurações de movimento reduzido (o Safari está liberando melhores ferramentas de movimento no próximo ano, e outros navegadores provavelmente seguirão), considere projetar uma maneira fácil para seus usuários para reduzir ou desligar o seu Motion. Apenas tenha certeza de que, se o usuário desativar o movimento, eles ainda podem entender e usar a interface sem ele.
Use o Ux Motion Design para facilitar a compreensão da interação
O uso pode aumentar ou diminuir a compreensão, dependendo de como você o determina. O MD que distrai ou sobrecarrega informações a um usuário e irá contar negativamente; quando de forma sutil, é usado para comunicar o processamento de sistemas, feedback, mudanças de interfaces ou próximas etapas pode ter um efeito positivo.
Uma boa ideia é testar a usabilidade da interface com usuários com deficiências relacionadas a movimentos para obter feedback preciso.
Teste tudo com um leitor de tela
Às vezes, é difícil prever como um leitor de tela irá lidar com microinteracções (como validação de formulário ) e cargas parciais de página. Testar um sistema com um leitor de tela (e com usuários de leitores de tela) pode ajudá-lo a capturar problemas que possam surgir. Uma vez que o desempenho do leitor de tela é tão bom quanto a forma como a página é codificada, trabalhe em estreita colaboração com os seus desenvolvedores para este passo e isso o tornará muito mais rápido e preciso.
Cumprir os padrões de acessibilidade pode parecer uma restrição indesejada às suas idéias de design, mas incorporar boas práticas de acessibilidade em seu fluxo de trabalho de MD pode ajudá-lo a adicionar sofisticação e maturidade a suas criações de uma maneira útil para todos os usuários.