Paletas de comando versus navegação aninhada: quando Cmd + K supera a barra lateral
Em que paletas de comandos são boas, onde elas falham e como projetar uma junto com a navegação: pesquisa, correspondência difusa, atalhos e capacidade de descoberta.
Ponto principal
Uma paleta de comandos (geralmente aberta com Cmd+K ou Ctrl+K) permite que as pessoas digitem o que desejam fazer em vez de encontrá-lo nos menus. É mais rápido para usuários frequentes e os ajuda a descobrir recursos e atalhos. Não substitui a navegação: novos usuários ainda precisam de uma estrutura visível para aprender o que existe. Os melhores produtos oferecem ambos.
Por que as paletas de comandos se espalham
Paletas de comandos iniciadas em ferramentas de desenvolvedor. No Visual Studio Code, Ctrl+Shift+P abre a Paleta de Comandos, que dá acesso a todas as funcionalidades do editor em uma janela controlada pelo teclado. Produtos como Superhuman tornaram o Cmd+K o centro da experiência: um atalho para realizar qualquer ação, que também ensina o atalho dedicado para a próxima vez. Superhuman argumenta que as pessoas preferem a pesquisa aos menus, porque os menus só ajudam se você já entender como eles estão organizados.
O que uma boa paleta precisa
A diferença entre uma paleta útil e uma frustrante é principalmente a qualidade da pesquisa:
- Correspondência difusa: erros de digitação e palavras parciais ainda devem encontrar o comando correto (Superhuman observa que "lnik" ainda deve encontrar "link").
- Sinônimos: as pessoas digitam “convidar”, “adicionar membro” ou “compartilhar”; tudo deve funcionar.
- Classificação: primeiro os comandos recentes e frequentes, depois a melhor correspondência de texto.
- Mostre atalhos ao lado de cada resultado para que as pessoas os aprendam.
- Misture objetos e também ações: páginas, pessoas, arquivos.
- Teclado primeiro, mas totalmente utilizável com mouse e leitor de tela.
Onde as paletas ficam aquém
Uma paleta fica invisível até ser aberta, portanto não pode ensinar a um novo usuário o que o produto faz. As pessoas devem saber, ou adivinhar, a palavra para o que desejam. É por isso que remover a navegação em favor de uma paleta geralmente prejudica usuários novos e ocasionais. Mantenha uma barra lateral ou menu claro para navegação e trate a paleta como uma via rápida para pessoas que já sabem para onde estão indo.
Acessibilidade
Use os padrões estabelecidos de combobox e listbox para que os leitores de tela anunciem os resultados, mantenham o foco dentro da paleta enquanto ela estiver aberta, feche-a com Escape e retorne o foco onde estava. Não substitua atalhos usados por tecnologias assistivas ou navegadores.
Princípios-chave para lembrar
- As paletas são rápidas para usuários frequentes e os ajudam a descobrir atalhos
- Eles são invisíveis para novos usuários, portanto mantenha a navegação visível
- A qualidade da pesquisa decide o sucesso: correspondência difusa, sinônimos, boa classificação
- Mostre atalhos nos resultados para que as pessoas os aprendam
- Siga os padrões de acessibilidade do combobox
Perguntas frequentes
Fontes
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Documentos do código do Visual Studio
- Progressive Disclosure — Nielsen Norman Group