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.
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.
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
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Visual Studio Code-Dokumente
- Progressive Disclosure — Nielsen Norman Group