Direcionalidade e gravidade
Os sinais de direção ajudam a solidificar o modelo mental da jornada do usuário nas experiências. É importante que a direção de qualquer movimento ofereça suporte à continuidade do espaço, bem como à integridade dos objetos no espaço.
O movimento direcional está sujeito a forças como a gravidade. Aplicar forças ao movimento reforça a sensação natural do movimento.
Exemplos
 |
Se você tiver o aplicativo Da Galeria do WinUI 2 instalado, clique aqui para abrir o aplicativo e ver o Movimento em ação. |
Direção do movimento
A direção do movimento corresponde ao movimento físico. Assim como na natureza, os objetos podem ser mover em qualquer eixo: X,Y e Z. Isso é como consideramos o movimento dos objetos na tela. Ao mover objetos, evite colisões não naturais. Tenha em mente de onde os objetos vêm e vão, e sempre dê suporte a construções de nível mais alto que podem ser usadas na cena, como direção de rolagem ou hierarquia de layout.
Direção da navegação
A direção da navegação entre as cenas em seu aplicativo é conceitual. Os usuários navegam para frente e para trás. Cenas movem se movem para dentro e para fora com campo de visão. Esses conceitos combinam a movimentação física para orientar o usuário.
Quando a navegação provoca o deslocamento de um objeto da cena anterior para a nova, o objeto faz um simples movimento de A até B na tela. Para garantir que o movimento pareça mais físico, o padrão de suavização é adicionado, bem como a sensação de gravidade.
Para a navegação regressiva, o movimento é invertido (de B para A). Quando os usuários navegam de volta, eles esperam retornar para o estado anterior assim que possível. O tempo é mais rápido, mais direto e usa a suavização por desaceleração.
Aqui, esses princípios são aplicados à medida que o item selecionado permanece na tela durante a navegação para frente e para trás.
Quando a navegação provoca a substituição de itens na tela, é importante mostrar para onde a cena de saída foi e de onde a nova cena vem.
Isso tem vários benefícios:
- Solidifica o modelo mental do usuário do espaço.
- A duração da cena de saída fornece mais tempo para preparar o conteúdo a ser animado para a cena de entrada.
- Ele melhora o desempenho percebido do aplicativo.
Há quatro direções discretas de navegação a serem consideradas.
Encaminhamento Celebre a entrada de conteúdo na cena de uma maneira que não colida com o conteúdo de saída. O conteúdo desacelera na cena.
Encaminhamento O conteúdo é encerrado rapidamente. Os objetos aceleram fora da tela.
Versões anteriores O mesmo que o Forward-In, mas invertido.
Versões anteriores O mesmo que Forward-Out, mas invertido.
Gravidade
A gravidade faz com que suas experiências sejam mais naturais. Objetos que se movem no eixo Z e não são ancorados na cena por uma acessibilidade na tela têm o potencial de serem afetados pela gravidade. À medida que um objeto se liberta da cena e antes de atingir a velocidade de escape, a gravidade puxa para baixo no objeto, criando uma curva mais natural da trajetória do objeto à medida que ele se move.
A gravidade normalmente se manifesta quando um objeto deve saltar de uma cena para outra. Por isso, a animação conectada usa o conceito de gravidade.
Aqui, um elemento na linha superior da grade é afetado pela gravidade, provocando sua queda à medida que deixa seu lugar e se move para a frente.
