Палети с команди срещу вложена навигация: Когато 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