Indicateur de progressionProgress indicator


Progress ring example in HoloLens

Un contrôle de progression fournit des commentaires qu’une opération de longue durée est en cours d’exécution.A progress control provides feedback that a long-running operation is underway. Lorsqu’un indicateur de progression est visible, les utilisateurs peuvent voir le temps d’attente et ne peuvent pas interagir avec l’application.When a progress indicator is visible, users can see the wait time and can't interact with the app.



Types de progressionTypes of progress

Il est important de fournir les informations de l’utilisateur sur ce qui se passe.It's important to provide the user information about what is happening. En réalité mixte, les utilisateurs peuvent être facilement gênés par l’environnement physique ou les objets si votre application n’a pas de commentaires visuels corrects.In mixed reality, users can be easily distracted by the physical environment or objects if your app doesn't have good visual feedback. Pour les situations qui prennent quelques secondes, par exemple lors du chargement de données ou lors de la mise à jour d’une scène, il est judicieux d’afficher un indicateur visuel.For situations that take a few seconds, like when data is loading or a scene is updating, it's a good idea to show a visual indicator. Il existe deux options pour montrer à l’utilisateur qu’une opération est en cours d’exécution : une barre de progression ou un anneau de progression.There are two options to show the user that an operation is underway – a Progress bar or a Progress ring.

Barre de progressionProgress bar

Une barre de progression indique le pourcentage d’achèvement d’une tâche.A Progress bar shows the percentage completed of a task. Elle doit être utilisée pendant une opération dont la durée est connue (se terminer), mais sa progression ne doit pas bloquer l’interaction de l’utilisateur avec l’application.It should be used during an operation whose duration is known (determinate), but its progress shouldn't block the user's interaction with the app.

Image : exemple de barre de progression dans HoloLensImage: Progress bar example in HoloLens

spacespace
Exemple de barre de progression dans HoloLensProgress bar example in HoloLens



Anneau de progressionProgress ring

Un anneau de progression n’a qu’un état indéterminé et doit être utilisé lorsque l’interaction avec l’utilisateur est bloquée jusqu’à ce que l’opération soit terminée.A Progress ring only has an indeterminate state, and should be used when user interaction is blocked until the operation has completed.

Image : exemple de sonnerie de progression dans HoloLensImage: Progress ring example in HoloLens

spacespace
Exemple de sonnerie de progression sur un appareil HoloLensProgress ring example on HoloLens device



Progression avec un objet personnaliséProgress with a custom object

Vous pouvez ajouter à la personnalité et à l’identité de votre application en personnalisant le contrôle de progression avec vos propres objets 2D/3D personnalisés.You can add to your app's personality and brand identity by customizing the Progress control with your own custom 2D/3D objects.

Image : progression avec un exemple de maillage personnalisé dans HoloLensImage: Progress with custom mesh example in HoloLens

spacespace
Progression avec l’exemple de maille personnalisé dans HoloLensProgress with custom mesh example in HoloLens



Meilleures pratiquesBest practices

  • Couplez étroitement le billboarding ou la balise à l’affichage de la progression puisque l’utilisateur peut facilement déplacer son tête dans un espace vide et perdre le contexte.Tightly couple billboarding or tag-along to the display of Progress since the user can easily move their head into empty space and lose context. Votre application peut sembler se bloquer si l’utilisateur ne parvient pas à voir quoi que ce soit.Your app might look like it has crashed if the user is unable to see anything. Le billboarding et la balise sont intégrés au Prefab Progress.Billboarding and tag-along is built into the Progress prefab.
  • Il est toujours judicieux de fournir des informations d’État sur ce qui se passe à l’utilisateur.It's always good to provide status information about what is happening to the user. Le Prefab de progression fournit différents styles visuels, y compris la progression de type Ring Windows standard pour la fourniture de l’État.The Progress prefab provides various visual styles including the Windows standard ring-type progress for providing status. Vous pouvez également utiliser une maille personnalisée avec une animation si vous souhaitez que le style de la progression s’aligne sur la personnalisation de votre application.You can also use a custom mesh with an animation if you want the style of your progress to align to your app’s brand.


Indicateur de progression dans MRTK (ensemble d’outils de réalité mixte) pour UnityProgress indicator in MRTK (Mixed Reality Toolkit) for Unity



Voir aussiSee also