エッジ

エッジは、Windows に統合された強力で美しい対話操作ツールです。エッジのデザインは、"より少ない要素でより大きな効果を上げる" という原則に基づきます。エッジは、より少ない要素でより大きな効果を上げるために一連のオプションが用意されています。現在表示されているコンテンツに関連しないのなら、キャンバスから要素を移動しましょう。デバイスを意識させない信頼性が高く直感的なナビゲーションがユーザーに提供されます。

Windows のエッジ

アプリ バー

アプリは、上部アプリ バーにナビゲーション コントロールが配置されるのが普通です。この理由から、上部アプリ バーはナビゲーション バーとも呼ばれます。

アプリは、下部アプリ バーにコマンド コントロールが配置されるのが普通です。この理由から、下部アプリ バーはコマンド バーとも呼ばれます。

アプリ バーのデザインは、それぞれが行います。システムを操作することはありません。 ナビゲーション コントロールとコマンドに加えて、またはその代わりに、その他のコンテキストに応じた関連情報を上部アプリ バーまたは下部アプリ バーに配置できます。たとえば、ショッピング アプリでは、上部アプリ バーにユーザーのショッピング カートのコンテンツを配置できます。この配置により、ユーザーがショッピングに集中しながら、カートとチェックアウト手順をすばやく参照できます。音楽アプリでは、再生、一時停止、早送りなどのメディア コントロールを下部アプリ バーに配置できます。これらのコントロールは、ユーザーが曲を選択するまで非表示であり、選択後にコントロールはコンテキストに関連するものになります。

チャーム

チャームは、エッジの最も象徴的な用途です。チャームを使うことで、システムに対する対話操作を開始します。ユーザーは、画面の右側のエッジからスワイプするか、右上隅または右下隅にポイントすることにより、チャームを起動します。詳しくは、「チャームとコントラクト」をご覧ください。

エッジ (左)

左側のエッジは、アプリの切り替え、最近使用したアプリの表示、画面上で左右に並べた複数のアプリの配置を行うためのユーザーのコマンド センターです。

エッジによる技術革新

アプリ デザインでエッジを使うために、新しい革新的な方法を模索することをお勧めします。アプリ バーを実装しないか、最小限の使用に抑えることを選択することもできます。たとえば、Xbox Music アプリでは、キャンバスに大半のコマンドが含まれ、アプリ バーにはコントロールをほとんど配置しません。

標準のコントロールと配置は、単なる出発点でしかありません。アプリでエッジによりどのようなことができるか、創造的に思考してください。

エッジのサンプル

以下に例を示します。最初のアプリでは、関連する動画を表示するために上部アプリ バーを使い、現在再生している動画に関連するコマンドのために下部アプリ バーを使っています。

NatureSpace アプリでは、下部アプリ バーは非常に小さく、キャンバスの幅全体に広がりませんが、ユーザーが現在のトラックを制御するために使用できるコマンド サーフェスを提供しています。

アプリ バーは、標準テンプレートのような外観にする必要はありません。ブランドに合わせて、美しいデザインをカスタマイズできます。ディズニーのこの例では、アプリ バーは絵本のように見えます。

関連トピック

ナビゲーション パターン

コマンド パターン