Palettes de commandes vs navigation imbriquée : lorsque Cmd+K bat la barre latérale
Dans quels domaines les palettes de commandes sont-elles efficaces, où elles échouent et comment en concevoir une parallèlement à la navigation : recherche, correspondance floue, raccourcis et possibilité de découverte.
À retenir
Une palette de commandes (souvent ouverte avec Cmd+K ou Ctrl+K) permet aux utilisateurs de saisir ce qu'ils veulent faire au lieu de le trouver dans les menus. Il est plus rapide pour les utilisateurs fréquents et les aide à découvrir des fonctionnalités et des raccourcis. Cela ne remplace pas la navigation : les nouveaux utilisateurs ont toujours besoin d’une structure visible pour apprendre ce qui existe. Les meilleurs produits offrent les deux.
Pourquoi les palettes de commandes se propagent
Palettes de commandes démarrées dans les outils de développement. Dans Visual Studio Code, Ctrl+Shift+P ouvre la palette de commandes, qui donne accès à toutes les fonctionnalités de l'éditeur à partir d'une fenêtre pilotée par clavier. Des produits tels que Superhuman ont fait de Cmd+K le centre de l'expérience : un raccourci pour effectuer n'importe quelle action, qui enseigne également le raccourci dédié pour la prochaine fois. Superhuman soutient que les gens préfèrent la recherche aux menus, car les menus ne sont utiles que si vous comprenez déjà comment ils sont organisés.
De quoi a besoin une bonne palette
La différence entre une palette utile et une palette frustrante réside principalement dans la qualité de la recherche :
- Correspondance floue : les fautes de frappe et les mots partiels devraient toujours trouver la bonne commande (Superhuman note que "lnik" devrait toujours trouver "link").
- Synonymes : les gens tapent « inviter », « ajouter un membre » ou « partager » ; tout devrait fonctionner.
- Classement : commandes récentes et fréquentes en premier, puis meilleure correspondance de texte.
- Affichez des raccourcis à côté de chaque résultat pour que les gens les apprennent.
- Mélangez des objets ainsi que des actions : pages, personnes, fichiers.
- Clavier d'abord, mais entièrement utilisable avec une souris et un lecteur d'écran.
Là où les palettes ne suffisent pas
Une palette est invisible jusqu'à son ouverture, elle ne peut donc pas apprendre à un nouvel utilisateur ce que fait le produit. Les gens doivent connaître ou deviner le mot correspondant à ce qu’ils veulent. C'est pourquoi la suppression de la navigation au profit d'une palette nuit généralement aux utilisateurs nouveaux et occasionnels. Gardez une barre latérale ou un menu clair pour la navigation et traitez la palette comme une voie rapide pour les personnes qui savent déjà où elles vont.
Accessibilité
Utilisez les modèles de combobox et de listbox établis pour que les lecteurs d'écran annoncent les résultats, gardent le focus à l'intérieur de la palette pendant qu'elle est ouverte, fermez-la avec Escape et remettez le focus là où il se trouvait. Ne remplacez pas les raccourcis sur lesquels s’appuient les technologies d’assistance ou les navigateurs.
Principes clés à retenir
- Les palettes sont rapides pour les utilisateurs fréquents et les aident à découvrir des raccourcis
- Ils sont invisibles pour les nouveaux utilisateurs, alors gardez la navigation visible
- La qualité de la recherche décide du succès : correspondance floue, synonymes, bon classement
- Afficher des raccourcis dans les résultats pour que les utilisateurs les apprennent
- Suivre les modèles d'accessibilité de la liste déroulante
Questions fréquentes
Sources
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Documentation Visual Studio Code
- Progressive Disclosure — Nielsen Norman Group