Tavolozze dei comandi e navigazione annidata: quando Cmd+K batte la barra laterale
In cosa sono efficaci le tavolozze dei comandi, dove falliscono e come progettarne una insieme alla navigazione: ricerca, corrispondenza fuzzy, scorciatoie e rilevabilità.
Punto chiave
Una tavolozza dei comandi (spesso aperta con Cmd+K o Ctrl+K) consente alle persone di digitare ciò che vogliono fare invece di trovarlo nei menu. È più veloce per gli utenti abituali e li aiuta a scoprire funzionalità e scorciatoie. Non sostituisce la navigazione: i nuovi utenti necessitano comunque di una struttura visibile per apprendere ciò che esiste. I migliori prodotti offrono entrambi.
Perché si diffondono le tavolozze dei comandi
Le tavolozze dei comandi sono state avviate negli strumenti per sviluppatori. In Visual Studio Code, Ctrl+Maiusc+P apre la tavolozza dei comandi, che consente di accedere a tutte le funzionalità dell'editor da una finestra guidata dalla tastiera. Prodotti come Superhuman hanno reso Cmd+K il centro dell'esperienza: una scorciatoia per eseguire qualsiasi azione, che insegna anche la scorciatoia dedicata per la prossima volta. Superhuman sostiene che le persone preferiscono la ricerca ai menu, perché i menu aiutano solo se si capisce già come sono organizzati.
Di cosa ha bisogno una buona tavolozza
La differenza tra una tavolozza utile e una frustrante è principalmente la qualità della ricerca:
- Corrispondenza fuzzy: errori di battitura e parole parziali dovrebbero comunque trovare il comando giusto (Superhuman nota che "lnik" dovrebbe comunque trovare "link").
- Sinonimi: le persone digitano "invita", "aggiungi membro" o "condividi"; tutto dovrebbe funzionare.
- Classifica: prima i comandi recenti e frequenti, poi la migliore corrispondenza del testo.
- Mostra scorciatoie accanto a ciascun risultato in modo che le persone possano impararle.
- Mescola oggetti e azioni: pagine, persone, file.
- Prima la tastiera, ma completamente utilizzabile con mouse e lettore di schermo.
Dove le tavolozze non sono all'altezza
Una tavolozza è invisibile finché non viene aperta, quindi non può insegnare a un nuovo utente cosa fa il prodotto. Le persone devono conoscere, o indovinare, la parola per ciò che vogliono. Questo è il motivo per cui la rimozione della navigazione a favore di una tavolozza di solito danneggia gli utenti nuovi e occasionali. Mantieni una barra laterale o un menu chiaro per la navigazione e tratta la tavolozza come una corsia preferenziale per le persone che sanno già dove stanno andando.
Accessibilità
Utilizzare i modelli di casella combinata e casella di riepilogo stabiliti in modo che le utilità per la lettura dello schermo annuncino i risultati, mantengano il focus all'interno della tavolozza mentre è aperta, la chiudano con Escape e riportino il focus dove si trovava. Non sovrascrivere le scorciatoie su cui si basano le tecnologie assistive o i browser.
Principi chiave da ricordare
- Le tavolozze sono veloci per gli utenti abituali e li aiutano a scoprire le scorciatoie
- Sono invisibili ai nuovi utenti, quindi mantieni la navigazione visibile
- La qualità della ricerca decide il successo: corrispondenza fuzzy, sinonimi, buon posizionamento
- Mostra scorciatoie nei risultati in modo che le persone le imparino
- Segui i modelli di accessibilità della casella combinata
Domande frequenti
Fonti
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Documenti sul codice di Visual Studio
- Progressive Disclosure — Nielsen Norman Group