Commandopaletten versus geneste navigatie: wanneer Cmd+K de zijbalk verslaat
Waar commandopaletten goed in zijn, waar ze falen, en hoe je er een kunt ontwerpen naast navigatie: zoeken, fuzzy matching, snelkoppelingen en vindbaarheid.
Kern afhaalmaaltijd
Via een opdrachtenpalet (vaak geopend met Cmd+K of Ctrl+K) kunnen mensen typen wat ze willen doen in plaats van het in menu's te zoeken. Het is sneller voor frequente gebruikers en helpt hen functies en snelkoppelingen te ontdekken. Het vervangt navigatie niet: nieuwe gebruikers hebben nog steeds zichtbare structuur nodig om te leren wat er bestaat. De beste producten bieden beide.
Waarom commandopaletten zich verspreiden
Commandopaletten zijn gestart in ontwikkelaarstools. In Visual Studio Code opent Ctrl+Shift+P het opdrachtenpalet, dat toegang geeft tot alle functionaliteit van de editor vanuit één toetsenbordgestuurd venster. Producten zoals Superhuman maakten Cmd+K tot het middelpunt van de ervaring: één sneltoets om elke actie uit te voeren, die ook de speciale sneltoets voor de volgende keer leert. Superhuman stelt dat mensen de voorkeur geven aan zoeken boven menu's, omdat menu's alleen helpen als je al begrijpt hoe ze zijn georganiseerd.
Wat een goed palet nodig heeft
Het verschil tussen een nuttig palet en een frustrerend palet is vooral de zoekkwaliteit:
- Fuzzy matching: typefouten en gedeeltelijke woorden zouden nog steeds de juiste opdracht moeten vinden (Superhuman merkt op dat "lnik" nog steeds "link" zou moeten vinden).
- Synoniemen: mensen typen "uitnodigen", "lid toevoegen" of "delen"; alles zou moeten werken.
- Rangschikking: eerst recente en frequente opdrachten, daarna de beste tekstovereenkomst.
- Toon snelkoppelingen naast elk resultaat, zodat mensen ze kunnen leren.
- Voeg zowel objecten als acties toe: pagina's, mensen, bestanden.
- Eerst toetsenbord, maar volledig bruikbaar met een muis en schermlezer.
Waar paletten tekortschieten
Een palet is onzichtbaar totdat het wordt geopend en kan een nieuwe gebruiker dus niet leren wat het product doet. Mensen moeten het woord kennen, of raden, voor wat ze willen. Dat is de reden waarom het verwijderen van navigatie ten gunste van een palet meestal nieuwe en incidentele gebruikers schaadt. Zorg voor een duidelijke zijbalk of menu om te bladeren, en behandel het palet als een snelle weg voor mensen die al weten waar ze heen gaan.
Toegankelijkheid
Gebruik de gevestigde combobox- en listbox-patronen zodat schermlezers resultaten aankondigen, de focus binnen het palet houden terwijl het open is, sluit het met Escape en breng de focus terug naar waar deze was. Negeer geen snelkoppelingen waarvan ondersteunende technologieën of browsers afhankelijk zijn.
Toets Principles in om te onthouden
- Paletten zijn snel voor frequente gebruikers en helpen hen snelkoppelingen te ontdekken
- Ze zijn onzichtbaar voor nieuwe gebruikers, dus houd de navigatie zichtbaar
- Zoekkwaliteit bepaalt het succes: fuzzy matching, synoniemen, goede ranking
- Toon snelkoppelingen in resultaten zodat mensen ze leren
- Volg de toegankelijkheidspatronen van comboboxen
Veelgestelde vragen
Bronnen
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Visual Studio Code-documenten
- Progressive Disclosure — Nielsen Norman Group