¿Qué son y cómo funcionan los dialogs en material design?

Si te interesa saber qué son y cómo funcionan los dialogs en material design, este es tu post. Material design es un lenguaje de diseño desarrollado por Google y que se presentó junto a Android Lollipop en el año 2014. Este lenguaje nos proporciona una guía que nos dice cómo podemos diseñar y nos habla de varios elementos gráficos que pueden ser imprescindibles en una aplicación para diseñar la mejor UI y ofrecer una buena UX.

¿Qué son los dialogs en material design?

Los dialogs en material design, también llamados cuadros de diálogo, son ventanas modales que representan una toma de decisión en un nivel por encima de todos los elementos. Estos permanecen hasta que el usuario toma la decisión de elegir una opción o cancelar.

En otras palabras, los cuadros de diálogo se usan para informar a los usuarios sobre una tarea y pueden contener información relevante o requerir de realizar una acción.

¿Cómo funcionan los dialogs en material design?

Los dialogs en material design se caracterizan por centrar la atención del usuario en un contenido y garantizar la entrega de información importante. También son directos, puesto que ayudan a completar una tarea de forma inmediata y, además, son serviciales, porque aparecen en respuesta a una acción realizada por el usuario.

Los dialogs se pueden usar en dos casos. En primer lugar, se utilizan para informar sobre errores que bloquean el funcionamiento normal de la aplicación. En segundo lugar, es necesario agregarlos cuando se necesita dar a conocer información de vital importancia que requiere el reconocimiento por parte del usuario. Existen varios tipos de cuadros de diálogo:

• Dialogo de alerta: este se utiliza para acciones de carácter urgente.
• Diálogo sencillo: en este se puede encontrar una lista que tiene un efecto inmediato.
• Diálogo de confirmación: se usa para informar al usuario de que se requiere una confirmación de su parte antes de cerrarlo.
• Diálogo de pantalla completa: este ocupa toda la pantalla y es necesario completar una serie de acciones para cerrarlo.

La anatomía de los dialogs en material design se caracteriza por tener:

• Un contenedor  
• Un título (opcional)
• Texto de apoyo
• Botones
• Malla

Estos elementos ayudan a que la información sea más comprensible. En general, el cuadro de diálogo tiene la característica de que deshabilita el resto de la interfaz hasta que el usuario realiza la acción que se le está pidiendo. Algo muy importante es la malla, porque se utiliza para que los elementos ubicados detrás del cuadro de dialogo no sean tan visibles y el usuario no se confunda.

¿Por dónde seguir?

Ya has aprendido qué son y cómo funcionan los dialogs en material design, pero aún queda mucho más por saber acerca del desarrollo y el diseño de aplicaciones. Si deseas continuar formándote en esta rama del sector IT para convertirte en un desarrollador experto, te animamos a consultar nuestro Desarrollo de Apps Móviles Full Stack Bootcamp, con el que aprenderás pautas y fundamentos del diseño, así como programas enfocados a ello. ¡No tardes en inscribirte!