web-dev-qa-db-fra.com

Quel est l'aspect important à considérer pour décider où placer les boutons d'interaction Windows?

Dans la plupart des bureaux Windows, les boutons de réduction, d'agrandissement et de restauration d'une fenêtre sont placés dans la décoration des fenêtres en haut à droite. Cependant, MacOS et maintenant Gnome dans Ubuntu ont placé ces boutons sur la gauche.

Quel est l'aspect important pour décider où les placer? Est-ce que l'attente de l'utilisateur à partir de l'expérience précédente est l'aspect le plus important, ou y a-t-il d'autres aspects indépendants qui se rapportent à l'endroit où l'utilisateur regarderait pour la première fois automatiquement? Existe-t-il une différence pour les localisations où les lettres sont écrites de gauche à droite ou de droite à gauche?

22
txwikinger

Je pense que c'est l'une de ces choses où vous devez faire ce que l'utilisateur attend.

Qu'attendent-ils? Eh bien, c'est parfois la chose difficile à comprendre. Des études des mouvements oculaires ont été effectuées en excès pour déterminer le meilleur emplacement pour les boutons d'appel à l'action les plus importants. Et les utilisateurs commencent souvent dans le coin supérieur gauche. D'un autre côté, ces boutons de fenêtre sont si omniprésents et si familiers qu'ils ne devraient pas nécessiter de réflexion inutile. Si un utilisateur est habitué à un système d'exploitation avec les boutons d'un certain côté de l'écran, il les recherchera naturellement à cet endroit. L'expérience passée va être le facteur dominant dans ce que l'utilisateur attend.

Ainsi, par exemple, si votre public est composé à 90% d'utilisateurs de Windows, je pense que vous devez absolument mettre ces boutons en haut à droite. Les utilisateurs de Windows rechercheront naturellement ces boutons dans le coin supérieur droit, car c'est pour cela qu'ils ont été formés.

Ou mieux encore, si vous pouvez adopter les commandes de fenêtre intégrées (placement du titre et des boutons) du système d'exploitation cible, alors cela prend cette décision hors de vos mains et les boutons seront toujours là où l'utilisateur s'attend.

17
Steve Wortham

Il est regrettable que les utilisateurs s'attendent à ce que l'interface utilisateur soit cohérente avec le système d'exploitation. J'aimerais avoir un dollar pour chaque fois que je voulais cliquer sur 'Max' et cliquer sur 'Fermer'. Si je construisais une fenêtre à partir de zéro plutôt que de prendre la sortie facile et de laisser Windows faire le sale boulot, je mettrais au moins un peu d'espace entre ces minuscules petites boîtes. Je pourrais aussi les agrandir un peu. Mais je les laisserais dans le coin où l'utilisateur s'attendait à les trouver (en haut à droite pour Windows.)

Cette question a été posée à mon client aujourd'hui - et vos réponses ont été utiles, mais je voudrais ajouter que du point de vue des utilisateurs occidentaux (en évitant soigneusement les instructions de lecture/écriture), la racine de la question se trouve dans pourquoi Windows a placé ses boutons à droite et OS X à gauche.

Le côté droit est une préférence utilisateur pour ceux qui utilisent leur souris dans leur main droite, ce qui donne une "souris" naturelle sur l'écran de droite. Les utilisateurs gauchers continuent souvent de passer la souris vers la droite (par habitude en utilisant le modèle d'interface de droite en discussion), mais seront physiquement plus à l'aise de passer la souris vers la gauche.

Il y a plus d'utilisateurs droitiers que gauchers.

Les interfaces intelligentes offriront une préférence ou une alternative (comme le bouton de fermeture "caché" de Windows à gauche de la barre de titre de la fenêtre).

Que OS X ait été conçu par un gaucher ou que la science de la conception d'interfaces utilisateur en soit à ses balbutiements, je ne pourrais pas le dire, mais je pense que Windows a bien compris. En outre, je comprends que le bouton rouge d'OS X ne ferme pas l'application, mais masque la fenêtre de sorte que la question peut ne pas être entièrement valide si l'on compare les deux systèmes d'exploitation.

Je n'ai jamais été non plus satisfait des 3 boutons colorés d'OS X, bien que l'utilisateur apprenne à reconnaître les boutons par les positions 1, 2 et 3, je crois que l'ajout d'une icône car Windows répond simplement à plus de préférences cognitives qu'un cercle et une position seul. Carrés/cercles, gauche/droite, icônes/pas d'icônes; il semble bien que quelqu'un ne voulait être différent!

En résumé, tenez compte des positions de souris de vos utilisateurs et, si possible, donnez-leur le choix dans le contrôle de votre interface.

2
Pat-Learning Too

Pour les applications de bureau, vous devez suivre la norme de la plate-forme ou les préférences de l'utilisateur, et l'utilisation d'une boîte à outils standard doit s'en occuper.

Pour le Web, je pense que la réponse dépend du type de fenêtre que vous traitez, et je pencherais pour mettre un bouton de fermeture dans le coin supérieur gauche. Je ne suis pas du tout un utilisateur Mac, mais je pense que la fermeture d'une fenêtre à l'intérieur d'une application Web est différente de la fermeture d'une fenêtre de bureau, pour ces raisons:

  1. Presque toutes les fenêtres du bureau ont des boutons de fermeture, vous savez donc qu'ils sont là sans les regarder. En revanche, tous les éléments de la page Web n'ont pas de boutons de fermeture. Donc, lorsqu'un bouton de fermeture est là, il est important qu'il soit clairement visible, et le placer dans le coin supérieur gauche y parvient, car c'est ici que nous commençons à lire. Peut-être que sur les sites Web de langue de droite à gauche, les boutons de fermeture doivent être à droite.

  2. Lorsque j'ai terminé une tâche sur un bureau et que je veux revenir à ma tâche précédente, je ferme souvent la fenêtre. Mais pour revenir à ma tâche précédente dans un navigateur Web, au lieu de cliquer sur le bouton de fermeture du navigateur, je clique sur le bouton Retour. Souvent, la fermeture d'un modal dans une application Web signifie revenir à une scène précédente, il est donc beaucoup plus similaire au bouton Retour, situé à gauche, qu'au bouton Fermer la fenêtre. Dans la même logique, je trouve naturel que l'action de déconnexion d'un site soit située en haut à droite.

Enfin, si la fenêtre s'étend d'un côté ou d'un coin particulier de l'écran lorsqu'elle s'ouvre, le bouton de fermeture doit être situé sur le côté/coin opposé.

1
hagabaka

Placer les boutons dans le coin supérieur gauche a l'avantage qu'ils seraient toujours visibles lorsqu'un utilisateur a un étroit fenêtre d'affichage .

Si les boutons étaient placés dans le coin supérieur droit, ces utilisateurs devraient d'abord faire défiler vers la droite, avant de pouvoir fermer la fenêtre contextuelle/modale.

1
unor