スピードダイヤル

Speed dial

FABをトリガーに、複数の関連アクションをラベル付きの小さなボタンとして展開するUI。

○ 使う場面

  • FABから複数の関連する作成アクション(写真投稿・テキスト投稿など)を分岐させたいとき
  • アクション数が2〜5個程度に収まるとき

× 避ける場面

  • アクションが1つしかないとき(→通常のFAB)
  • アクション数が多すぎて展開後も探しにくくなるとき(→通常のメニューやツールバー)

別名

スピードダイアル、FABメニュー、拡張FABメニュー

近縁種との比較

スピードダイヤルはMUIが採用した呼称で、Material Design 3では「FAB menu」や「Extended FAB」に 近い概念として扱われる、名称のゆれがあるパターンである。

近縁種違い・使い分け
フローティングアクションボタン(FAB)通常のFABが常に単一のアクションを実行するのに対し、スピードダイヤルはFABをトリガーとして複数の関連アクションをラベル付きの小さなボタン群として展開する点が最大の違いで、アクション数が2〜5個程度に収まる場面に向く。
スプリットボタンスプリットボタンも1つのトリガーから複数の操作を提供する点は似ているが、スプリットボタンは常に見えるメニュー項目のリストであるのに対し、スピードダイヤルは展開するまで個々のアクションが見えない放射状/縦並びの隠しUIである点で区別される。

分類

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