Azaは最近、モーダルオーバーレイに関するメモを公開しました（ここおよび以下では、このような概念の本質をゆがめることなく、「ロシア語」ではない単語オーバーレイの翻訳を使用します） 。 突然ポップアップし、その背後にあるものをブロックする同じダイアログボックスについて。 モーダルウィンドウのフレームワーク内でのアクションは完全に自由ですが、このウィンドウが消えるまで、それによって「ブロック」された要素は使用できません。
通常、モーダルウィンドウについて話すときは、Googleドキュメントアプリケーションの次のスニペットのように、特にダイアログについて話します。 アザの批判は、まさにこの種のモーダルウィンドウを指します。 検索/置換ダイアログを開いた後は、このダイアログ内以外はクリックできません。 つまり、ダイアログの下でドキュメントをスクロールしたり、ドキュメントから単語をコピーして、ダイアログを閉じずに検索バーに貼り付けたりすることはできません。
しかし、これはモーダルウィンドウの唯一のタイプではありません。 Appleのme.comのこの設定パネルをご覧ください。 ここには、重複するメインコンテンツを操作する必要があるものは何もありません。 まったく別の画面だったかもしれません。
一般的に言えば、それは私が興味を持った別の画面になる可能性があるという事実でした。 37 （会社の短縮名37signalsで-約Per。）モーダルウィンドウは使用しません。 設定パネルは常に完全に独立したアプリケーション画面です。 2つのアプローチの違いを調べるために、Appleの設定パネルの代替バージョンをモックアップしました。これは、一般的なWebアプリケーションで見られるように、画面スペース全体を使用します。
これら2つのバージョンを比較するのは興味深いことです。 私は認めなければならない、私はモーダルオプションがはるかに好きです。 一方では、その重要性は視覚的により具体的です。 一方、ナビゲーションについての興味深い考えにつながります。
ナビゲーションの代替としてのモーダルウィンドウ
ソフトウェアを使用する場合、私たちの頭の中で最もよく回る質問が2つあります。「どこにいるの？」と「どうやって戻るの？」です。 この処理を簡単にするための多くのトリックがあります。タブ、「キャンセル」ボタンなど。同じ問題を解決する手段としてモーダルウィンドウを考えてみませんか？ このメカニズムは、これらの迷惑な質問を非常にスムーズにします。 「私はどこにいるの？」という質問は、メイン画面を離れていないため、単純に発生しません。 そして、「戻る方法」という質問に対する答えは、メイン画面が常にバックグラウンドで表示されたままなので、単純に明らかです。
重要度を反映した画面サイズ
率直に言って、モーダル設定パネルのもう1つの側面は、このパネルが他の画面と同等に見えないことです。 あなたは、彼女の重要性が低いため、彼女は自分のブラウザウィンドウに値しなかったと感じています。
特定のアプリケーション画面のインターフェースを開発するとき、最も重要で頻繁に使用される要素を常に強調表示し、めったに使用されない要素と比較して大きくするようにします。 同じコンテキストで同じサイズの要素を同等と認識することは良いルールです。 Appleの設定パネルは、画面レベルで全体として同じ原則を使用しています。 設定パネルの画面自体は、実際のデータで満たされたより重要なアプリケーション画面を含むブラウザウィンドウよりも小さくなっています。
すべてのモーダルウィンドウが悪いわけではありません
Azaの批判は、Googleドキュメントの上記の例のようなモーダルウィンドウにも有効ですが、me.comは、独立した画面間のナビゲーションの原則に代わるものとして、モーダルオーバーレイが存在する権利があることを明確に示しています。 また、どの画面で実際に完全な個別のブラウザウィンドウに値するのか、どの画面を他の画面のサブレベルとして表示するのかを推測することも非常に興味深いです。 人々が「デスクトップ」のアプリケーションを賞賛するとき、この個々の画面間のナビゲーションの欠如は多くの批判を引き起こすと推測できます。 Appleは、「デスクトップ」システムに完全に対応することなく、「デスクトップ」の原則をWebアプリケーションに組み込む能力を示しました。 他のデザイナーがどこからインスピレーションを得ているのかを知るのはとても面白いでしょう。
著者にはまだ興味深い翻訳があり、Habrのページで喜んで見られる別の良い記事が準備されていることを自分から付け加えます。