Où placer des boutons sur les formulaires dans une application de bureau?
Lorsque vous disposez d'une application de bureau dans laquelle un utilisateur modifie des enregistrements (et effectue d'autres opérations sur des enregistrements), où est l'emplacement idéal pour placer les boutons pour ces opérations?
Je pense à des choses comme:
- Sauver
- Supprimer
- tout ce qui pourrait être spécifique au domaine, mais axé sur l'enregistrement ouvert actuel
J'ai vu deux modèles généraux communs:
- en haut à gauche, ensemble de boutons de type barre d'outils
- en bas à droite
Je me penche vers le motif en haut à gauche (sauf peut-être pour un bouton Fermer, qui semble plus naturel en bas à droite).
Existe-t-il des données ou des recherches soutenant un modèle? Y a-t-il une autre approche que vous recommandez? Je ne suis pas aussi intéressé par les directives officielles, que par les principes appuyés par la recherche et les sources correspondantes.
Je ne connais aucune recherche soutenant directement la distinction, mais les deux modèles que vous décrivez sont destinés à être chacun avantageux dans des circonstances différentes.
Emplacement de la boîte de dialogue
Mettre des boutons en bas est une conception de "boîte de dialogue". Il est préférable que vous vous attendiez à ce que les utilisateurs utilisent l'un des boutons et c'est la dernière chose que l'utilisateur fait après avoir effectué un seul passage à travers la fenêtre de haut en bas. Souvent, ces boutons exécutent simultanément une action de validation et ferment la boîte de dialogue, ce sont donc nécessairement les derniers contrôles utilisés.
Le placement inférieur permet de voir et d'accéder facilement à ces boutons (par exemple, lors de la tabulation) lorsque l'utilisateur atteint le bas du formulaire. Ils indiquent également à l'utilisateur qu'il s'agit de la dernière chose à faire. Utilisez cette conception pour de simples tâches séquentielles atomiques où vous attendez des utilisateurs qu'ils entrent dans la fenêtre, fournissez quelques valeurs allant de haut en bas, puis sélectionnez un bouton pour terminer la tâche.
Placement de la fenêtre principale
Placer des boutons ou d'autres commandes en haut ou à gauche est une conception de "fenêtre principale". Il est préférable que vous vous attendiez à ce que les utilisateurs sélectionnent plusieurs commandes et qu'ils intercalent ces commandes avec d'autres entrées dans votre fenêtre (par exemple, tapez une valeur, copiez-la, collez-la ailleurs, modifiez-la, enregistrez le travail jusqu'à présent, supprimez quelques éléments d'un liste, sélectionnez un nouvel élément pour la liste).
Le placement en haut/à gauche fait de ces boutons l'une des premières choses que les utilisateurs voient lorsqu'ils ouvrent la fenêtre, ce qui leur permet d'identifier rapidement l'objectif de la fenêtre et les fonctions qu'elle prend en charge. Utilisez cette conception pour des tâches multi-transactions complexes avec plusieurs entrées et commandes dans divers ordres possibles.
J'ai vu certaines applications placer des boutons en bas même lorsque la fenêtre est clairement destinée à des tâches complexes. Je pense que cela peut être un maintien des guides de style plus anciens selon lesquels les boutons indiqués devraient toujours aller en bas. Ces guides de style ne prévoyaient pas que des tâches complexes seraient effectuées dans des fenêtres avec des boutons. Au lieu de cela, ils ont supposé que les tâches complexes nécessitaient une fenêtre avec une barre de menus, naturellement située en haut.
L'un ou l'autre
J'ai vu d'autres applications essayer de faire les deux, soit avec des boutons en haut et en bas, soit avec une barre de menus en haut et des boutons en bas. Cela ressemble à un bon compromis, mais je l'éviterais. Les utilisateurs peuvent ne pas pouvoir deviner si une commande doit être en haut ou en bas, ce qui les conduit parfois à rechercher le mauvais endroit. Le bouton Fermer peut être une exception car il s'agit clairement de la dernière commande qu'un utilisateur peut donner dans une fenêtre, mais vous pouvez obtenir le même effet sans risque de confusion en faisant en sorte que le bouton soit le dernier contrôle parmi ceux placés en haut/à gauche .
Pour les applications de bureau, il est préférable d'utiliser une convention commune que votre propre alternative, car les gens sont habitués à utiliser les applications d'une certaine manière. Les opérations telles que "Enregistrer" et "Supprimer" sont des options du menu des tâches afin que la norme apparaisse dans une barre d'outils en haut de la page.
Cependant, veuillez assurez-vous de garder les fonctions opposées séparées. Ne pas avoir 'SAVE' et 'DELETE' l'un à côté de l'autre. (Il en va de même pour OK et CANCEL). Pour une application de bureau, je positionnerais les actions affermatives (Enregistrer, Nouveau, etc.) dans la partie gauche du menu supérieur, car c'est là que l'utilisateur va d'abord regarder, et je placerais les actions négatives (Annuler, Supprimer) sur la droite pour les éloigner de toute sélection accidentelle.
Personnellement, je pense que tout dépend de la conception et de la mise en page du formulaire. Je crois fermement qu'il faut qu'un utilisateur travaille du début à la fin de manière fluide et intelligente en lui montrant visuellement où se trouve le prochain clic. Voici quelques articles connexes qui peuvent vous aider avec de bonnes réponses sur ce sujet. LukeW a un excellent article avec des tests utilisateurs sur une partie de ce sujet appelé "Actions primaires et secondaires dans les formulaires Web" http://www.lukew.com/ff/entry.asp?571
Un autre: Conception du formulaire et placement des boutons d'action