Direction et gravité
Les signaux directionnels aident à solidifier le modèle mental du parcours qu’un utilisateur prend entre les expériences. Il est important que la direction de tout mouvement appuie à la fois la continuité de l’espace et l’intégrité des objets dans l’espace.
Le mouvement directionnel est soumis à des forces comme la gravité. L’application de forces au mouvement renforce la sensation naturelle du mouvement.
Exemples
 |
Si vous disposez de l’application Galerie WinUI 2, cliquez ici pour ouvrir l’application et voir Mouvement en action . |
Direction du mouvement
La direction du mouvement correspond au mouvement physique. Tout comme dans la nature, les objets peuvent se déplacer dans n’importe quel axe mondial - X,Y,Z. C’est ainsi que nous pensons au mouvement des objets à l’écran. Lorsque vous déplacez des objets, évitez les collisions non naturelles. N’oubliez pas où les objets proviennent et sont toujours pris en charge, et prennent toujours en charge les constructions de niveau supérieur qui peuvent être utilisées dans la scène, telles que la direction de défilement ou la hiérarchie de disposition.
Direction de la navigation
La direction de la navigation entre les scènes de votre application est conceptuelle. Les utilisateurs naviguent vers l’avant et le retour. Les scènes se déplacent et sortent de la vue. Ces concepts s’associent au mouvement physique pour guider l’utilisateur.
Lorsque la navigation provoque un déplacement d’un objet de la scène précédente vers la nouvelle scène, l’objet effectue un déplacement A-to-B simple sur l’écran. Pour s’assurer que le mouvement se sent plus physique, l’accélération standard est ajoutée, ainsi que la sensation de gravité.
Pour la navigation arrière, le déplacement est inversé (B-to-A). Lorsque l’utilisateur revient, il s’attend à ce qu’il soit retourné à l’état précédent dès que possible. Le minutage est plus rapide, plus direct et utilise l’accélération décélération.
Ici, ces principes sont appliqués lorsque l’élément sélectionné reste à l’écran pendant la navigation vers l’avant et le retour.
Lorsque la navigation entraîne le remplacement d’éléments à l’écran, il est important de montrer où la scène de sortie est passée et où la nouvelle scène provient.
Cela présente plusieurs avantages :
- Il solidifie le modèle mental de l’utilisateur de l’espace.
- La durée de la scène de sortie fournit plus de temps pour préparer le contenu à animer pour la scène entrante.
- Elle améliore les performances perçues de l’application.
Il y a 4 directions discrètes de navigation à prendre en compte.
Le contenu Forward-In Celebrate entrant dans la scène d’une manière qui n’entre pas en collision avec le contenu sortant. Le contenu décélére dans la scène.
Le contenu de transfert sortant se termine rapidement. Les objets accélèrent l’écran.
Vers l’arrière comme avant,mais inversé.
Vers l’arrière identique à forward-out, mais inversé.
Gravité
La gravité rend vos expériences plus naturelles. Les objets qui se déplacent sur l’axe Z et qui ne sont pas ancrés sur la scène par une affordance à l’écran ont le potentiel d’être affectés par la gravité. Comme un objet se détache de la scène et avant qu’il atteigne la vitesse d’échappement, la gravité tire vers le bas sur l’objet, créant une courbe plus naturelle de la trajectoire de l’objet au fur et à mesure qu’elle se déplace.
La gravité se manifeste généralement lorsqu’un objet doit passer d’une scène à une autre. En raison de cela, l’animation connectée utilise le concept de gravité.
Ici, un élément de la ligne supérieure de la grille est affecté par la gravité, ce qui l’entraîne légèrement à tomber car il quitte sa place et se déplace vers l’avant.
Articles connexes
Windows developer