UX Choreography: acessibilidade no UX Motion Desing (parte 2)

Ao 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.

Barra de carregamento no Ux Motion

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.

Uso de ux motion da mailchimp

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.

Comentários

comments