Recommandations en matière de contrôles de vue symétrique

Applies to Windows and Windows Phone

Un exemple de contrôle de vue symétrique standard

Description

Le contrôle de vue symétrique permet aux utilisateurs de parcourir successivement différents affichages d’une application ou une collection d’éléments, tels que les photos d’un album. Il donne la possibilité de regarder chaque élément individuellement lors de la navigation.

Exemple

Capture d’écran du contrôle de vue symétrique standard

Est-ce le contrôle approprié ?

Le contrôle de vue symétrique permet aux utilisateurs de parcourir successivement différents affichages ou une collection d’éléments. Des boutons de navigation apparaissent au passage du curseur et permettent de naviguer vers l’élément suivant ou précédent.

Image d’un contrôle FlipView

Vous pouvez également ajouter un contrôle d’indicateur de contexte pour permettre aux utilisateurs d’atteindre directement un élément particulier.

Image d’un indicateur de contexte avec un contrôle FlipView

Pratiques conseillées et déconseillées

  • Utilisez un contrôle de vue symétrique pour :
    • Naviguer entre les différents éléments d’une petite collection ( < 10) d’éléments connexes. Par exemple, dans une application destinée aux achats, vous pouvez afficher plusieurs images d’un produit sur une page de présentation du produit. Vous pouvez utiliser le contrôle d’indicateur de contexte pour une petite collection, mais en général ce n’est pas nécessaire.

    • Naviguer entre les différents éléments d’une liste d’éléments connexes de taille moyenne (10 à 25 éléments). Par exemple, dans une application pour le secteur immobilier, vous pouvez afficher un certain nombre d’images de chaque maison afin de présenter les pièces sous différentes perspectives. Pour ces listes de taille moyenne, incluez un contrôle d’indicateur de contexte, tel qu’une bande de miniatures, pour permettre aux utilisateurs d’atteindre des photos spécifiques.

    • Naviguer entre les affichages d’une application. Le lanceur d’une application peut par exemple avoir un affichage qui montre les favoris de l’utilisateur dans une grille et un autre qui affiche les favoris dans une liste. Vous pouvez ajouter un contrôle de vue symétrique pour permettre aux utilisateurs de naviguer d’un affichage à l’autre.

  • Utilisez un indicateur de contexte quand les éléments de la collection ne donnent pas suffisamment d’informations contextuelles pour aider les utilisateurs à savoir où ils se trouvent dans la collection. Un contrôle de vue symétrique pour les jours de la semaine ne nécessite pas d’indicateur de contexte, alors qu’un contrôle de vue symétrique pour les images d’un produit en requiert un.

  • Donnez aux utilisateurs une indication sur l’emplacement de l’élément sélectionné dans la collection. Utilisez un indicateur de contexte pour permettre aux utilisateurs de connaître la taille de la collection et de situer l’élément sélectionné par rapport aux autres.

  • Personnalisez l’indicateur en fonction du nombre d’éléments et du scénario spécifique. Pour les petites collections, vous pouvez afficher l’ensemble de la collection dans l’indicateur de contexte. Pour les collections de taille moyenne, vous pouvez par exemple afficher 5 éléments à la fois. Pour les collections purement visuelles, vous pouvez afficher des miniatures ; pour les collections basées sur du texte, vous pouvez utiliser un alphabet de manière à ce que les utilisateurs puissent atteindre directement la lettre voulue.

  • Offrez la possibilité aux utilisateurs d’atteindre des éléments spécifiques. Faites en sorte que les utilisateurs sachent toujours où ils se trouvent et comment aller à l’emplacement souhaité.

  • N’utilisez pas un contrôle de vue symétrique pour passer en revue des collections de grande taille. Le geste répétitif pour passer d’un élément à l’autre pourrait lasser les utilisateurs. Utilisez plutôt l’un des contrôles suivants :

Rubriques connexes

Pour les concepteurs
Recommandations en matière de contrôles ListView
Pour les développeurs (applications Windows Runtime en JavaScript et HTML)
Ajout de contrôles FlipView
Démarrage rapide : ajout d’un contrôle FlipView
WinJS.UI.FlipView object
Pour les développeurs (applications Windows Runtime en C#/VB/C++ et XAML)
Ajout de contrôles FlipView
Démarrage rapide : ajout d’un contrôle FlipView
FlipView class

 

 

Afficher:
© 2014 Microsoft