ウィジェットの概要

Windowsウィジェットは、デバイスにインストールされているアプリに関連付けられたテキストとグラフィックスを表示する小さな UI コンテナーです。インストールされたウィジェットは、ウィジェットボードのグリッドに表示されます。ユーザーがタスクバーの [ウィジェット] アイコンをクリックしたとき、Windows + W ショートカットを使用したとき、または画面の左端からスワイプしたときに、Windows デスクトップをオーバーレイするポップアッププレーンです。ウィジェットは、ユーザーが使用するアプリからパーソナライズされたコンテンツとクイックアクションを集計することで、ユーザーにとって重要な事項を把握するのに役立ちます。これらはすぐに使用でき、実用的です。ウィジェットは、アプリや Web サイトを置き換えることを目的とするのではなく、最も必要な情報や、ユーザーがすぐに読み取り/トリガーできる頻繁に使用される機能へのスムーズなアクセスを提供します。ウィジェットを設計するときは、コンシューマーにもたらされる価値の種類を検討してください。 

ウィジェットボードのスクリーンショット。ボードは角丸の四角形で、時刻が上部に、その次に検索バーが表示されます。ボードの残りの部分は、それぞれがウィジェットを表す角丸の四角形のグリッドです。個々のウィジェットには、トップニュース記事、現在の天気、現在の交通情報などが表示されます。

ウィジェットの用語

期間	定義
ウィジェットホスト	Windowsウィジェットを表示および管理するアプリケーション。現在のリリースでは、Widgets ホストは、Windows 11に組み込まれている Widgets Board だけです。
ウィジェットボード	Widgets Board は、ユーザーがタスクバーのウィジェットアイコンをクリックしたとき、Windows + W ショートカットを使用するとき、または画面の左端からスワイプしたときにデスクトップ上に表示されるWindows 11システムコンポーネントです。ウィジェットボードはウィジェットを表示し、それらのボード上のレイアウトを管理します。
ウィジェット	ウィジェットは、アプリから重要なコンテンツまたはアクションを提示するアダプティブカードです。これにより、ユーザーは、関連するアプリや Web サイトを起動することなく、必要な情報に即座にアクセスできます。ウィジェットのコンテンツは、一目で認識できる最新の興味深いコンテンツをユーザーに提供するために、1 日を通して動的に更新されます。ウィジェットには、ユーザーがより深いエンゲージメントのために関連アプリを起動できる基本的な対話型機能が用意されています。ウィジェットは、アプリや Web サイトを置き換えることを目的としたものではありません。
ウィジェットプロバイダー	ウィジェットプロバイダーは、ウィジェットに表示するコンテンツを提供するWindows アプリです。ウィジェットプロバイダーは、ウィジェットのコンテンツ、レイアウト、および対話型要素を所有しています。

ウィジェットのビジュアルエクスペリエンスには、アダプティブカード JSON 形式を使用して定義されたビジュアル要素と相互作用要素が含まれます。アダプティブカード Designer には、サポートされているウィジェットのサイズとテーマのテンプレートだけでなく、adaptive cardsを設計するためのリアルタイムエディターが用意されています。ウィジェットの設計は、ウィジェットボードがすべてのウィジェットに一貫した使い慣れたエクスペリエンスを提供できるように、Windowsウィジェットの設計原則に従うことが重要です。

ウィジェットの視覚要素の概要チュートリアルについては、「ウィジェットの状態と組み込みの UI コンポーネント」を参照してください。

優れたWindowsウィジェットを作成するには、ウィジェットを設計および開発するときに、次の原則を考慮してください。

一覧性

ユーザーは、ちらっと見るだけで、ウィジェットを最大限活用できます。クリックする必要があるのは、詳細情報や高度な操作が必要な場合のみです。

信頼できる

Surface頻繁に使用される情報をすぐに使用して、ユーザーがこれらの手順を繰り返す時間を節約できます。一貫してアプリを再度利用するように促進します。

役に立つ

最も有用で関連性の高い情報を上に表示します。

個人用

パーソナル設定されたコンテンツを提供し、顧客との感情的なつながりを構築します。ウィジェットに広告は含めないでください。顧客がウィジェットのコンテンツとレイアウトを制御しています。

フォーカスされている

各ウィジェットでは、通常、1 つの主要なタスクまたはシナリオに集中する必要があります。ウィジェットは、アプリや Web サイトを置き換えることを目的としたものではありません。

鮮度

コンテンツは、入手可能なコンテキストに基づいて動的に更新する必要があります。最新の状態であり、適切なタイミングで適切なコンテンツを提供します。

顧客について理解している内容に基づいて、アプリや Web サイトを開かずにユーザーが即座にアクセスを希望する最も重要なコンテンツや最も有用なアクションを特定します。「ウィジェットの原則」セクションに列挙されている原則を考慮し、アプリに適用する方法について検討します。
アプリでは、複数の個別ウィジェットをサポートできます。各ウィジェットが特定の目的に集中するように、サポートする個別のウィジェットの数を決定します。
ウィジェットごとに含めるコンテンツを決定します。 1 つのウィジェットで小、中、大の 3 つの異なるサイズをサポートできます。ウィジェットごとに、ユーザーとビジネスニーズに最も価値をもたらすコンテンツについて検討します。小さいサイズから大きいサイズまで、ウィジェットの目的は変わりませんが、大きいサイズの場合、表示される情報の量は増やす必要があります。ウィジェットプロバイダーでは、ウィジェットレイアウトをカスタマイズするときにユーザーに柔軟性を与えるために、すべてのウィジェットサイズを実装することをお勧めします。
ウィジェットでサポートされるユーザー操作について検討します。ユーザーは、ウィジェットのタイトルまたはウィジェットで定義した任意のクリックターゲットをクリックできます。これらの操作により、アプリまたは Web サイトへのディープリンクショートカットをアクティブ化して、ユーザーが関心のある内容に直接移動できるため、アプリのルートから移動する必要はありません。提供するさまざまなナビゲーションモデルを検討します。
アプリは、表示されるウィジェットボードにウィジェットのレイアウトとデータを送信するためのバックエンド機能を実装するウィジェットプロバイダーを実装する必要があります。現在、パッケージ化された Win32 デスクトップアプリまたはプログレッシブ Web アプリ (PWA) を使用してウィジェットプロバイダーを実装できます。 Win32 ウィジェットプロバイダーの作成の詳細については、「ウィジェットサービスプロバイダー」を参照してください。 PWA ウィジェットプロバイダーの詳細については、「PWA 駆動型のウィジェットを構築する」を参照してください。