Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
UX-Muster7 Min. gelesen·Updated Oktober 2026·Vom ExodeUI-Team

Befehlspaletten vs. verschachtelte Navigation: Wenn Cmd+K die Seitenleiste übertrifft

Welche Befehlspaletten gut sind, wo sie scheitern und wie man sie zusammen mit der Navigation gestaltet: Suche, Fuzzy-Matching, Verknüpfungen und Auffindbarkeit.

Kurzfassung und Definition

Kernaussage

Eine Befehlspalette (oft mit Befehl+K oder Strg+K geöffnet) ermöglicht es Benutzern, das einzugeben, was sie tun möchten, anstatt es in Menüs zu finden. Es ist für Vielbenutzer schneller und hilft ihnen, Funktionen und Verknüpfungen zu entdecken. Es ersetzt nicht die Navigation: Neue Benutzer benötigen weiterhin eine sichtbare Struktur, um zu erfahren, was vorhanden ist. Die besten Produkte bieten beides.

Warum sich Befehlspaletten verbreiten

Befehlspaletten wurden in Entwicklertools gestartet. In Visual Studio Code öffnet Strg+Umschalt+P die Befehlspalette, die den Zugriff auf alle Funktionen des Editors über ein tastaturgesteuertes Fenster ermöglicht. Produkte wie Superhuman haben Cmd+K zum Mittelpunkt des Erlebnisses gemacht: eine Tastenkombination zum Ausführen einer beliebigen Aktion, die auch die dedizierte Tastenkombination für das nächste Mal lehrt. Superhuman argumentiert, dass Menschen die Suche den Menüs vorziehen, weil Menüs nur dann hilfreich sind, wenn man bereits weiß, wie sie organisiert sind.

Vergleich eines vierstufigen verschachtelten Menüpfads mit einer Befehlspalette, bei der die Eingabe von „inv“ nach „Personen einladen“ sucht und die entsprechende Verknüpfung anzeigt
Für Menüs muss bekannt sein, wo sich eine Funktion befindet. Über eine Palette können Benutzer eingeben, was sie möchten, und ihnen wird die Tastenkombination beigebracht.

Was eine gute Palette braucht

Der Unterschied zwischen einer nützlichen und einer frustrierenden Palette liegt hauptsächlich in der Suchqualität:

  • Fuzzy-Matching: Tippfehler und Teilwörter sollten immer noch den richtigen Befehl finden (Superhuman weist darauf hin, dass „lnik“ immer noch „link“ finden sollte).
  • Synonyme: Personen geben „einladen“, „Mitglied hinzufügen“ oder „teilen“ ein; alles sollte funktionieren.
  • Rangfolge: zuerst aktuelle und häufige Befehle, dann die beste Textübereinstimmung.
  • Zeigen Sie neben jedem Ergebnis Verknüpfungen an, damit die Leute sie lernen.
  • Mischen Sie sowohl Objekte als auch Aktionen ein: Seiten, Personen, Dateien.
  • Zuerst die Tastatur, aber mit Maus und Bildschirmlesegerät vollständig nutzbar.

Wo Paletten zu kurz kommen

Eine Palette ist bis zum Öffnen unsichtbar und kann einem neuen Benutzer daher nicht beibringen, was das Produkt tut. Die Menschen müssen das Wort für das, was sie wollen, kennen oder erraten. Aus diesem Grund schadet das Entfernen der Navigation zugunsten einer Palette in der Regel neuen und gelegentlichen Benutzern. Sorgen Sie für eine übersichtliche Seitenleiste oder ein übersichtliches Menü zum Durchsuchen und nutzen Sie die Palette als Überholspur für Leute, die bereits wissen, wohin sie wollen.

Zugänglichkeit

Verwenden Sie die etablierten Combobox- und Listbox-Muster, damit Screenreader Ergebnisse ankündigen, den Fokus innerhalb der Palette behalten, während sie geöffnet ist, sie mit Escape schließen und den Fokus dorthin zurückbringen, wo er war. Überschreiben Sie keine Verknüpfungen, auf die unterstützende Technologien oder Browser angewiesen sind.

Wichtige Prinzipien

  • Paletten sind für häufige Benutzer schnell und helfen ihnen, Verknüpfungen zu entdecken
  • Sie sind für neue Benutzer unsichtbar. Halten Sie daher die Navigation sichtbar
  • Die Suchqualität entscheidet über den Erfolg: Fuzzy Matching, Synonyme, gutes Ranking
  • Zeigen Sie Verknüpfungen in den Ergebnissen an, damit die Leute sie lernen
  • Befolgen Sie die Barrierefreiheitsmuster für Comboboxen

Häufige Fragen

Quellen

  1. How to build a remarkable command palette — Superhuman
  2. User interface: Command Palette — Visual Studio Code-Dokumente
  3. Progressive Disclosure — Nielsen Norman Group

Verwandte Guides und Beispiele

Schnittstellen, die sofort reagieren

Probieren Sie Frühlingseinstellungen aus, die sich schnell und ruhig anfühlen, denn UI-Benutzer verwenden sie mehrmals am Tag.

Öffnen Sie den Federgenerator
Kostenlos testen