Plus petite taille de bouton sur un écran tactile

Question

Je suis impliqué dans la rédaction d'une application à écran tactile pour un dispositif médical. Le programme est semblable à un kiosque, en ce sens que le menu Démarrer, etc., ne sera pas accessible à l'utilisateur, qui utilisera un clavier à l'écran pour taper du texte dans les rares cas où ils en auraient besoin. La taille d'écran spécifiée est de 1280x1024.

La question est la suivante: quelle est la taille minimale d'un bouton tactile pour une interface raisonnable? Je pense qu’un centime américain a une taille minimale raisonnable dans toutes les directions, le raisonnement étant qu'un centime est aussi petit que nous pouvons nous attendre à ce que les gens le sentent avec leurs doigts (il a un diamètre de 17,91 mm, selon le tout-puissant Wikipedia).

Ou un sou est-il un peu trop gros?

EDIT: Quelques connaissances supplémentaires sur nos utilisateurs. En raison de la nature de l'appareil, ils doivent avoir les deux mains et ne porteront pas de gants. Ils devraient pouvoir manipuler des cassettes de film d’une taille maximale de 14 x 17 pouces (encore une fois, en raison de la nature de l’appareil). Je suis donc raisonnablement sûr qu’ils ont une certaine dextérité manuelle.

Answer 1

Beaucoup de facteurs entrent en ligne de compte pour lesquels les boutons doivent être beaucoup plus gros.

Sur la base de mon expérience, je voudrais utiliser quelque chose qui ne soit pas plus petit qu'un quartier américain: un centime est vraiment trop petit pour un usage répété. Si les utilisateurs doivent porter des gants ou d’autres articles pour "engraisser" Au doigt, vous aurez besoin de boutons encore plus gros. Si vous avez des utilisateurs handicapés ou dont le contrôle moteur est faible (plus courant que prévu), un bouton de la taille d'un dix centime est absolument inutile. Gardez à l'esprit que certains écrans tactiles ne sont pas particulièrement précis. J'ai travaillé avec certains qui étaient jusqu'à 25 pixels près des bords.

De plus, à quelle fréquence appuient-ils sur les boutons et combien de boutons seront-ils affichés à l'écran? Devoir appuyer sur de nombreux petits boutons de l’écran tactile en séquence rendra les utilisateurs fous. C'est l'une des raisons pour lesquelles vous remarquerez que de nombreux systèmes à écran tactile, tels que les guichets automatiques, commencent à comporter des boutons de plus de 1 pouce sur 2 pouces.

En outre, quelle est la tolérance de panne du système s’il appuie accidentellement sur le mauvais bouton? Mabye parce que l'écran était éteint ou qu'ils regardaient sous un angle? Moins il est tolérant aux pannes, plus vos boutons doivent être gros. Des erreurs se produisent. De plus petits boutons signifient plus d'erreurs.

Answer 2

Cela dépendra beaucoup de l'appareil lui-même ainsi que de l'interface utilisateur que vous y mettez.

