スプリットボタン

Split button

既定の主操作を実行するボタンと、関連する副次的な操作を選べるメニュートリガーを一体化したボタンUI。

○ 使う場面

  • 既定の主操作は明確だが、稀に別バリエーションを選びたいとき(「保存」+「名前を付けて保存」など)
  • ツールバーで場所を節約しつつ副次的な選択肢も提供したいとき

× 避ける場面

  • 主操作と副次操作の使用頻度が同程度のとき(→ボタングループやドロップダウンメニュー)
  • 選択肢が多く一覧性が必要なとき(→ドロップダウンメニュー単体)

別名

分割ボタン

近縁種との比較

スプリットボタンは既定の主操作を担うボタン部分と、関連する副次的な選択肢を開くメニュートリガ ー部分を1つの視覚的な塊として連結したUIで、NN/gやFluentが早くから定義してきたパターンである。

近縁種違い・使い分け
ボタン通常のボタンが単一の役割しか持たないのに対し、スプリットボタンは主操作とその亜種(「保存」と「名前を付けて保存」など)をセットで提示できる。
スピードダイヤルスピードダイヤルも1つのトリガーから複数のアクションへ分岐する点は共通するが、スピードダイヤルは全アクションが対等な立場で展開されるのに対し、スプリットボタンは主操作と副次操作の間に明確な優先順位(クリック一発で実行されるのは主操作のみ)がある点で区別される。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション