ウィジェットの品質

ウィジェットは、ユーザーのホーム画面をカスタマイズするための重要なコンポーネントです。多くの場合、ユーザーはウィジェットを使用して 1 回タップするだけで、アプリのクリティカル ユーザー ジャーニーを達成したり、重要な更新の概要をすばやく確認したりできます。ユーザーはウィジェットをカスタマイズして、個人の好みに合わせることもできます。

ウィジェット互換性のチェックリスト

ウィジェットの品質は、アプリのコンテンツや機能に対するユーザー エンゲージメントに影響します。互換性チェックリストでは、ウィジェットの品質を評価する基準を定めています。ティアには次のものがあります。

Tier 3(低品質)のアイコン

TIER 3 - 低品質

これらのウィジェットは、最低限の品質基準を満たしておらず、ユーザー エクスペリエンスが低下します。ウィジェットが標準のレイアウト、色、検出、コンテンツの基準を満たしていない場合、低品質とみなされます。

Tier 2 Standard のアイコン

ティア 2 - 標準

これらのウィジェットは、便利で使いやすく、質の高いエクスペリエンスを提供します。標準と見なされるには、ウィジェットがレイアウト、色、検出、コンテンツに関する以下のすべての基準を満たしている必要があります。

Tier 1 差別化のアイコン

ティア 1 - 差別化

これらは、パーソナライズされたヒーロー エクスペリエンスを提供し、ユーザーが独自の生産性の高いホーム画面を作成できるようにする、模範的なウィジェットです。


Tier 3(低品質)のアイコン

ティア 3

低品質なウィジェットの特徴

ウィジェットが次のいずれかに該当する場合、品質が低いとみなされます。

カテゴリ ID 説明
レイアウト WL-1

ユーザーがウィジェットをホスト サーフェスに配置したときに、ウィジェットがホストグリッドの境界を埋めない。

WL-1.1

ウィジェットがグリッドの少なくとも 2 つの対向するエッジに接していない。つまり、ウィジェットはすべて長方形である必要はなく、形状のエッジがグリッドの少なくとも 2 つのエッジに接している限り、カスタム形状にすることができます。

色 WC-3

ウィジェットのテキストとアイコンボタンの色のコントラスト比が、ユーザー補助の要件を満たすには不十分です。

調査 WD-4.2

ウィジェット名がウィジェットのデザインに含まれていない。

WD-4.3

ウィジェットにプレビュー画像がありません。

コンテンツ WT-3

ウィジェットのコンテンツが常に古い、またはタイムリーでない。

WT-3.1

ユーザーがウィジェットからアクションを完了しても、ウィジェットが更新されない。

WT-3.2

ユーザーがアプリ内から関連するアクションを完了しても、ウィジェットが更新されない。

WT-4

ウィジェットの UI が機能しない、またはコンテンツが切り抜かれている。

Tier 2 Standard のアイコン

ティア 2

標準ウィジェットの要件

このベースライン品質基準を満たすウィジェットは標準と見なされますが、掲載やおすすめの対象となるショーケース ウィジェットとは見なされません。

カテゴリ ID 説明
レイアウト WL-1

ウィジェットは、縦軸または横軸で他のホスト要素と揃えられ、余分なスペースを占有しません。

WL-1.2

すべての図形は、グリッドの境界の少なくとも 2 つの対向するエッジに接する必要があります。

WL-4

ウィジェットのサイズを変更できる場合は、最小サイズと最大サイズを定義します。ウィジェットが大きくなるにつれて、より多くのコンテンツが表示されるようにレイアウトを再配置します。テキストとアイコンを線形にスケーリングしないでください。

WL-4.1

ウィジェットのサイズを大きくしても空白スペースが増えるだけの場合は、最大幅または最大高さを設定します。ウィジェットを大きくすると、より多くのコンテンツ(縦長のスクロール リストなど)が表示される場合は、サイズ変更を制限しないようにします。

WL-4.2

ウィジェットの最小サイズは、明確なユースケースを表示し、48x48 dp のタップ ターゲット要件を満たすのに十分な大きさにする必要があります。システムは、パソコンや車載画面のタップ ターゲットをスケーリングできます。

調査 WD-4

ウィジェット選択ツールに正確なプレビュー(静的アセット)が表示される。

コンテンツ WT-1

