Qu'est-ce qui remplace bien la barre de menus dans une application Windows?
L'ancienne barre de menus de Windows (Fichier, Modifier, Afficher, etc.) a fait ses preuves, mais semble disparaître de l'usage courant. J'ai une nouvelle application de bureau/client que je suis en train de développer et je voudrais passer à certains éléments d'interface utilisateur actuels et efficaces. De plus, je n'ai pas vraiment assez de commandes pour justifier une barre de menu complète. J'ai seulement:
- Nouveau
- Ouvert
- Sauver
- Enregistrer sous
- Langue
- Exporter au format PDF
- Impression
- Aidez-moi
- À propos de
Quelle est la bonne façon de présenter ces commandes à l'utilisateur, mais en les gardant généralement à l'écart jusqu'à ce qu'elles soient nécessaires, comme le faisait l'ancienne barre de menus?
En général, je mets en garde contre l'abandon de tout ce qui a fait ses preuves juste pour être actuel - certaines choses actuelles sont des déclarations de mode plutôt que des avancées en matière d'utilisabilité. Si vous pensez vraiment qu'il est important de garder les commandes "la plupart du temps jusqu'à ce qu'elles soient nécessaires", utilisez une barre de menus. Il semble que tout ce dont vous avez besoin soit un menu Fichier et Aide, il ne constituera donc que très peu d’encombrement. Vous pouvez peut-être même utiliser l'espace après le menu Aide pour autre chose que des commandes (par exemple, des indicateurs de statut), ce qui rend votre conception plus compacte. Tout ce qui est plus récent que Fichier et Aide est susceptible d'être moins familier à vos utilisateurs, et donc plus susceptible de prêter à confusion.
Cependant, il y a certainement un avantage à ne pas masquer vos commandes comme le fait la barre de menus traditionnelle. L'affichage de toutes les commandes à temps plein facilite la recherche de commandes par les utilisateurs et, par une simple exposition, informe plus efficacement les utilisateurs sur les capacités de l'application. Lorsque vous avez si peu de commandes et qu'au moins certaines commandes sont utilisées dans chaque session, il est plus logique de les afficher dans un menu à un niveau plutôt que de les masquer dans des menus déroulants. Un autre problème avec la barre de menus est qu'elle nécessite deux clics (ou un clic et faites glisser) pour sélectionner un élément. En revanche, l'affichage des commandes dans un seul niveau prend un clic, ce qui rend la conception plus efficace.
Vous devriez peut-être mettre toutes les commandes dans une barre de boutons. Si vous le souhaitez, vous pouvez utiliser les boutons de fractionnement où vous le souhaitez et placer des commandes rarement nécessaires (peut-être Enregistrer sous et À propos) dans la liste déroulante. Une telle barre de boutons ne prendrait pas plus de place qu'une barre d'outils typique ou une barre de menus multi-menus, donc je ne m'inquiéterais pas trop qu'elle soit gênante.
Une autre option consiste à placer les commandes dans une banque verticale de boutons sur le côté gauche de la fenêtre, de style Web. Les utilisateurs peuvent parcourir une liste de commandes plus facilement que dans l'ensemble.
Vous pouvez utiliser un bouton "engrenages" qui appelle un menu, par exemple:
Gardez à l'esprit l'accessibilité pour les personnes qui doivent utiliser le clavier ou d'autres fonctions d'accessibilité du système d'exploitation. Vous souhaiterez peut-être toujours la barre de menus standard même si elle est clairsemée, ou du moins assurez-vous que chaque élément du menu des engrenages possède une touche de commande équivalente ou des accélérateurs sous Windows.
Les barres d'outils ont disparu car pendant des années les navigateurs ne pouvaient pas les prendre en charge correctement. Avec les frameworks js, c'est beaucoup plus raisonnable. J'utilise extjs (Sencha) qui a une excellente conception d'interaction. D'un point de vue UX, les barres d'outils sont des éléments d'interface utilisateur parfaitement bons. Utilisez-les lorsque cela est approprié. Le menu Apple est en vogue d'un point de vue stylistique, mais il n'est pas terriblement évolutif.