Voir le mémo complet
Les applications Metro sont conçues pour être “Touch” et donc être majoritairement pilotées au(x) doigt(s).
La dimension des contrôles qui seront touchés doit donc être adaptée à des doigts : c’est à dire être plus gros que s’ils étaient pilotés par un pointeur de souris et plus espacés les uns des autres pour éviter les erreurs de manipulation.
Plus une action est importante/critique, plus le contrôle doit être grand. Au contraire, un contrôle associé à une action mineure ou peu utilisée peut être de taille plus réduite.
Voici les préconisations de dimensionnement et d’espacement pour les contrôles intégrés dans vos applications Windows 8 Metro.
7x7 mm (40 pixels) = Taille minimale recommandée pour une zone touch 2 mm (10 pixels) = espacement des contrôles
7x7 mm (40 pixels) = Taille minimale recommandée pour une zone touch
2 mm (10 pixels) = espacement des contrôles
C’est la taille minimale pour une action qui peut être annulée en 1 ou 2 gestures ou dans un intervalle de 5 secondes.
L’espacement des contrôles est aussi important que la taille de ceux-ci et doit être de 10 pixels minimum (2mm)
9x9 mm (50 pixels) = Taille minimale recommandée pour une zone touch entrainant une action importante
Les commandes associés à des actions importantes ou critiques telles qu’une suppression, une fermeture, … tolèrent moins les erreurs de manipulation.
Aussi il est conseillé d’utiliser des contrôles de taille plus importante dans ce cas.
Cette règle s’applique également aux actions dont l’annulation nécessite plus de 2 actions/gestures ou plus de 5 secondes ou un changement de contexte.
5x5 mm (30 pixels) = Taille minimale recommandée pour une zone touch dans un espace avec des contraintes de place
Si vous manquez de place à l’écran pour placer vos éléments, vous pouvez descendre jusqu’à une zone de 5x5 mm mais l’action doit pouvoir être annulée en 1 seule gesture.
L’espacement des contrôles est d’autant plus important et reste à un minimum de 2 mm.
La majorité de la population étant droitière, il est conseillé de placer les commandes plutôt sur la droite de l’écran. Cela les rend plus accessibles et évite de cacher l’écran avec la main droite pour atteindre des commandes situées à l’opposé.
Retrouvez tous ces conseils ainsi que beaucoup d’autres sur la conception des interfaces “touch ready” !
Hello, même si le monde appartient aux droitiers, peut-on imaginer une fonctionnalité spécial gauchers pour inverser la place des commande d'une application ? Où est-ce que c'est totalement déconseillé?
Bonjour Audrey,
Oui tout à fait : la commande aurait sa place dans le charm de settings dans ce cas.
Cordialement