1 page.title=Confirmao e reconhecimento 2 page.tags=dialog,toast,notification 3 @jd:body 4 5 <p>Em algumas situaes, quando um usurio invoca uma ao em seu aplicativo, uma boa ideia <em>confirmar</em> ou <em>reconhecer</em> essa ao 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 usurio que verifique se realmente quer prosseguir com a ao que acabou de invocar. Em alguns casos, a confirmao apresentada com uma advertncia ou informaes crticas relacionadas ao 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 usurio que a ao que acabou de ser invocada foi concluda. Isso remove a incerteza sobre operaes implcitas que o sistema adota. Em alguns casos, o reconhecimento apresentado com uma opo para desfazer a ao.</p> 15 </div> 16 </div> 17 18 <p>Comunicar-se com os usurios dessas formas pode ajudar a reduzir a incerteza sobre o que aconteceu ou o que acontecer. Confirmar ou reconhecer tambm pode evitar que os usurios cometam erros dos quais possam se arrepender.</p> 19 20 <h2>Quando confirmar ou reconhecer aes do usurio</h2> 21 <p>Nem todas as aes precisam de uma confirmao ou um reconhecimento. Use este fluxograma para orientar as decises de projeto.</p> 22 <img src="{@docRoot}design/media/confirm_ack_flowchart.png"> 23 24 <h2>Confirmao</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 usurio solicitou a excluso de um livro da biblioteca do Google Play. Um <a href="{@docRoot}design/building-blocks/dialogs.html#alerts">alerta</a> aparece para confirmar essa ao porque importante entender que o livro no estar mais disponvel em nenhum dispositivo.</p> 30 <p>Ao montar uma caixa de dilogo de confirmao, use um ttulo significativo que ecoe a ao 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 confirmaes no necessariamente precisam ser apresentadas em um alerta com dois botes. Depois de iniciar o Android Beam, o usurio solicitado a tocar no contedo a ser compartilhado (nesse exemplo, uma foto). Se ele decidir no 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 usurio navegar para trs ou para cima na tela de composio 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 no adequado aqui, pois o ato de salvar foi iniciado pelo aplicativo, no pelo usurio, alm de ser rpido e fcil retomar a composio da mensagem navegando para a lista de rascunhos.</p> 46 47 </div> 48 <div class="col-6"> 49 <h4>Exemplo: Conversa do Gmail excluda</h4> 50 <img src="{@docRoot}design/media/confirm_ack_draft_deleted.png"> 51 <p>Depois que o usurio exclui uma conversa da lista no Gmail, um reconhecimento aparece com a opo de desfazer. O reconhecimento permanece at que o usurio tome uma ao no relacionada, como rolar a lista.</p> 52 </div> 53 </div> 54 55 <h2>Sem confirmao 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 confirmao desnecessria.</strong> Se o usurio usar +1 por acidente, no um problema. Poder simplesmente tocar no boto novamente para desfazer a ao.</p> 61 <p><strong>O reconhecimento desnecessrio.</strong> O usurio ver o boto +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 confirmao desnecessria.</strong> Essa uma ao deliberada: o usurio precisa arrastar e soltar um item em um alvo relativamente grande e isolado. Portanto, acidentes so altamente improvveis. Mas, se o usurio se arrepender da deciso, levar apenas alguns segundos para traz-lo de volta.</p> 67 <p><strong>O reconhecimento desnecessrio.</strong> O usurio 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
