Open1
[WIP] 個人的モーダルUI採用基準
モーダルの種類
僕がデザイナーをしているClassDoでは下記3種類のモーダルUIを用意しています。
モーダルダイアログ
一番使用率の高いモーダル。ユーザーに何かアクションさせたいときに使う。
フォームと組み合わせることが多い。
ダイアログ
モーダルダイアログと似てるけど、こちらは情報を表示するためのモーダル。
なのでアクションボタンが1つしかない(「確認」「次へ」など先へ進むためのボタン)のと右上にダイアログを閉じるためのバツボタンがある。
ボトムシート
これはモバイル用のモーダルUI。PCではドロップダウンメニューになる。
複数のアクションから1つを選択して実行させたいときに使う。