De nombreux écrans tactiles (à l'exclusion du multitactile) présentent une superficie moyenne pour la zone touchée. Par conséquent, il est fort probable que vous ne souhaitiez pas rapprocher les éléments de l'interface utilisateur de la zone du bout du doigt pour réduire les erreurs de toucher.

Les écrans tactiles doivent être calibrés après l'installation. Même dans ce cas, il peut exister une certaine parallaxe en fonction du type d'écran ou de l'angle naturel d'affichage de l'écran.

Vous pouvez également prendre en compte les réactions visuelles au toucher et laisser l’événement uniquement en attente. Lorsque vous touchez, affichez un x plus grand qu'un doigt centré sur le point de contact et laissez-le suivre jusqu'à ce que vous relâchiez le contact. Ce point est le point de clic.

Avant tout, test utilisateur, test utilisateur, test utilisateur.

Si vous vous inquiétez vraiment de la taille, rendez-la fluide pour pouvoir la changer facilement et la tester sur de vrais utilisateurs dans des circonstances réelles. Ai-je mentionné le test utilisateur?

Answer 3

Dépend de tant de facteurs ...

Tous les écrans tactiles se dégradent avec le temps et donnent des résultats moins précis, plus bruyants et moins linéaires au fil du temps. Les écrans tactiles résistifs se sont considérablement améliorés au fil du temps, mais vous aurez toujours des problèmes, en particulier avec un écran tactile de cette taille.

De plus, les personnes ont des doigts de tailles et de niveaux de coordination mains / yeux différents.

Enfin, le matériel et les logiciels qui traitent réellement les contacts avant même qu’ils ne pénètrent dans votre application doivent être calibrés et caractérisés.

C'est donc beaucoup plus difficile que de simplement demander quelle doit être la taille des boutons.

Tout d'abord, je parlerais au fabricant de l'écran tactile lui-même et au fabricant de l'interface matériel / logiciel pour connaître leurs recommandations.

Deuxièmement, je ferais quelques tests - créerais quelques cibles à l’écran, puis enregistrerait tous les points que le matériel de l’écran tactile vous enverrait lorsque vous les appuieriez. Faites un tas de tests pour presses rapides, presses longues et dures, presses légères, etc. Voyez à quel point l'entrée saute (vous pourriez être surpris ...) et à quelle vitesse elle réagit réellement (un filtrage important pourrait retarder les presses , ce qui pourrait réduire la convivialité sans retour rapide).

Troisièmement, je concevrais l'interface utilisateur de manière à ce que les utilisateurs puissent en tirer parti. Les boutons doivent être plus larges que le doigt de sorte que, lorsque l'utilisateur appuie dessus, ils voient toujours un peu le bouton, qui semble enfoncé lorsque vous appuyez dessus.

Quatrièmement, je souhaiterais ajouter l’apprentissage adaptatif. Vous devrez exécuter des étalonnages et les réexécuter à l'occasion, mais entre-temps, vous pourrez vous adapter légèrement à l'utilisateur pour réduire le risque d'erreur. Ce n’est pas pour les âmes sensibles, cependant, et il est facile de se tromper, alors faites attention si vous voulez y penser.

-Adam

Answer 4

Je suis plutôt d'accord avec James Le trimestre est une meilleure cible, mais vous pouvez souvent changer cela. Il s'agit donc d'un quartier américain dans une dimension et d'un centime américain dans l'autre. Bien entendu, vous souhaitez que le centre des éléments actifs de l'interface utilisateur soit séparé d'au moins la distance d'un centime américain, en fonction de la "résolution" du problème. en cliquant sur le mauvais élément est. (Il est facile de résoudre le problème en cliquant sur le mauvais élément d’une liste si on ne fait que le sélectionner; cliquer sur le bouton de sortie d’un dialogue n’est pas si grave.)

Assurez-vous de rendre vos cas les plus courants vraiment faciles à faire. Cela signifie généralement faire un très gros bouton; ou, parfois, créer une zone entière de l'interface utilisateur "cliquable". (Mais si vous faites cela, il est souvent plus agréable pour l'utilisateur de voir aussi une sorte de bouton dans la zone, ce qui implique qu'il peut cliquer dessus.)

En fonction de la qualité de l'écran tactile, vous pouvez souvent "tricher". sur les bords. Non seulement les bords et les coins sont plus faciles à exploiter sur une interface de souris traditionnelle, mais ils peuvent également être utilisés pour les interfaces à écran tactile, car l'utilisateur peut appuyer du doigt contre l'élément de cadrage sans se soucier de déclencher autre chose. . Assurez-vous que vos éléments d'interface utilisateur acceptent les clics jusqu'au bord de l'écran s'ils sont également proches du bord. En utilisant cela, vous pourriez avoir un bouton de la taille d'un dime américain dans chaque coin qui serait toujours cliquable de façon répétée (même s'il risque de manquer de retour si vos utilisateurs ont de gros doigts).

Answer 5

Plus c'est gros, mieux c'est, car nous savons que la taille compte.

Il est important que les utilisateurs d’interface à écran tactile obtiennent un retour d’information lorsque vous cliquez quelque part sur l’écran. En effet, cela ne peut être mécanique, car nous utilisons un son et / ou une couleur changeante sur un clavier ou un bouton de souris normal.

La lecture du son uniquement lorsque vous cliquez sur les touches de contrôle au lieu de chaque appui n'importe où sur l'écran pour obtenir une bonne utilisation.

Si l'environnement de travail est bruyant, vous devez également indiquer les couleurs. Dans ce cas, le bouton doit être deux ou trois fois plus gros que le doigt. Il est important que l'utilisateur puisse voir les commentaires lorsque sa main est à l'écran, et vous savez que les mains ne sont pas en verre.

La commande à l'écran est également importante. Pour une interface pilotée par la souris, utiliser des listes déroulantes, des menus, etc. est bon, mais pour l’écran tactile, vous empêcherez toute utilisation. Ainsi, au lieu de placer les commandes dans la partie supérieure gauche de l’écran, placez-les en bas à droite. Cela donnera à vos utilisateurs la zone d’information à l’abri des mains à l’écran quand ils fonctionneront.

Pensez à la disposition main gauche / droite, ainsi qu’au jeu de couleurs jour / nuit.

Actuellement, je travaille à la création d'un ensemble de composants d'interface utilisateur .net pour les écrans tactiles. Vous pouvez également jeter un coup d'œil aux démos sur mon site Web.

Atanas