Con el material 3 expresivo, Google está haciendo un impulso para los controles inferiores en las aplicaciones con barras de herramientas. Este nuevo componente muestra “acciones de uso frecuente relevantes para la página actual”.
Google dice que lo piense como un “contenedor con varias ranuras”. Hay muchas maneras en que los desarrolladores pueden personalizarlo, con dos tipos disponibles:
Barra de herramientas acoplada: “abarca el ancho completo de la ventana. Se utiliza mejor para acciones globales que siguen siendo las mismas en varias páginas”.
Reemplaza la barra de aplicaciones inferior (lo que las tareas de Google usaron antes del rediseño del año pasado), que está en desuso: “Debe reemplazarse con la barra de herramientas atracada, que es muy similar y más flexible”.
Barra de herramientas flotantes: “Flotas por encima del contenido del cuerpo. Se utiliza mejor para acciones contextuales relevantes para el contenido del cuerpo o la página específica”.
Publicidad: desplazamiento para obtener más aplicaciones de contenido puede combinar una barra de herramientas flotante y Fab juntos. La vista rediseñada de álbumes de Google Photos usará este componente para compartir, agregar y editar botones. Esto da como resultado una experiencia más completa en la parte superior de la página. Las barras de herramientas flotantes también se pueden “utilizar como pestañas entre las páginas posteriores relacionadas en la jerarquía de productos” como se ve en Fitbit durante un día, semana, mes y año. Estas barras de herramientas se pueden colocar verticalmente en pantallas más grandes. “Las barras de herramientas flotantes no deben exceder el borde de la ventana o el panel”. Las aplicaciones con más acciones pueden usar un menú de desbordamiento.
Mientras tanto, hay configuraciones de color estándar y vibrantes:
Estándar: “Un esquema de color de bajo énfasis mejor utilizado para centrar la atención en el contenido del cuerpo”. Vibrante: “Un esquema de color de alto énfasis que llama la atención sobre los controles. También puede indicar un cambio temporal en el comportamiento de la página, como ingresar el modo de edición”.
Google dice que no combine una barra de herramientas y una barra de navegación (barra inferior) juntas: “Muestre la barra de navegación en páginas principales y barras de herramientas en páginas posteriores con acciones”. En el caso de una aplicación de correo electrónico hipotética:
Eso plantea la cuestión de la navegación flotante/barra inferior. A partir de hoy, dicho componente no existe en el material 3 expresivo. Esto a pesar de su presencia continua en el chat de Google, mientras que una maqueta M3E muestra tal diseño. Siempre podría venir en una futura expansión/actualización de M3E.
Más sobre el material 3 expresivo:
FTC: Utilizamos ingresos que ganan enlaces de afiliados para automóviles. Más.
