![](https://developer.android.com/static/images/design/ui/mobile/notifications-hero.png?authuser=9&hl=ja)
通知は、 使用しないように設定できます。
Android OS は通知の多くの機能を管理しますが、ユーザーはご自身で管理できます あります。通知を実装する手順は次のとおりです。
- 通知の構造を理解する。
- ユースケースの通知タイプを選択します。
- 通知の種類に合わせて通知カテゴリを設定する 選択します。
まとめ
- 通知の目的を検討します。ユーザーにアラートを送信する理由は何でしょうか。
- 通知権限のパターンを決定し、重要度を考慮する ユーザー ジャーニーのどの段階に進めるべきかを理解することです。
- 通知テンプレートを選択します。
- 通知コンテンツを作成します。
<ph type="x-smartling-placeholder">
- </ph>
- ヘッダー テキストは通知を簡潔に要約する必要があります。
- コンテンツ テキストが通知をプレビューします。
- 画像コンテンツ(アプリのコンテンツに関連する場合)。
- メディア テンプレートのメディア キーアートとメタデータ。
- ユーザーが通知に対して何ができるかを明確にするために、 テキストボタン、入力、メディアなどを使用して、コンテンツに基づいたアクションを実行できるようにする できます。
- アプリアイコンを追加し、アプリアイコンの背景色を設定します。
- 通知のチャンネルとカテゴリを設定します。これにより ユーザーが受信して提供する通知をカスタマイズできる 優先されます。
- アプリが一度に複数の通知を送信する可能性がある場合は、通知をグループ化します。
- 通知については、Figma の Android UI Kit をご覧ください 使用できます。
通知の構造
通知は、ほとんどの通知を簡単にスキャンして使用できるように設計されている 重要な要素です。次の要素があります。
- メイン コンテンツ: コンテンツの最も目立つ要素 通知を受け取ります。タイムスタンプなどの副次情報の方が小さく、 主要なコンテンツの上に 統合されています
- 人物: 通知に人物が関与する場合、アバターが これについては後ほど説明します
- アクション: インジケーター アイコンをタップして通知を開くことができます。 アクションは別の背景色にテキストラベル付きで表示されます。 あります。
![](https://developer.android.com/static/images/design/ui/mobile/notifications-1-collapsed.png?authuser=9&hl=ja)
通知ヘッダーとコンテンツ
折りたたまれた状態の通知には、アプリアイコン、ヘッダー テキスト、タイムスタンプ、 コンテンツテキストがあります必要に応じて、大きなアイコンを表示することもできます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-2-header-area.png?authuser=9&hl=ja)
1 アプリアイコン: アプリアイコンは、 アプリの識別情報を 2 次元で表現します。モノクロで表示される クリックします。アプリがさまざまな通知を送信する場合は、 アプリアイコンを記号に置き換えて、種類を区別する できます。アイコンの色を適用するをご覧ください。 表示されます。
2 見出しテキスト: 見出しの短い見出し 通知やソース(ユーザーのアカウント名など)を返します。コンテンツが最も多い 目立たせることができます。
3 Timestamp: 通知がいつ通知されるかを示します。 不在着信の時間なども確認できます。
4 展開インジケーター: 展開された状態で表示されます。
5 コンテンツ テキスト: 補足情報。
6 大きいアイコン(省略可): 画像は 次のような意味のある形で通知を強化するために 絵文字が挿入されます。
アイコンの色を適用する
Android 12(API レベル 31)以降では、アイコンの色は アプリで設定した通知の色。アプリで色を設定しない場合は、 システムのテーマカラーを使用します。(これまではグレーで表示されていました)。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-3-resulting-styled-app-icon-color.png?authuser=9&hl=ja)
ほとんどのスタイルでは、通知が指定された場合にのみ、この色が適用されます。
使用します。ただし、こうした要件は
次のイベントがあるMediaStyle
とDecoratedMediaCustomViewStyle
の通知
メディア セッションがアタッチされます。
次のスニペットは、アイコンの色を適用する方法を示しています。
val notification = Notification.Builder()
.setColor(Color.GREEN)
.setColorized(true)
.setSmallIcon(R.drawable.app_icon)
.setStyle(Notification.DecoratedCustomViewStyle())
.build()
通知の操作
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-4-action-area.png?authuser=9&hl=ja)
1 テキストボタンの操作
2 塗りつぶし操作ボタン
3 定型返信文
4 [返信] テキスト フィールド
Android 7.0(API レベル 24)以降、アクションはアイコンなしで表示される より多くのテキストに対応できますAndroid Wear デバイスおよびデバイスに対応する Android 6.0(API レベル 23)以前を搭載している場合でも、 アイコンをクリックします。
展開されたビュー
展開されたビューを使用すると、ユーザーに追加の情報を提供せずに 通知から移動します
通知を展開すると、次のうち最大 3 つを表示できます。 できます。
- 返信文の候補
- 操作を強調する(丸いボタン)
- 標準テキスト アクション
![](https://developer.android.com/static/images/design/ui/mobile/notifications-5-dont-include-text-actions.png?authuser=9&hl=ja)
すべきでないこと
![](https://developer.android.com/static/images/design/ui/mobile/notifications-6-do-let-user-pause.png?authuser=9&hl=ja)
すべきこと
入力通知を有効にする
ユーザーが通知に直接入力できるようにするには、 できます。これは、返信メッセージへの返信など、少量のテキストを入力するためのものです。 テキスト メッセージや簡単なメモを作成できます。
長文入力では、ユーザーをアプリに誘導して、スペースを空けて テキストの表示と編集ができます。
メッセージ アプリでは、ユーザーの通知を表示したままにすることをおすすめします。 が返信を送信し、会話が一時停止するまで待機してから、 自動的に閉じます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-7-users-reply-directly.png?authuser=9&hl=ja)
ユースケースに応じて通知タイプを選択する
Google の Android アプリでは次の通知テンプレートを使用しています。これらの テンプレートはアプリに合わせてある程度カスタマイズできます。
通知テンプレートについては、Figma の Android UI Kit をご確認ください。
標準テンプレート
ほとんどの通知には標準テンプレートのほうが適しているため、 テキスト、大きなアイコン(該当する場合)、アクション。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-8-standard-template.png?authuser=9&hl=ja)
大きなテキスト テンプレート
大きなテキスト テンプレートは、長いテキストのブロックを表示するのに最適です。これにより、 ユーザーが通知を展開した後にプレビューするテキストが増えます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-9-big-text-template.png?authuser=9&hl=ja)
全体像のテンプレート
全体像のテンプレートは、画像を含む通知用に設計されています。日時 折りたたまれると、通知には画像の大きなアイコン サムネイルが表示されます。日時 展開すると、通知のプレビューがかなり大きく表示されます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-10-big-picture-template.png?authuser=9&hl=ja)
進行状況テンプレート
進行状況テンプレート: ユーザーが開始するアクティビティに時間がかかる 完了するまでに時間がかかります開くと、このテンプレートを使用する通知に 進行状況バーが表示されユーザーが開始できるアクションは おすすめします。(キャンセルできない操作については、通知は保証されません)。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-11-progress-template.png?authuser=9&hl=ja)
メディア テンプレート
メディア テンプレートは、ユーザーが現在のメディアを制御できるようにするためのものです。 再生します。
- 折りたたんだとき、通知には最大 3 つのアクションが表示されます。大規模な アイコンでアルバムカバーなどの関連画像を表示できます。
- 通知を開くと、最大 5 つのアクションと大きな 画像のない 6 つのアクションのいずれかが表示されます。画像の背景やその他の要素は、 画像から自動的に色が継承されます。
![](https://developer.android.com/static/images/design/ui/mobile/notifications-12-media-template.png?authuser=9&hl=ja)
メッセージ テンプレート
MessagingStyle テンプレートは、リアルタイムのコミュニケーションを目的として設計されています。日時 このテンプレートを使用して通知すると、ユーザーはメッセージに返信できます。 アクセスできます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-13-messaging-template.png?authuser=9&hl=ja)
電話テンプレート
CallStyle テンプレートを使用して、大きいフォーマットの通知を生成し、 大きな画像を添付して、通話の着信または発信を示します。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-call-style.png?authuser=9&hl=ja)
通知権限
できる限り関連性が高くタイムリーな通知であるように、ほとんどの通知は、 免除対象ではない場合、つまり、ユーザーは通知を受け取ることに同意する必要があります。 説明します。
これには例外が 1 つあります。Android 13(API レベル 33)以降、 通話を管理するセッションおよびアプリは、 同意します。既存のアプリも対象となる場合があります。 すでに通知がオンになっています。詳しくは、除外をご覧ください。
アプリの設定で通知オプションを提供することを強くおすすめします。 ユーザーが通知設定を更新できるようにする。
免除対象外の通知を有効にするようユーザーに促す
免除対象外の通知については、通知を受け取りたいかどうかをユーザーに尋ねる で通知を受け取るように設定することもできます。明示的に選択したユーザー より有用で煩わしくないと感じる可能性が高くなります。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-14-request-user-permission.png?authuser=9&hl=ja)
通知ダイアログ プロンプトが表示されるまで待ちます。
- 通知がもたらすメリットと、付与しなかった場合の結果について説明してください。 付与できます。
- コンテキストに応じた UI を提供し、通知をその機能や内容に関連付ける 影響します。この UI は、アプリ内に適切に統合できるよう、どのような形式でもかまいません。 料金、ボトムシート、オンボーディング画面内のサンプルカードなどです。次のいずれか 閉じることができます。
- ユーザーが通知を無視した場合、通知権限ダイアログを表示しない UI です。
Android 13 以降では、通知権限のプロンプトを再表示できます。
必要な通知
フォアグラウンド サービスは、ユーザーが認識できるオペレーションを実行しますが、 アプリを直接操作していないからですこれらのサービスではステータスバーが 通知を使用して、アプリが特定のタスクを実行していることを システム リソースを消費しています。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-15-fitness-app-example.png?authuser=9&hl=ja)
これらのプロセスではバッテリーと場合によってはデータが使用されるため、アプリはユーザーに 通知を表示することで、それらのユーザーに通知できます。ユーザーは非表示にできません ユーザーが停止するアクションを提供する必要があります。 あります。
次の例は、フィットネス アプリからの通知を示しています。ユーザーが フォアグラウンド サービスをインスタンス化するアクティブなワークアウト セッションを開始した ワークアウトセッションの記録アプリに、 ウォーキングの記録と、ワークアウトを表示するオプション。
通知を使用すべきでない場合
次のユースケースでは通知を使用しないでください。
- 別の商品の相互プロモーションや宣伝のため 禁止されています)。
- ユーザーが一度もアプリを開いたことがない場合
- ユーザーとの主なコミュニケーション手段
- ユーザーにアプリに戻るよう促すものの、直接的な価値( (例:「しばらく会っていない」)。
- アプリの評価をリクエストした場合
- 同期など、ユーザーの関与が不要な操作用 情報
- ユーザーの操作なしでアプリが回復する可能性があるエラー状態を通知するため
- 祝日や誕生日のメッセージに
![](https://developer.android.com/static/images/design/ui/mobile/notifications-16-dont-send-greetings.png?authuser=9&hl=ja)
すべきでないこと
![](https://developer.android.com/static/images/design/ui/mobile/notifications-17-dont-interrupt-user.png?authuser=9&hl=ja)
すべきでないこと
動作
次の通知動作と、 予測します。
通知の到着
通知が届くと、Android はそれを通知ドロワーに追加します。 設定したパラメータとデバイスの現在の状態に応じて、 次のアクションを実行できます。
- 音を鳴らす、またはスマートフォンを振動させる。
- ステータスバーにアイコンとともに表示します。通常はアプリアイコンですが 通知の種類が複数ある場合は、通知の種類として 指定します。
- ヘッドアップ通知として表示し、現在の画面に顔をのぞかせてつかみます 注意を引きます。
通常どおり、ユーザーは管理者が設定した通知の動作を変更できます。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-arrival.png?authuser=9&hl=ja)
1 ステータスバーの通知インジケーター。通知ドロワーに通知があることを示します。
2 通知の「ポップアップ」現在の画面に重ねて表示し、タスクの途中でユーザーの注意を引きます。
通知ドロワー
通常、Android の通知ドロワーには通知が 新しい順に表示されます。調整の影響は以下のとおりです。 条件:
- アプリに記載されている通知の優先度または重要度
- 最近、通知音やバイブレーションでユーザーに通知したかどうか
- 誰かが通知に関連付けられているかどうか、その人の連絡先がスター付きかどうか
- 通知が、 通話中、または音楽の再生中
- において、Android OS により一部の通知の外観が改変された リストの上部と下部に強調または逆強調を追加して、 ユーザー スキャン コンテンツ
古い通知を処理する
通知ドロワーは、関連する情報を表示するように設計されています わかりますそれより前の通知が古い場合、つまり ユーザーに表示されないように拒否します。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-20-just-arrived-text.png?authuser=9&hl=ja)
新しい通知はアプリアイコン バッジで示される
Android 8.0(API レベル 26)以降を搭載しているデバイスでサポートされているランチャーでは、 アプリアイコンに、アプリに新しい通知ドットが表示される 表示されます。ランチャー アプリでデフォルトでこれらのドットが表示される サポートしており、アプリが何もする必要はありません。バッジは 無効または制限付きです
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-21-dot.png?authuser=9&hl=ja)
ユーザーが通知で実行できる操作
ユーザーは通知を使用して次のアクションを実行できます。
デスティネーションに移動する(ユーザーが移動するために通知をタップする)場合もし 通知がロック画面に表示される場合、ユーザーはそれをダブルタップして PIN、パターン、またはパスワードを入力します。
ユーザーが通知をタップしたときに、アプリは関連する UI を表示する必要があります。 ユーザーがすぐに行動を起こせるようになります。対象 たとえば 2 人用ゲームでは、ゲームの始まりが通知に 通知をタップすると、そのゲームに直接移動します。
通知を拡大表示して、通知領域のタブに できます。ユーザーはインジケーターをタップするか、通知本文を下にスワイプして 開きます。
<ph type="x-smartling-placeholder"></ph> 図 18: 展開された通知 通知を非表示にする(許可されている場合): ユーザーは通知をスワイプして閉じることができます 左右に繰り返します。
処理がバックグラウンドで継続していることを示す進行中の通知 スワイプして閉じることはできません。
ヘッドアップ通知をスヌーズする: ユーザーはヘッドアップ通知を上にスワイプできます。 その予定からの通知は送信できません。 点滅します。
今後同様の通知を管理する: ユーザーは通知にアクセスできる 次による制御:
- 接触と個々の通知を保持する
- 通知を左右にスワイプしてから設定アイコンをタップします
表示されるコントロールは、Android のバージョンや、アプリが 通知用のチャンネルがあります(Android 8.0 以降)。
複数の通知をグループ化する
同じタイプの複数の通知を生成するアプリの場合、Android では、 ユーザー過負荷にならないようにする必要があります
アプリは、次の方法で複数の通知を表示できます。 継承されます。
- 親通知には、子通知の概要が表示されます。
- ユーザーが親の通知を開くと、Android によってすべての子が表示されます。 通知を受け取れます。
- ユーザーは子通知を展開して内容全体を表示できます。
Android は、重複するヘッダー情報なしで子通知を表示します。対象 たとえば、子通知に親通知と同じアプリアイコンがある場合、 子のヘッダーにアイコンが含まれていません。
子どもへの通知は、1 人だけで表示する場合は、システムが理解できるようにする必要がある 到着したときにグループ外に表示されることがあります。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-group.png?authuser=9&hl=ja)
設定
チャンネル
Android 8.0(API レベル 26)以降では、すべての通知を 。チャンネルごとに、動画の映像と音声の挙動を設定できます。 そのチャンネルのすべての通知に適用されます。ユーザーは以下の設定を変更できます アプリのどの通知チャネルが煩わしいものなのか、 表示されます。
実装方法について詳しくは、通知の作成と管理をご覧ください。 。
重要度は、ユーザーの時間と場所を考慮して選択する必要があります。 注目してください。重要でない通知が緊急であると偽装されている通知は、 アラートを発生させます。
重要度 | 動作 | 使用方法 | 例 |
---|---|---|---|
HIGH |
音が鳴って画面に表示されます | ユーザーがすぐに知るべき、または対処すべき、緊急性の高い情報 | テキスト メッセージ、アラーム、電話 |
DEFAULT |
音を鳴らす | ユーザーの都合のよいときに確認できる必要があるが、ユーザーの作業の妨げにならない情報 | 交通情報、タスクのリマインダー |
LOW |
音声なし | 他の重要度レベルの要件を満たしていない通知チャンネル | ユーザーが登録している新しいコンテンツ、ソーシャル ネットワークの招待 |
MIN |
音声や画面表示を使用しない | 待つことができる、またはユーザーとの関連性が特にない、重要でない情報 | 付近の注目スポット、天気、プロモーション用コンテンツ |
事前定義カテゴリ
チャネルを使用しているかどうかに関係なく、個々の通知を カテゴリを選択しますAndroid はこの情報を使用して、 決定するためのものです。
カテゴリ | 説明 |
---|---|
CATEGORY_CALL |
通話の着信(音声またはビデオ)、あるいはそれに類する同期的な通信リクエスト |
CATEGORY_MESSAGE |
直接メッセージの受信(SMS、インスタント メッセージなど) |
CATEGORY_EMAIL |
非同期的なメッセージ(メール) |
CATEGORY_EVENT |
カレンダーの予定 |
CATEGORY_PROMO |
プロモーションや広告 |
CATEGORY_ALARM |
アラームやタイマー |
CATEGORY_PROGRESS |
長時間実行されているバックグラウンド処理の進行状況 |
CATEGORY_SOCIAL |
ソーシャル ネットワークや共有の更新 |
CATEGORY_ERROR |
バックグラウンド処理のエラーや認証ステータス |
CATEGORY_TRANSPORT |
再生のメディア トランスポート コントロール |
CATEGORY_SYSTEM |
システムやデバイスのステータス更新(システム使用のため予約済み) |
CATEGORY_SERVICE |
バックグラウンド サービスが実行中であることを示す通知 |
CATEGORY_RECOMMENDATION |
具体的なおすすめをタイミングよく知らせる通知(例: ニュースアプリで、ユーザーが次に読みたいと思うような記事をすすめる) |
CATEGORY_STATUS |
デバイスや文脈的なステータスに関する進行中の情報 |
ロック画面通知
画面がロックされているときに通知を表示するようユーザーが設定している場合、 アプリが機密情報としてマークしたコンテンツを非表示にすることができます。Android 各通知の可視性レベルを評価し、どの情報を安全に 表示されます。
ロック画面のコンテンツの感度レベルを設定する
ユーザーのプライバシーは非常に重要です。また、 ロック画面に表示できる通知のレベルを設定します。各 公開する場合は、公開設定レベルを public、private、 またはシークレットです。
- 公開通知は、安全なロック画面に完全に表示されます。
- シークレット通知は表示されません。
- 非公開の通知は中央に配置されます。基本情報のみが表示され、
(アプリを投稿したアプリの名前とアイコンなど)が表示されます。以前の
通常のコンテンツ(非表示)では、オプションとして、
2 new messages
などの個人情報を公開しない。
次の例では、Gmail とフォトのロック画面通知 アプリでは、ユーザーがこの情報を ロック画面。
<ph type="x-smartling-placeholder">![](https://developer.android.com/static/images/design/ui/mobile/notifications-sensitivity-levels.png?authuser=9&hl=ja)
1 ロック画面に表示されるすべての通知内容
2 ロック画面でプライベートな通知内容が非表示になる
スタイル
明確で簡潔なテキスト
Android では、コンテンツのタイトルが(展開された場合でも)1 行で切り捨てられます。
優れたコンテンツ タイトルは、以下のガイドラインに準拠します。
- 30 文字以内である
- 最も重要な情報が含まれている
- 変数を使用しない(数字や短い文字列を含む場合や、変数に テキストが先頭に付加されます)
- ヘッダーにすでに含まれているアプリの名前を除外します。
![](https://developer.android.com/static/images/design/ui/mobile/notifications-27-takeaways-dont-show-app-name.png?authuser=9&hl=ja)
すべきでないこと
![](https://developer.android.com/static/images/design/ui/mobile/notifications-28-do-show-most-important-info.png?authuser=9&hl=ja)
すべきこと
優れたコンテンツのテキストは次のガイドラインに準拠します。
- 半角 40 文字(全角 20 文字)の制限を超えないようにしてください。
- コンテンツ タイトルの内容を繰り返さない
大きいアイコン
大きなアイコンを使用するユースケースでは、 できます。以下にいくつか例を示します。
- 他人からの通信。たとえば、誰かが送信した メッセージ
- コンテンツのソース(通知を送信するアプリと異なる場合) ユーザーが登録している YouTube チャンネルのロゴ
- 通知に関する意味のある記号(運転に関する矢印記号など) ルート
大きいアイコンは人物を表示する場合は円形にし、それ以外のアイコンは正方形にする必要があります 対応できます
![](https://developer.android.com/static/images/design/ui/mobile/notifications-29-dont-use-large-icon-branding.png?authuser=9&hl=ja)
すべきでないこと
![](https://developer.android.com/static/images/design/ui/mobile/notifications-30-do-use-large-icon-reinforce-meaning.png?authuser=9&hl=ja)
すべきこと
Android バージョン アップデート
Android の通知システム UI と通知関連の API 進化します変更内容のリストについては、 互換性をご覧ください。
プラットフォームに関する考慮事項
Wear
ペア設定済みの Wear OS デバイスがある場合は、ペア設定済みの Wear OS デバイスにすべての通知が表示されます。 展開可能な詳細や操作ボタンなどが 自動的に追加されます詳しくは、 Wear の通知のデザインページをご覧ください。