Recommandations en matière de zoom sémantique

Un contrôle de zoom sémantique permet à l’utilisateur de basculer entre deux vues différentes d’un même jeu de données. Contrairement à un zoom graphique standard qui agrandit ou réduit la taille et les détails des objets, le zoom sémantique modifie les paramètres et la disposition d’une représentation graphique et modifie l’affichage de la structure et la sélection de données.

Fonctionnalités

  • Une application ne peut contenir qu’un contrôle de zoom sémantique.
  • La taille de la vue avec zoom arrière est restreinte par les limites du contrôle de zoom sémantique.
  • Appuyer sur un en-tête de groupe permet de basculer entre les vues. Il est possible d’activer le pincement pour basculer entre les vues.
  • Les en-têtes actifs basculent entre les vues.

Exemples

Un carnet d’adresses est un exemple de jeu de données dont la navigation peut être considérablement simplifiée grâce à un contrôle de zoom sémantique. Une vue correspond à la vue d’ensemble complète et alphanumérique des personnes du carnet d’adresses (image à gauche) tandis que la vue avec zoom avant affiche les données dans l’ordre et avec plus de détails.

Exemple de zoom sémantique dans un carnet d’adresses

Recommandations générales

  • Lorsque vous utilisez le zoom sémantique dans votre application, veillez à ce que la disposition et le sens du mouvement panoramique de l’élément ne changent pas en fonction du niveau de zoom. Les dispositions et les interactions de mouvement panoramique doivent être cohérentes et prévisibles dans tous les niveaux de zoom.
  • Comme le zoom sémantique permet aux utilisateurs de passer rapidement d’un élément de contenu à un autre, limitez à trois le nombre de pages/d’écrans du mode d’affichage général. Un mouvement panoramique trop important réduit la fonctionnalité du zoom sémantique.
  • Évitez d’utiliser le zoom sémantique pour modifier l’étendue du contenu. Par exemple, il convient de ne pas basculer un album photo vers un affichage des dossiers dans l’Explorateur de fichiers.
  • Utilisez une structure et une sémantique qui sont essentielles à la vue.
  • Utilisez des noms de groupe pour les éléments d’une collection groupée.
  • Utilisez un ordre de tri pour une collection non groupée, mais triée, par exemple l’ordre chronologique pour des dates ou l’ordre alphabétique pour une liste de noms.

Rubriques associées

Pour les concepteurs
Recommandations en matière d’interactions utilisateur courantes
Pour les développeurs (XAML)
Démarrage rapide : entrée tactile
Démarrage rapide : gestion des entrées de pointeur
Windows.UI.Xaml.Input
Pour les développeurs (HTML)
Démarrage rapide : ajout d’un zoom sémantique
Windows.UI.Input
Pour les développeurs (application Windows Runtime en C++ basée sur DirectX)
Réponse à l’entrée tactile (DirectX et C++)
Exemples (XAML)
Entrée : exemples d’événement d’entrée utilisateur XAML
Exemple de zoom, de panoramique et de défilement XAML
Exemples (WinJS)
Exemple de SemanticZoom HTML pour des contrôles personnalisés
Exemple de groupement de ListView et SemanticZoom HTML
Exemples (DOM)
Exemple de zoom, de panoramique et de défilement HTML
Entrée : exemples de mouvement instanciable
Exemples (DirectX)
Exemple d’entrée tactile DirectX
Entrée : exemple de manipulations et de mouvements (C++)

 

 

Afficher:
© 2015 Microsoft