コマンドパレット
Command paletteキーボードショートカット（多くはCtrl+K）で呼び出し、入力しながら候補を絞り込んでコマンドや画面へ即座に移動できる検索型の操作UI。
○ 使う場面
- 機能・ページ数が多いSaaS/エディタ系アプリで、マウス操作なしに素早く目的の操作へ到達させたいとき
- キーボード中心のパワーユーザー層が主要な利用者であるとき
× 避ける場面
- 対象ユーザーがキーボードショートカット文化に不慣れなとき（発見性が低い）
- コマンド数が少なく、通常のメニューで十分足りるとき
別名
コマンドメニュー、Ctrl+Kメニュー
近縁種との比較
コマンドパレットはVS CodeやNotion、Slackなどが広めた通称で、多くのデザインシステムにはまだ正 式収載されていない比較的新しいパターンである。
| 近縁種 | 違い・使い分け |
|---|---|
| オートコンプリート | 入力しながら候補を絞り込む点は共通するが、オートコンプリートが1つの入力フィールドの値を確定させるための入力補完であるのに対し、コマンドパレットは画面遷移やコマンド実行そのものを目的とした探索型のUIである点が異なる。 |
| コンテキストメニュー | 「対象に応じた操作の一覧を提示する」という役割は似ているが、コンテキストメニューが右クリックした対象に紐づく限定的な操作列であるのに対し、コマンドパレットはアプリ全体のコマンドを検索して横断的にアクセスできる点でスコープが大きく異なる。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション