スプリットボタン
Split button既定の主操作を実行するボタンと、関連する副次的な操作を選べるメニュートリガーを一体化したボタンUI。
○ 使う場面
- 既定の主操作は明確だが、稀に別バリエーションを選びたいとき(「保存」+「名前を付けて保存」など)
- ツールバーで場所を節約しつつ副次的な選択肢も提供したいとき
× 避ける場面
- 主操作と副次操作の使用頻度が同程度のとき(→ボタングループやドロップダウンメニュー)
- 選択肢が多く一覧性が必要なとき(→ドロップダウンメニュー単体)
別名
分割ボタン
近縁種との比較
スプリットボタンは既定の主操作を担うボタン部分と、関連する副次的な選択肢を開くメニュートリガ ー部分を1つの視覚的な塊として連結したUIで、NN/gやFluentが早くから定義してきたパターンである。
| 近縁種 | 違い・使い分け |
|---|---|
| ボタン | 通常のボタンが単一の役割しか持たないのに対し、スプリットボタンは主操作とその亜種(「保存」と「名前を付けて保存」など)をセットで提示できる。 |
| スピードダイヤル | スピードダイヤルも1つのトリガーから複数のアクションへ分岐する点は共通するが、スピードダイヤルは全アクションが対等な立場で展開されるのに対し、スプリットボタンは主操作と副次操作の間に明確な優先順位(クリック一発で実行されるのは主操作のみ)がある点で区別される。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション