Kommandopaletter vs Nested Navigation: Når Cmd+K slår sidefeltet
Hvilke kommandopaletter er gode på, hvor de feiler, og hvordan designe en sammen med navigering: søk, uklar matching, snarveier og oppdagbarhet.
Kjerne takeaway
En kommandopalett (ofte åpnet med Cmd+K eller Ctrl+K) lar folk skrive hva de vil gjøre i stedet for å finne det i menyene. Det er raskere for hyppige brukere og hjelper dem med å oppdage funksjoner og snarveier. Det erstatter ikke navigasjon: nye brukere trenger fortsatt synlig struktur for å lære hva som eksisterer. De beste produktene tilbyr begge deler.
Hvorfor kommandopaletter sprer seg
Kommandopaletter startet i utviklerverktøy. I Visual Studio Code åpner Ctrl+Shift+P kommandopaletten, som gir tilgang til all editorens funksjonalitet fra ett tastaturdrevet vindu. Produkter som Superhuman gjorde Cmd+K til sentrum av opplevelsen: én snarvei for å gjøre en hvilken som helst handling, som også lærer den dedikerte snarveien til neste gang. Superhuman hevder at folk foretrekker søk fremfor menyer, fordi menyer bare hjelper hvis du allerede forstår hvordan de er organisert.
Hva en god palett trenger
Forskjellen mellom en nyttig palett og en frustrerende er hovedsakelig søkekvalitet:
- Fuzzy matching: skrivefeil og delord skal fortsatt finne den riktige kommandoen (Superhuman bemerker at "lnik" fortsatt skal finne "link").
- Synonymer: folk skriver "inviter", "legg til medlem" eller "del"; alt skal fungere.
- Rangering: nylige og hyppige kommandoer først, deretter den beste teksten.
- Vis snarveier ved siden av hvert resultat slik at folk lærer dem.
- Bland inn objekter så vel som handlinger: sider, personer, filer.
- Tastatur først, men fullt brukbart med mus og skjermleser.
Der paletter kommer til kort
En palett er usynlig inntil den åpnes, så den kan ikke lære en ny bruker hva produktet gjør. Folk må vite, eller gjette, ordet for hva de vil ha. Det er grunnen til at fjerning av navigasjon til fordel for en palett vanligvis skader nye og sporadiske brukere. Hold en oversiktlig sidefelt eller meny for å surfe, og behandle paletten som en rask vei for folk som allerede vet hvor de skal.
Tilgjengelighet
Bruk de etablerte kombinasjonsboksene og listeboksmønstrene slik at skjermlesere annonserer resultater, hold fokus inne i paletten mens den er åpen, lukk den med Escape og returner fokus der den var. Ikke overstyr snarveier som hjelpeteknologier eller nettlesere er avhengige av.
Tast Principles å huske
- Paletter er raske for hyppige brukere og hjelper dem med å finne snarveier
- De er usynlige for nye brukere, så behold synlig navigasjon
- Søkekvalitet avgjør suksess: uklar matching, synonymer, god rangering
- Vis snarveier i resultater slik at folk lærer dem
- Følg combobox-tilgjengelighetsmønstre
Ofte stilte spørsmål
Kilder
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Visual Studio Code-dokumenter
- Progressive Disclosure — Nielsen Norman Group