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