ゼロ状態と空の状態は、まばらな領域がないように、より大きなウィジェット境界にスケーリングする必要があります。ユーザーがログインする前にウィジェットをインストールした場合、ウィジェットには明確なユースケースまたは行動を促すフレーズを表示する必要があります。

WT-2

データが UI よりも頻繁に更新されることが想定される場合、ウィジェットを使用すると、ユーザーはコンテンツを手動で更新できます。

タップ ターゲットを 48x48 dp で提供します。
タップ ターゲットが小さすぎる。
十分なカラー コントラストを確保する。
コントラストが不十分な色を使用する。
図 1: 不正確なプレビューを含むウィジェットを作成しないでください。

Tier 1 差別化のアイコン

ティア 1

差別化ウィジェットの要件

これらのウィジェットは、プレミアムなホーム画面のカスタマイズをサポートしており、ユーザーに推奨され、ベスト プラクティスとしてデベロッパーに紹介されます。差別化されたウィジェットは、優れたエクスペリエンスを提供し、Android でエコシステムを活性化するために活用されます。差別化されたレイアウト、色、見つけやすさ、コンテンツのすべての基準を満たしている。

カテゴリ ID 説明
レイアウト WL-1

ウィジェットは、縦軸または横軸で他のホスト要素と揃えられ、余分なスペースを占有しません。

WL-1.1

すべての長方形ウィジェットは、グリッドの境界の 4 つの端すべてに接しなければなりません。カスタム形状のウィジェットはすべて、正方形グリッドの境界の 4 つのエッジすべてに接しなければなりません。サイズが 4x1 で、検索バーが含まれている場合は、2 つの端にのみ接することができます。

WL-2

ユーザーはウィジェットのサイズを 2x1 と、1x1、2x2、4x2、4x4 のうち少なくとも 2 つのサイズに変更できます。

WL-3

ウィジェット ヘッダーが使用され、一貫して適用されている。

  • 次のような場合は、ヘッダーを使用することをおすすめします。
    • ウィジェットにスクロール コンテンツが含まれている。
    • ヘッダー コンテンツは、リストの名前など、有用なコンテキストを提供します。
  • 次の場合、ヘッダーの使用は任意です。
    • ウィジェットがフルブリード(写真ウィジェットなど)である。
    • 参加枠には限りがあります。
    • ヘッダー コンテンツが重複している場合。
  • ヘッダーを使用する場合は、次の点を確認してください。
    • アイコンが常に表示される
    • 十分なスペースがある場合にタイトルが表示される
    • アクションはウィジェットのコンテキストに基づきます。
WL-5

コレクション ウィジェットとフィード ウィジェットは、垂直スクロール コンテナをサポートしています。4x2 や 4x4 などの大きなサイズでは、これらのウィジェットに表示されるアイテム数が増え、アイテムごとの詳細情報も増えます。

色 WC-1

ウィジェットは、デバイスまたはアプリのコンテキストに基づくカラーテーマをサポートしています。

WC-2

ウィジェットは、ライトモードとダークモードのパレットをサポートしています。

調査 WD-1

プレビューには、ターゲット フォーム ファクタのレイアウト比率が表示され、ユーザー コンテンツが含まれるか、システムテーマが適用されるか、またはその両方が行われます。

WD-4.4

ウィジェットに、ユーザーがウィジェットの価値を理解するのに役立つ説明がある。

WD-4.5

ウィジェット名がわかりやすく、アプリの他のウィジェットと重複していない。

システムの一貫性 WS-2

長方形のウィジェットでは、システム(OEM 固有)が提供する角丸を使用する必要があります。

WS-3

ウィジェットは読み込み状態の仕様を使用し、ウィジェットの UI にエラーを直接表示します。

WS-4

ウィジェットが、カスタム ウィジェット設定のエントリ ポイントではなく、システム構成を使用している。

WS-5

ウィジェットからアプリを起動または終了するときに、ウィジェットがシステム起動遷移を使用する。

ウィジェットをグリッド境界の 4 つの端すべてに拡大します。
グリッドの境界を埋めないカスタムサイズを作成します。
ウィジェットの仕様を満たすヘッダーを指定します。
サイズとタイトルにカスタム仕様を使用します。
独自性のある簡潔な説明文を入力します。
一般的な説明を入力します。
システムの角丸を使用します。
カスタムの角丸を設定します。