Navigation

Kommandopalette

En kommandopalette er et tastaturaktiveret overlay — typisk åbnet med ⌘K / Ctrl-K — hvor brugeren skriver for at søge og udføre enhver handling, navigere eller køre en kommando fra ét samlet felt. Mønstret er praksis- og vejlednings-drevet: der findes ikke pålidelige, offentligt dokumenterede tal for effekten, så vær varsom med at love procenter.

6 min læsning

Definition

En kommandopalette er et overlay — typisk åbnet med ⌘K — hvor brugeren skriver for at finde og udføre handlinger, i stedet for at lede i menuer.

Hvorfor det virker

Kommandopaletten er en lærebogs-»accelerator« for erfarne brugere uden at straffe nye. Nielsens heuristik nr. 7 beskriver netop acceleratorer som funktioner, der er usynlige for den nye bruger, men gør interaktionen hurtigere for eksperten — så systemet betjener begge grupper.1

Acceleratorer betaler sig mest for hyppige, gentagne opgaver — paletten er præcis dét, hvis den holdes valgfri, så nye brugere ikke hindres.2

At søge sig frem til en handling slår at lede i menuer og gør funktioner tilgængelige, som aldrig kunne retfærdiggøre en knap. Samtidig kan paletten vise genvejen ved siden af kommandoen, så brugeren lærer den til næste gang.63

Mønstret kan bygges tilgængeligt efter en veldokumenteret kontrakt: W3C’s combobox-mønster fastlægger piletaster til at bladre, Enter til at vælge og Escape til at lukke, plus korrekt fokushåndtering.4

Hvornår du bruger det — og hvornår ikke

Hvornår du bruger det

  • Appen har mange handlinger, som power-brugere gentager ofte.
  • Brugerne er komfortable med tastatur og forventer hurtig navigation.
  • Du vil aflaste den visuelle menu uden at gemme funktionalitet væk.

Hvornår du bør undgå det

  • Produktet har få handlinger, der fint kan ligge synligt i UI’et.
  • Målgruppen er sjældne eller mindre teknisk vante brugere.

Best practices

  1. Gør ⌘K / Ctrl-K synlig

    Paletten er usynlig af design — det er dens svaghed. Vis genvejen et sted (et hint i søgefeltet, en »⌘K«-markør eller et menupunkt).2

  2. Brug fuzzy, tilgivende søgning

    Match på titler OG aliasser, så brugeren finder »arkivér« trods slåfejl eller delvist input. Det er intentionen, ikke stavningen, der skal styre.6

  3. Vis nylige og kontekstuelle handlinger først

    Sortér resultater efter brug/nylighed og efter, hvad der er relevant for den aktuelle visning eller markering.6

  4. Gruppér og præfiks-markér kommandoer

    Præfiks efter område (fx »Git:«) og brug sigiler til scope (> kommandoer, # emner, @ personer, / filer), så søgningen bliver forudsigelig.5

  5. Skriv korte, verbum-ledede navne

    Hold kommandonavne på 2–4 ord, start med et verbum, og undgå jargon — brugere skal ikke skulle google et kommandonavn.3

  6. Vis genvejen inline i paletten

    Ved at vise hver kommandos tastaturgenvej bliver paletten en flade, brugeren lærer genvejene fra.3

  7. Implementér hele tastatur- og tilgængeligheds-kontrakten

    Piletaster navigerer, Enter udfører, Escape lukker og returnerer fokus til udløseren; håndtér fokus med aria-activedescendant eller en rigtig dialog.4

  8. Gør ALDRIG paletten til den eneste vej

    Den er en accelerator oven på en synlig, opdagelig UI — ikke en erstatning. Vigtige handlinger skal også kunne nås uden ⌘K.1

Typiske fejl

  • Den eneste vej til en funktion gemt bag ⌘K

    Nye og ikke-tastaturbrugere opdager den aldrig — funktionen findes reelt ikke for dem.

  • Ingen synlig markør for genvejen

    Hvis intet på skærmen antyder ⌘K, kollapser opdageligheden.

  • Kun eksakt-match-søgning

    Uden fuzzy match, aliasser, nylighed og kontekst skal brugeren kende kommandonavnet på forhånd.

  • Brudt tastatur-/tilgængeligheds-kontrakt

    Manglende pilnavigation, ingen Escape, fokus ikke returneret, eller ingen skærmlæser-understøttelse.

  • Overskrivning af kendte genveje eller kryptiske navne

    Undgå at overtage standardgenveje (Ctrl+S, kopiér/indsæt) og vage, brandede kommandonavne.

Eksempler i praksis

GitHub, VS Code, Linear, Superhuman

Alle fire tilbyder en ⌘K/Ctrl-K-palette til at navigere og køre handlinger — bekræftet via deres egne docs/announcements. GitHub varslede endda en udfasning i 2025, men satte den på pause efter brugerfeedback, fordi brugstal havde undervurderet funktionens værdi.

En de facto-konvention

⌘K er blevet så udbredt på tværs af værktøjer, at brugere genkender genvejen fra ét produkt til det næste — hvilket i sig selv gør den værd at overveje.

Ofte stillede spørgsmål

Hvad er en kommandopalette?

Et tastaturaktiveret overlay — typisk åbnet med ⌘K eller Ctrl-K — hvor du skriver for at søge og udføre handlinger, navigere eller køre kommandoer fra ét samlet, søgbart felt.

Hvorfor bruger man ⌘K / Ctrl-K?

Det er blevet en de facto-konvention på tværs af værktøjer som GitHub, VS Code, Linear og Superhuman, så brugere genkender genvejen fra ét produkt til det næste. Genvejen fungerer som en accelerator, der gør erfarne brugere hurtigere uden at genere nye brugere.

Er en kommandopalette kun for »power users«?

Nej. Ideen er at betjene begge grupper: nye brugere kan søge sig frem i almindeligt sprog, mens erfarne lærer og bruger genveje over tid. Men den bør altid være et supplement — aldrig den eneste vej til vigtige funktioner.

Gør en kommandopalette min app målbart hurtigere?

Der findes ingen pålidelige, offentligt dokumenterede tal for det specifikt for dette mønster — det bygger på ekspertkonsensus og produktbegrundelser, ikke på hårde studier. Vær varsom med at love procenter.

Er en kommandopalette tilgængelig?

Den kan være det, hvis den bygges efter W3C’s ARIA-combobox/dialog-mønster: piletaster til navigation, Enter til at vælge, Escape til at lukke, korrekt fokushåndtering og skærmlæser-understøttelse. Uden dette bliver den utilgængelig.

Hvordan sikrer jeg, at brugerne opdager den?

Vis genvejen visuelt (fx et »⌘K«-hint i søgefeltet eller et menupunkt), da paletten ellers er usynlig, indtil den åbnes. Skjulte funktioner kan se »lavt brugte« ud, selv når de er værdifulde.

Kilder

  1. Flexibility and Efficiency of Use (Usability Heuristic #7)Nielsen Norman Group (2020)
  2. UI AcceleratorsNielsen Norman Group (2024)
  3. UI Copy: Command Names and Keyboard ShortcutsNielsen Norman Group (2019)
  4. Combobox PatternW3C · WAI-ARIA APG
  5. Command palette betaGitHub Changelog (2021)
  6. How to build a remarkable command paletteSuperhuman (2021)