Mémo Win8 : Le dimensionnement des contrôles cibles de touch

 

 

Mémo Win8 : Le dimensionnement des contrôles cibles de touch

Rate This
  • Comments 2

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.

Chart that shows how touch errors decrease for larger targets.

 

Pour les actions standards

7x7 mm (40 pixels) = Taille minimale recommandée pour une zone touch

2 mm (10 pixels) = espacement des contrôles

7x7 recommended minimum size

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)

 

Pour les actions importantes

9x9 mm (50 pixels) = Taille minimale recommandée pour une zone touch entrainant une action importante

2 mm (10 pixels) = espacement des contrôles

9x9 recommended size for accuracy

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.

 

Si vous avez des contraintes de place

5x5 mm (30 pixels) = Taille minimale recommandée pour une zone touch dans un espace avec des contraintes de place

2 mm (10 pixels) = espacement des contrôles

5x5 minimum size

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.

 

Pas de pitié pour les gauchers ;o)

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é.

Right hand occlusion

 

Retrouvez tous ces conseils ainsi que beaucoup d’autres sur la conception des interfaces “touch ready” !

Voir le mémo complet

Leave a Comment
  • Please add 1 and 7 and type the answer here:
  • Post
  • 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

Page 1 of 1 (2 items)
Page 1 of 4 (88 items) 1234