ウィジェットの対話式操作の設計のガイダンス

この記事では、Windows ウィジェットの対話を設計するための詳細なガイダンスを提供します。

ナビゲーション

ウィジェットはひとめで見て焦点を絞り、アプリの主な目的の 1 つの側面を表す必要があります。 ウィジェットは、1 つ以上のアクション呼び出しを提供できます。 ユーザーがアクションの呼び出しをクリックすると、ウィジェット自体にアクションを実装するのではなく、関連するアプリまたは Web サイトを起動する必要があります。 ウィジェットには、複数の対話を収容できるプライマリ ページが 1 つだけ存在します。 ウィジェット内の項目をクリックすると、ウィジェットの全く異なるビューに連れて行くことはありません。 たとえば、天気ウィジェットでは、複数の日の天気を表示できますが、いずれかの日をクリックしても詳細はインラインで展開されず、代わりにアプリまたは Web が起動されます。

サポートされている各ウィジェット サイズに推奨されるタッチ ポイントの最大数を次に示します。

次のナビゲーション要素は、Windows ウィジェットではサポートされていません。

• ピボットはウィジェット内ではサポートされません
• L2 ページはウィジェット内ではサポートされません
• ウィジェット内では垂直または水平方向のスクロールはサポートされません

Containers

次の図は、ウィジェット テンプレート内のコンテナー要素の使用例を示しています。 コンテナーは、ビジュアル要素を列と行にグループ化して、階層グリッド構造を作成します。

画像リンク

次の画像は、ウィジェット テンプレートでの画像リンク要素の使用例を示しています。

ページネーション

次の画像は、ウィジェットテンプレート内のページネーションの例を示しています。 改ページ位置コントロールは、水平方向または垂直方向に配置できます。 カーソルのホバーに応じてナビゲーション矢印が表示されます。

ハイパーリンク

次の図は、ウィジェット テンプレート内のハイパーリンクの例を示しています。

ドロップダウン メニュー

ウィジェットは、ユーザーがメニューまたはドロップダウンを操作している場合に、ウィジェットのサイズを少し超えて一時的に拡張できます。 メニューはライト ディスミス動作にし、ユーザーがメニューまたはドロップダウン領域の外側をクリックしたときに閉じるようにする必要があります。