1page.title=Confirmação e reconhecimento 2page.tags=dialog,toast,notification 3@jd:body 4 5<p>Em algumas situações, quando um usuário invoca uma ação em seu aplicativo, é uma boa ideia <em>confirmar</em> ou <em>reconhecer</em> essa ação com texto.</p> 6 7<div class="cols"> 8 <div class="col-6"> 9 <img src="{@docRoot}design/media/confirm_ack_confirming.png"> 10 <p><strong>Confirmar</strong> é pedir ao usuário que verifique se realmente quer prosseguir com a ação que acabou de invocar. Em alguns casos, a confirmação é apresentada com uma advertência ou informações críticas relacionadas à ação que ele precisa considerar.</p> 11 </div> 12 <div class="col-6"> 13 <img src="{@docRoot}design/media/confirm_ack_acknowledge.png"> 14 <p><strong>Reconhecer</strong> é exibir texto para avisar ao usuário que a ação que acabou de ser invocada foi concluída. Isso remove a incerteza sobre operações implícitas que o sistema adota. Em alguns casos, o reconhecimento é apresentado com uma opção para desfazer a ação.</p> 15 </div> 16</div> 17 18<p>Comunicar-se com os usuários dessas formas pode ajudar a reduzir a incerteza sobre o que aconteceu ou o que acontecerá. Confirmar ou reconhecer também pode evitar que os usuários cometam erros dos quais possam se arrepender.</p> 19 20<h2>Quando confirmar ou reconhecer ações do usuário</h2> 21<p>Nem todas as ações precisam de uma confirmação ou um reconhecimento. Use este fluxograma para orientar as decisões de projeto.</p> 22<img src="{@docRoot}design/media/confirm_ack_flowchart.png"> 23 24<h2>Confirmação</h2> 25<div class="cols"> 26 <div class="col-6"> 27 <h4>Exemplo: Livros do Google Play</h4> 28 <img src="{@docRoot}design/media/confirm_ack_ex_books.png"> 29 <p>Nesse exemplo, o usuário solicitou a exclusão de um livro da biblioteca do Google Play. Um <a href="{@docRoot}design/building-blocks/dialogs.html#alerts">alerta</a> aparece para confirmar essa ação porque é importante entender que o livro não estará mais disponível em nenhum dispositivo.</p> 30 <p>Ao montar uma caixa de diálogo de confirmação, use um título significativo que ecoe a ação solicitada.</p> 31 </div> 32 <div class="col-7"> 33 <h4>Exemplo: Android Beam</h4> 34 <img src="{@docRoot}design/media/confirm_ack_ex_beam.png"> 35 <p>As confirmações não necessariamente precisam ser apresentadas em um alerta com dois botões. Depois de iniciar o Android Beam, o usuário é solicitado a tocar no conteúdo a ser compartilhado (nesse exemplo, uma foto). Se ele decidir não prosseguir, simplesmente afastará o celular.</p> 36 </div> 37</div> 38 39<h2>Reconhecimento</h2> 40<div class="cols"> 41 <div class="col-6"> 42 <h4>Exemplo: Abandonar rascunho salvo do Gmail</h4> 43 <img src="{@docRoot}design/media/confirm_ack_ex_draftsave.png"> 44 <p>Nesse exemplo, se o usuário navegar para trás ou para cima na tela de composição do Gmail, alguma coisa possivelmente inesperada acontecerá: o rascunho atual será salvo automaticamente. Um reconhecimento na forma de aviso torna isso aparente. Ele desaparece depois de alguns segundos.</p> 45 <p>Desfazer não é adequado aqui, pois o ato de salvar foi iniciado pelo aplicativo, não pelo usuário, além de ser rápido e fácil retomar a composição da mensagem navegando para a lista de rascunhos.</p> 46 47 </div> 48 <div class="col-6"> 49 <h4>Exemplo: Conversa do Gmail excluída</h4> 50 <img src="{@docRoot}design/media/confirm_ack_draft_deleted.png"> 51 <p>Depois que o usuário exclui uma conversa da lista no Gmail, um reconhecimento aparece com a opção de desfazer. O reconhecimento permanece até que o usuário tome uma ação não relacionada, como rolar a lista.</p> 52 </div> 53</div> 54 55<h2>Sem confirmação nem reconhecimento</h2> 56<div class="cols"> 57 <div class="col-6"> 58 <h4>Exemplo: +1</h4> 59 <img style="padding: 33px 0 30px;" src="{@docRoot}design/media/confirm_ack_ex_plus1.png"> 60 <p><strong>A confirmação é desnecessária.</strong> Se o usuário usar +1 por acidente, não é um problema. Poderá simplesmente tocar no botão novamente para desfazer a ação.</p> 61 <p><strong>O reconhecimento é desnecessário.</strong> O usuário verá o botão +1 oscilar e ficar vermelho. Esse é um sinal muito claro.</p> 62 </div> 63 <div class="col-7"> 64 <h4>Exemplo: Remover um aplicativo da tela inicial</h4> 65 <img src="{@docRoot}design/media/confirm_ack_ex_removeapp.png"> 66 <p><strong>A confirmação é desnecessária.</strong> Essa é uma ação deliberada: o usuário precisa arrastar e soltar um item em um alvo relativamente grande e isolado. Portanto, acidentes são altamente improváveis. Mas, se o usuário se arrepender da decisão, levará apenas alguns segundos para trazê-lo de volta.</p> 67 <p><strong>O reconhecimento é desnecessário.</strong> O usuário saberá que o aplicativo saiu da tela inicial porque fez com que ele desaparecesse arrastando-o para longe.</p> 68 69 </div> 70</div> 71
