Open1

[WIP] 個人的モーダルUI採用基準

takanoriptakanorip

モーダルの種類

僕がデザイナーをしているClassDoでは下記3種類のモーダルUIを用意しています。

モーダルダイアログ

一番使用率の高いモーダル。ユーザーに何かアクションさせたいときに使う。
フォームと組み合わせることが多い。

ダイアログ

モーダルダイアログと似てるけど、こちらは情報を表示するためのモーダル。
なのでアクションボタンが1つしかない(「確認」「次へ」など先へ進むためのボタン)のと右上にダイアログを閉じるためのバツボタンがある。

ボトムシート

これはモバイル用のモーダルUI。PCではドロップダウンメニューになる。
複数のアクションから1つを選択して実行させたいときに使う。