Los diálogos sirven para que los usuarios tomen ciertas decisiones u obtengan información adicional que la app requiere para poder continuar una tarea. Estas peticiones pueden ir desde un simple Cancelar/Aceptar hasta acciones más complejas que pidan al usuario ajustar alguna opción o introducir algún texto.
- Ubicación del título (opcional)
- El título introduce el contenido de tu dialogo. Puede ser, por ejemplo, el nombre que identifica a un ajuste que el usuario desea cambiar.
- Área de contenido
- El contenido de un dialogo varía bastante. Para los diálogos de ajustes, suelen contener elementos de la UI tales como deslizadores (sliders), campos de texto (edit texts), checkboxes, radio buttons, etc, los cuales permiten al usuario cambiar los ajustes de una app o del sistema. En otros casos, como las alertas, el contenido puede consistir únicamente en un texto que proporciona más información sobre el contexto de una decisión que debe tomar el usuario.
- Action Buttons
- Los botones de acción, habitualmente Cancelar/Aceptar, indican opciones predefinidas. Sin embargo, si las opciones especifican acciones tales como Cerrar o Esperar, las cuales describen el contenido, es preferible que los nombres de los botones sean verbos activos. Ordena las acciones siguiendo estas reglas:
- La acción de descargar de un dialogo siempre esta en la izquierda. Dicha acción regresa al usuario al estado anterior en el que se encontraba la app.
- La acción afirmativa se encuentra en la derecha. Las acciones afirmativas son aquellas que continúan con el progreso que el usuario ha demandado para conseguir cierto objetivo.
- Los botones de acción, habitualmente Cancelar/Aceptar, indican opciones predefinidas. Sin embargo, si las opciones especifican acciones tales como Cerrar o Esperar, las cuales describen el contenido, es preferible que los nombres de los botones sean verbos activos. Ordena las acciones siguiendo estas reglas:
Alertas sin barras de título
la mayoría de las alertas no necesitan un título. Usualmente, la decisión no tiene un impacto severo y puede ser resumida en una o en un par de sentencias. El área de contenido debería ser una pregunta, como por ejemplo: ¿Eliminar esta conversación?, o un claro estado de la relación entre el contenido y los botones de acción.
Alertas con barras de título
Las alertas con barra de título se deben utilizar con moderación. Son apropiadas únicamente para operaciones de alto riesgo en las que se involucran perdidas potenciales de datos, de conectividad, cargos extra de dinero, y por tanto, requieren de una pregunta o idea clara, en el título, con alguna explicación adicional, en el área de contenido.
La pregunta deberías mantenerla siempre simple y corta: por ejemplo: ¿Eliminar el contenido del USB?. Evita pedir disculpas. Un usuario debería ser capaz de discernir el contexto del diálogo y tener una idea clara de que elecciones están disponibles basándose únicamente en el título del diálogo y el texto de los botones de acción.
Cuando estés creando un dialogo de confirmación, el título debe ser significativo y debe resaltar la acción solicitada.
Popups
Los popups son una versión ligera de los diálogos que únicamente requieren una selección por parte del usuario. No tienen botones de forma explicita como los de aceptar o cancelar. En su lugar, tienen la ventaja de poder seleccionar un elemento, mejorando el flujo de trabajo, y tocando fuera del popup, se descarta el mismo.
Toasts
Los toasts proporcionan una versión ligera para transmitir cierta retroalimentación sobre una operación, en un pequeño popup. Por ejemplo, cuando estás escribiendo un email y no llegas a enviarlo, y abandonas dicha actividad, aparece un toast diciendo “Borrador guardado”, para que sepas que puedes continuar modificándolo y enviarlo más tarde. Los toasts automáticamente desaparecerán tras un cierto tiempo.
Puedes ver más información sobre Diálogos en la página oficial de Google en inglés pulsando aquí.