Paletas de comandos versus navegación anidada: cuando Cmd+K supera a la barra lateral
En qué son buenas las paletas de comandos, dónde fallan y cómo diseñar una junto con la navegación: búsqueda, coincidencias aproximadas, atajos y capacidad de descubrimiento.
Idea clave
Una paleta de comandos (a menudo abierta con Cmd+K o Ctrl+K) permite a las personas escribir lo que quieren hacer en lugar de encontrarlo en los menús. Es más rápido para los usuarios frecuentes y les ayuda a descubrir funciones y atajos. No reemplaza la navegación: los nuevos usuarios aún necesitan una estructura visible para saber lo que existe. Los mejores productos ofrecen ambas cosas.
¿Por qué se extienden las paletas de comandos?
Las paletas de comandos comenzaron en las herramientas de desarrollo. En Visual Studio Code, Ctrl+Shift+P abre la paleta de comandos, que brinda acceso a todas las funciones del editor desde una ventana controlada por teclado. Productos como Superhuman hicieron de Cmd+K el centro de la experiencia: un atajo para realizar cualquier acción, que también enseña el atajo dedicado para la próxima vez. Superhuman sostiene que la gente prefiere la búsqueda a los menús, porque los menús sólo ayudan si ya entiendes cómo están organizados.
Que buena paleta necesita
La diferencia entre una paleta útil y una frustrante es principalmente la calidad de la búsqueda:
- Coincidencia aproximada: los errores tipográficos y las palabras parciales aún deberían encontrar el comando correcto (Superhuman señala que "lnik" aún debería encontrar "enlace").
- Sinónimos: la gente escribe "invitar", "añadir miembro" o "compartir"; todo debería funcionar.
- Clasificación: primero los comandos recientes y frecuentes, luego la mejor coincidencia de texto.
- Muestra atajos junto a cada resultado para que la gente los aprenda.
- Mezcle objetos y acciones: páginas, personas, archivos.
- Primero el teclado, pero totalmente utilizable con un mouse y un lector de pantalla.
Donde las paletas se quedan cortas
Una paleta es invisible hasta que se abre, por lo que no puede enseñarle a un nuevo usuario lo que hace el producto. La gente debe saber, o adivinar, la palabra que designa lo que quiere. Es por eso que eliminar la navegación en favor de una paleta suele perjudicar a los usuarios nuevos y ocasionales. Mantenga una barra lateral o un menú claro para navegar y trate la paleta como una vía rápida para las personas que ya saben a dónde se dirigen.
Accesibilidad
Utilice los patrones de cuadro combinado y cuadro de lista establecidos para que los lectores de pantalla anuncien los resultados, mantenga el foco dentro de la paleta mientras está abierta, ciérrela con Escape y regrese el foco a donde estaba. No anule los accesos directos de los que dependen las tecnologías de asistencia o los navegadores.
Principios clave para recordar
- Las paletas son rápidas para los usuarios frecuentes y les ayudan a descubrir atajos
- Son invisibles para los nuevos usuarios, así que mantenga la navegación visible.
- La calidad de la búsqueda decide el éxito: coincidencias aproximadas, sinónimos, buena clasificación
- Mostrar atajos en los resultados para que la gente los aprenda
- Siga los patrones de accesibilidad del cuadro combinado
Preguntas frecuentes
Fuentes
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Documentos de código de Visual Studio
- Progressive Disclosure — Nielsen Norman Group