Палитры команд против вложенной навигации: когда Cmd+K лучше боковой панели
В чем хороши командные палитры, где они терпят неудачу и как спроектировать их вместе с навигацией: поиск, нечеткое сопоставление, ярлыки и возможность обнаружения.
Главное
Палитра команд (часто открывается с помощью Cmd+K или Ctrl+K) позволяет людям вводить то, что они хотят сделать, вместо того, чтобы искать это в меню. Это быстрее для постоянных пользователей и помогает им находить функции и ярлыки. Он не заменяет навигацию: новым пользователям по-прежнему нужна видимая структура, чтобы узнать, что существует. Лучшие продукты сочетают в себе и то, и другое.
Почему палитры команд распространяются
Палитры команд появились в инструментах разработчика. В Visual Studio Code сочетание клавиш Ctrl+Shift+P открывает палитру команд, которая обеспечивает доступ ко всем функциям редактора из одного окна, управляемого с помощью клавиатуры. Такие продукты, как Superhuman, сделали Cmd+K центром опыта: один ярлык для выполнения любого действия, который также обучает выделенному ярлыку для следующего раза. Superhuman утверждает, что люди предпочитают поиск меню, потому что меню помогают только в том случае, если вы уже понимаете, как они организованы.
Что нужно для хорошей палитры
Разница между полезной палитрой и разочаровывающей в основном заключается в качестве поиска:
- Нечеткое сопоставление: опечатки и части слов все равно должны найти нужную команду (Superhuman отмечает, что «lnik» все равно должен найти «ссылку»).
- Синонимы: люди пишут «пригласить», «добавить участника» или «поделиться»; все должно работать.
- Рейтинг: сначала недавние и часто встречающиеся команды, затем лучшее текстовое совпадение.
- Покажите ярлыки рядом с каждым результатом, чтобы люди их запомнили.
- Смешивайте объекты и действия: страницы, людей, файлы.
- Сначала клавиатура, но ее можно полностью использовать с мышью и программой чтения с экрана.
Где палитры терпят неудачу
Палитра невидима, пока ее не откроют, поэтому она не может научить нового пользователя тому, что делает продукт. Люди должны знать или угадывать слово, обозначающее то, что они хотят. Вот почему отказ от навигации в пользу палитры обычно вредит новым и случайным пользователям. Сохраняйте понятную боковую панель или меню для просмотра и рассматривайте палитру как быстрый путь для людей, которые уже знают, куда они идут.
Доступность
Используйте установленные шаблоны полей со списком и списка, чтобы программы чтения с экрана объявляли результаты, сохраняли фокус внутри палитры, пока она открыта, закрывали ее с помощью Escape и возвращали фокус туда, где он был. Не переопределяйте ярлыки, на которые полагаются вспомогательные технологии или браузеры.
Ключевые принципы
- Палитры удобны для частых пользователей и помогают им находить ярлыки.
- Они невидимы для новых пользователей, поэтому оставляйте навигацию видимой.
- Качество поиска определяет успех: нечеткое соответствие, синонимы, хороший рейтинг.
- Показывать ярлыки в результатах, чтобы люди их изучали
- Следуйте шаблонам доступности поля со списком
Частые вопросы
Источники
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Документация по коду Visual Studio
- Progressive Disclosure — Nielsen Norman Group