1 page.title=Confirmacin y reconocimiento 2 page.tags=dialog,toast,notification 3 @jd:body 4 5 <p>En algunos casos, cuando un usuario invoca una accin desde tu aplicacin, se recomienda <em>confirmar</em> o proporcionar un <em>reconocimiento</em> de dicha accin a travs del 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>Confirmacin</strong> es solicitarle al usuario que verifique que realmente desea proceder con una accin que acaba de invocar. En algunos casos, la confirmacin se presenta junto con una advertencia o mensaje con informacin importante relacionada con la accin que el usuario debe aprobar.</p> 11 </div> 12 <div class="col-6"> 13 <img src="{@docRoot}design/media/confirm_ack_acknowledge.png"> 14 <p>El <strong>reconocimiento</strong> hace referencia al hecho de mostrar un determinado texto para informarle al usuario que la accin que acaba de invocar ya se complet. De este modo, se elimina la incertidumbre sobre las operaciones implcitas que lleva a cabo el sistema. En algunos casos, el reconocimiento se presenta junto con una opcin para deshacer la accin.</p> 15 </div> 16 </div> 17 18 <p>Comunicarse con los usuarios de este modo permite reducir la incertidumbre respecto de acciones pasadas o futuras. Mediante la confirmacin o el reconocimiento tambin se puede evitar que los usuarios cometan errores de los que podran arrepentirse.</p> 19 20 <h2>Cundo se debe solicitar una confirmacin o proporcionar un reconocimiento de las acciones de los usuarios</h2> 21 <p>No es necesario que se solicite una confirmacin o se proporcione un reconocimiento para todas las acciones. Utiliza este diagrama de flujo cuando tengas que tomar decisiones relacionadas con el diseo.</p> 22 <img src="{@docRoot}design/media/confirm_ack_flowchart.png"> 23 24 <h2>Confirmacin</h2> 25 <div class="cols"> 26 <div class="col-6"> 27 <h4>Ejemplo: Google Play Books</h4> 28 <img src="{@docRoot}design/media/confirm_ack_ex_books.png"> 29 <p>En este ejemplo, el usuario solicit eliminar un libro de su biblioteca de Google Play. Aparecer una <a href="{@docRoot}design/building-blocks/dialogs.html#alerts">alerta</a> para confirmar esta accin porque es importante que el usuario comprenda que el libro ya no estar disponible desde ningn dispositivo.</p> 30 <p>Cuando disees un cuadro de dilogo de confirmacin, asegrate de que el ttulo sea significativo y que incluya la accin solicitada.</p> 31 </div> 32 <div class="col-7"> 33 <h4>Ejemplo: Android Beam</h4> 34 <img src="{@docRoot}design/media/confirm_ack_ex_beam.png"> 35 <p>No es necesario que las confirmaciones se presenten en todas las alertas con dos botones. Luego de iniciar Android Beam, se le solicita al usuario que seleccione el contenido que desea compartir (en este ejemplo, se trata de una fotografa). Si el usuario decide no continuar, simplemente se descartar el telfono de la lista.</p> 36 </div> 37 </div> 38 39 <h2>Reconocimiento</h2> 40 <div class="cols"> 41 <div class="col-6"> 42 <h4>Ejemplo: Borrador de Gmail abandonado y guardado</h4> 43 <img src="{@docRoot}design/media/confirm_ack_ex_draftsave.png"> 44 <p>En este ejemplo, si el usuario navega con los botones Back o Up desde la pantalla de redaccin de Gmail, posiblemente ocurrir algo inesperado: el borrador actual se guardar automticamente. Esto se mostrar a travs de un reconocimiento en forma de aviso. Dicho aviso desaparece luego de algunos segundos.</p> 45 <p>En este caso, no se puede incluir la opcin de deshacer porque el almacenamiento fue iniciado por la aplicacin, no por el usuario. Gracias a esto, se puede continuar redactando el mensaje de forma rpida y fcil con solo navegar hasta la lista de borradores.</p> 46 47 </div> 48 <div class="col-6"> 49 <h4>Ejemplo: Conversacin de Gmail eliminada</h4> 50 <img src="{@docRoot}design/media/confirm_ack_draft_deleted.png"> 51 <p>Despus de que el usuario elimina una conversacin de la lista de Gmail, aparece un mensaje de reconocimiento con la opcin de deshacer la accin. Dicho reconocimiento seguir en pantalla hasta que el usuario lleve a cabo una accin no relacionada, como desplazarse por la lista.</p> 52 </div> 53 </div> 54 55 <h2>Sin confirmacin ni reconocimiento</h2> 56 <div class="cols"> 57 <div class="col-6"> 58 <h4>Ejemplo: Hacer +1</h4> 59 <img style="padding: 33px 0 30px;" src="{@docRoot}design/media/confirm_ack_ex_plus1.png"> 60 <p><strong>No se necesita confirmacin</strong>. Si el usuario eligi +1 sin querer, esto no es un problema. Simplemente, puede tocar el botn de nuevo para deshacer la accin.</p> 61 <p><strong>No se necesita un reconocimiento</strong>. El usuario ver que el botn +1 parpadea y cambia a color rojo. Esa es una seal muy clara.</p> 62 </div> 63 <div class="col-7"> 64 <h4>Ejemplo: Eliminacin de una aplicacin de la pantalla de inicio</h4> 65 <img src="{@docRoot}design/media/confirm_ack_ex_removeapp.png"> 66 <p><strong>No se necesita confirmacin</strong>. Esta es una accin intencionada: el usuario debe arrastrar y colocar un elemento en un destino relativamente grande y aislado. Por lo tanto, es poco probable que se cometan errores. No obstante, si el usuario se arrepiente de la decisin que tom, solo demorar algunos segundos en recuperar lo eliminado.</p> 67 <p><strong>No se necesita un reconocimiento</strong>. El usuario sabr que la aplicacin ya no aparecer en la Pantalla de inicio porque l mismo la hizo desaparecer al arrastrarla.</p> 68 69 </div> 70 </div> 71
