• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1page.title=確認と通知
2page.tags=dialog,toast,notification
3@jd:body
4
5<p>アプリでアクションを呼び出すときに、テキストでそのアクションを<em>確認</em>または<em>通知</em>するとよい場合があります。</p>
6
7<div class="cols">
8  <div class="col-6">
9    <img src="{@docRoot}design/media/confirm_ack_confirming.png">
10    <p><strong>確認</strong>とは、呼び出したアクションを本当に続行してもよいかどうかをユーザーにたずねることです。検討を要するアクションがあれば、それに関する警告や重要情報とともに表示されることもあります。</p>
11  </div>
12  <div class="col-6">
13    <img src="{@docRoot}design/media/confirm_ack_acknowledge.png">
14    <p><strong>通知</strong>とは、呼び出したアクションが完了したことをユーザーに知らせるテキストを表示することです。システムにより実行中であり、ユーザーには表示されない操作を確認できます。アクションを元に戻すオプションとともに表示されることもあります。</p>
15  </div>
16</div>
17
18<p>このような機能を使用すれば、実行済みの処理やこれから実行される処理を明確に把握できます。確認や通知を表示することで、後悔するような間違いを防ぐこともできます。</p>
19
20<h2>ユーザーのアクションを確認または通知するタイミング</h2>
21<p>すべてのアクションに確認または通知が必要なわけではありません。確認や通知が必要かどうかを判断するには、次のチャートを使用してください。</p>
22<img src="{@docRoot}design/media/confirm_ack_flowchart.png">
23
24<h2>確認</h2>
25<div class="cols">
26  <div class="col-6">
27    <h4>例: Google Play ブックス</h4>
28    <img src="{@docRoot}design/media/confirm_ack_ex_books.png">
29    <p>この例では、ユーザーは Google Play ライブラリから書籍を削除するよう要求しています。この書籍が今後いずれの端末でも使用できなくなるということを知らせる必要があるため、このアクションを確認する<a href="{@docRoot}design/building-blocks/dialogs.html#alerts">アラート</a>が表示されます。</p>
30    <p>確認ダイアログは、要求されたアクションをタイトルに記述するなどして、わかりやすく作成します。</p>
31  </div>
32  <div class="col-7">
33    <h4>例: Android ビーム</h4>
34    <img src="{@docRoot}design/media/confirm_ack_ex_beam.png">
35    <p>確認は、必ずしも 2 つのボタンが付いたアラートで行う必要はありません。Android ビームを開始した後、共有するコンテンツ(この例では写真)をタップするようメッセージが表示されます。共有を続行しない場合は、携帯端末を離すだけです。</p>
36  </div>
37</div>
38
39<h2>通知</h2>
40<div class="cols">
41  <div class="col-6">
42    <h4>例: 途中まで書いた Gmail の下書きの保存</h4>
43    <img src="{@docRoot}design/media/confirm_ack_ex_draftsave.png">
44    <p>この例では、ユーザーが Gmail 作成画面から前の画面に戻ったり、画面の上部に移動したりすると、予測しないことが起こることもあるため、現在の下書きが自動的に保存されています。この動作はトースト形式で通知され、数秒後に消えます。</p>
45    <p>この場合、保存操作はユーザーではなくアプリによって行われるため、元に戻す操作は適切ではありません。また、下書きのリストに移動するだけでメッセージの作成をすぐに再開できます。</p>
46
47  </div>
48  <div class="col-6">
49    <h4>例: Gmail スレッドの削除</h4>
50    <img src="{@docRoot}design/media/confirm_ack_draft_deleted.png">
51    <p>ユーザーが Gmail のリストから会話を削除した後に、元に戻すオプションとともに認定が表示されます。リストのスクロールなど無関係なアクションをユーザーが実行するまで、通知の表示は消えません。</p>
52  </div>
53</div>
54
55<h2>確認または通知を行わない場合</h2>
56<div class="cols">
57  <div class="col-6">
58    <h4>例: +1 操作</h4>
59    <img style="padding: 33px 0 30px;" src="{@docRoot}design/media/confirm_ack_ex_plus1.png">
60    <p><strong>確認は不要です</strong>。ユーザーが誤って [+1] ボタンをタップしても、あまり問題ではありません。ボタンをもう一度タップすれば、アクションを元に戻すことができるからです。</p>
61    <p><strong>通知は不要です</strong>。[+1] ボタンがバウンドして赤に変わります。これは非常にわかりやすいシグナルです。</p>
62  </div>
63  <div class="col-7">
64    <h4>例: ホームスクリーンからアプリを削除する場合</h4>
65    <img src="{@docRoot}design/media/confirm_ack_ex_removeapp.png">
66    <p><strong>確認は不要です</strong>。このアクションは賢明に設計されており、ユーザーはアイテムを比較的離れたところにある大きいターゲットにドラッグ アンド ドロップする必要があります。そのため、アクシデントが発生することはほとんどありません。しかもこの操作を取り消したい場合は、ほんの数秒で元に戻すことができるようになっています。</p>
67    <p><strong>通知は不要です</strong>。ユーザーが自分でアプリをドラッグして削除しているので、アプリがホームスクリーンから消えるのがわかっているからです。</p>
68
69  </div>
70</div>
71