ウィジェットの設定

アプリから選択したコンテンツやデータを表示するようにウィジェットを設定します。

構成を使用する場合

ウィジェットの選択時または長押し時に、ユーザーがウィジェットを設定できるようにします。ウィジェット エクスペリエンスにとってカスタマイズがどれほど重要かを検討し、カスタマイズをいつ利用可能にするか決定します。

  • 設定を選択せずにウィジェットが空白で表示される場合や、カスタマイズが中央にある場合は、ウィジェットの配置中に構成ワークフローを直接開きます。
  • ウィジェットに優先されるデフォルトがある場合や、コンテンツを表示する前にユーザーが選択する必要がない場合は、ウィジェットに初期構成画面は必要ありません。このような場合は、配置後にユーザーが設定にアクセスできるようにします。

直接ユーザー

メールアプリなど、複数のカテゴリのコンテンツを含むアプリでは、カスタマイズ可能で簡単に確認できるエクスペリエンスを提供するために、設定手順を用意することをおすすめします。

図 1: ユーザーがウィジェットを構成し、表示するフォルダを選択できるようにします。

構成を使用する場合

ウィジェットの選択とホーム画面への表示の間で、または長押しによって、ユーザーがウィジェットを設定できるようにします。カスタマイズをウィジェット エクスペリエンスにとってどれほど重要かを考慮して、カスタマイズをいつ利用可能にするか決定してください。

  • 設定を選択せずにウィジェットが空白で表示される場合や、カスタマイズが中央にある場合は、ウィジェットの配置中に構成ワークフローを直接開きます。
  • ウィジェットに優先されるデフォルトがある場合や、コンテンツを表示する前にユーザーが選択する必要がない場合は、ウィジェットに初期構成画面は必要ありません。このような場合は、配置後にユーザーが設定にアクセスできるようにします。

直接ユーザー

設定手順をお客様にご案内し、明確なフィードバックを提供する。アプリにすでに構成フローが含まれている場合は、アプリ内構成エクスペリエンスをミラーリングできます。理想的には、1 ~ 2 画面に最小化します。

ウィジェットを追加するためのオプションを明確に示します。

たとえば、左側のアラーム設定画面では、ユーザーはアラームのカテゴリを選択してウィジェットを追加するだけです。カテゴリをタップすると、構成ステップが閉じてウィジェットが追加されます。設定が完了していない場合は、ウィジェットの追加をキャンセルしないでください。ウィジェット内での復元や設定を可能にする状態を指定します。

ユーザーを行き止まりに誘導するか、この手順をアプリ内設定のように扱う。

この例では、表示するコンテンツを選択したにもかかわらず、[x] アイコンで設定ビューを閉じるとウィジェットが追加されることが明確ではありません。

他のプリセットを使用できない場合は、空の状態を含めます。空の状態には、オンボーディングや認証のリマインダーを表示して、ユーザーを誘導できます。

ウィジェットの外観をカスタマイズする

可能であれば、ユーザーがカスタマイズなしですぐに使い始められるように、またはウィジェットがホーム画面にどのように表示されるか理解できるように、望ましいデフォルト ウィジェットを用意します。

ウィジェットの外観をカスタマイズするときに、ウィジェットのプレビューを表示します。

図 2: カスタマイズのプレビューが表示されたウィジェット。

高度なコントロールにプログレッシブ開示を使用すると、ユーザーがカスタマイズをすばやく進めることができます。

図 3: ユーザーがカスタムサイズを選択した後にサイズ スライダーを表示します。

レイアウト

構成画面を作成する際は、レイアウトの基本のベスト プラクティスに従うか、スイッチ、チェックボックス、切り替えボタンを含むリスト レイアウトなどのマテリアル デザイン コンポーネントを活用します。ウィジェット レイアウトを高品質にする方法について詳しくは、ウィジェットの品質をご覧ください。