O movimento é uma ferramenta poderosa que deve ser usada com moderação no contexto da condução. É apropriado apenas quando pode ajudar a informar os condutores sem desviar a sua atenção da estrada.
Guia resumido (TL;DR):
- Evite distrair os usuários com movimentos desnecessários.
- Utilize movimentos para aumentar a compreensão dos usuários e desenvolver sua proficiência.
- Torne sua linguagem de movimento flexível o suficiente para todos os hardwares relevantes.
- Utilize o padrão de movimento recomendado para a sua situação.
Princípios do movimento
Ao projetar animações para interfaces Android para carros, tenha em mente três princípios básicos: seja seguro, seja informativo e seja flexível.
Seguro
Dirigir é a tarefa principal do usuário – tudo o mais é secundário. Trate a atenção do usuário como um recurso limitado e evite usar o movimento para criar distrações desnecessárias.
Informativo
Utilize movimentos para transmitir informações que auxiliem os usuários. Por exemplo, o movimento pode aumentar a compreensão do produto pelos usuários, demonstrando relações hierárquicas e espaciais entre os elementos. O movimento também pode ajudar a desenvolver a proficiência dos usuários com a interface, indicando as interações disponíveis.
Flexível
Defina uma linguagem de movimento que seja escalável e flexível o suficiente para se ajustar a telas de todos os tamanhos e formatos, bem como a todos os tipos de entrada do usuário.
Padrões de movimento
Para garantir uma experiência de usuário consistente em todos os aplicativos, o Android Automotive fornece recomendações de padrões de movimento específicos para uso nas seguintes situações:
- Alternar entre visualizações do mesmo nível
- Passando para uma visualização detalhada.
- Prorrogação de uma ação existente
- Minimizar e expandir uma ação
- Interromper uma ação
Todos os padrões de movimento nesta seção são baseados na suavização padrão, conforme discutido nas diretrizes de suavização do Material Design. Ou seja, os movimentos aceleram rapidamente e desaceleram gradualmente, para direcionar o foco para o final da transição.
Alternar entre visualizações do mesmo nível
Ao alternar entre visualizações no mesmo nível de hierarquia em um aplicativo, como guias na barra de aplicativos ou músicas em uma lista de reprodução, use um movimento lateral. O movimento horizontal reforça a ideia de permanecer no mesmo nível dentro do aplicativo.
Exemplo
Passando para uma visualização detalhada.
Ao passar de uma visualização de conteúdo de nível superior para uma visualização detalhada, utilize um movimento de profundidade no eixo Z que amplia a camada inferior e a introduz gradualmente à medida que a camada superior desaparece. Esse movimento reforça a relação hierárquica entre a visualização de nível superior e a visualização detalhada, direcionando o foco para esta última.
Exemplo
Prorrogação de uma ação existente
Quando um usuário está realizando uma ação e executa uma ação relacionada, utilize um movimento vertical (para cima ou para baixo) para introduzir a ação secundária em uma sobreposição em tela cheia, com um fundo transparente, sobre a ação principal. A possibilidade de visualizar a ação principal através do fundo transparente reforça a ideia de que o usuário ainda está executando essa ação.
Ao finalizar a ação secundária, utilize o movimento inverso. O movimento inverso deve levar menos tempo que o movimento original, visto que o usuário já concluiu a ação secundária e está pronto para sair.
