¿El botón de acción flotante es el nuevo menú de hamburguesas?
El diseño de materiales de Google sigue siendo un enfoque popular para el diseño web contemporáneo. Un estilo casi plano, el conjunto de principios, originalmente diseñados como pautas de marca para Google, describe un enfoque basado en capas para el diseño de la interfaz de usuario.
Aparte del esquema de color prescriptivo, la tipografía cuidadosamente neutral y la animación estilo Disney, el concepto de botón flotante de Material Design es quizás el aspecto más reconocible del estilo. Sin embargo, el botón de acción flotante parece estar siguiendo la misma trayectoria que el menú Hamburger; de salvador a paria en unos pocos meses.
Los botones de acción flotante se separan del resto de la interfaz de usuario, con un estilo que parece flotar sobre el contenido. Casi exclusivamente un círculo, son una forma agradable mínima, que se presta a la animación. Los botones de acción flotante son la evolución natural del encabezado adhesivo que ha sido popular en los últimos años. El salto que Google hizo para ir más allá del encabezado fijo fue desacoplar el botón de acción flotante del resto de la navegación. Esto fue influenciado en gran medida por el aumento de la web móvil; posicionar el botón de acción flotante en la esquina inferior derecha de la pantalla (como casi siempre es el caso) hace que sea fácil para su pulgar tocarlo.
El uso de un botón de acción flotante en el Rediseño de Google+ lo alienta a publicar contenido, en lugar de ayudarlo a consumirlo. Además, ser diametralmente opuesto al resto de la navegación es un inconveniente en pantallas más grandes.
A medida que el botón de acción flotante se abre paso en los diseños de pantallas más grandes que un teléfono, la conveniencia de colocarlo en la parte inferior derecha se convierte cada vez más en un obstáculo. Al igual que el menú Hamburger anterior, el botón de acción flotante está descubriendo que las soluciones para dispositivos móviles no siempre se traducen en computadoras de escritorio.
Su forma, posición y color aseguran que los botones de acción flotante se destaquen del resto de la interfaz de usuario, principalmente porque las tendencias actuales de diseño plano, semiplano y material diseñan todos los demás elementos como rectángulos regulares. Pero es importante reconocer que así como el botón de acción flotante es visualmente distinto en una página, es visualmente reconocible en una variedad de proyectos diferentes. Material Design es ante todo una marca corporativa; con la identidad de marca como un activo empresarial vital, imitar a Google es poco probable que agregue valor al negocio de su cliente.
los Aplicación VKPlayer usa un Botón de Acción Flotante para alternar controles, lo cual se ve bien, pero ¿no sería un botón reproducir / pausar la acción principal aquí?
De acuerdo con la Especificación de diseño de materiales Los botones de acción flotantes se utilizan como acceso directo a la acción principal en una página; agregar un nuevo artículo o iniciar una nueva búsqueda. En ese escenario, los íconos de la función son relativamente canónicos, y la acción con la que está asociado el botón es clara. Sin embargo, a menudo un solo icono no representa adecuadamente una función.
Lo que es más problemático es el impulso para reducir un sitio o aplicación a un solo uso. Como se destaca en Teo Yu Siang crítica detallada del botón de acción flotante el uso de botones de acción flotante impone las intenciones del diseñador en el usuario; se les anima a redactar un correo electrónico cuando quieran leer en su bandeja de entrada; se les anima a tomar una nueva foto, cuando quieren revisar sus imágenes pasadas.
El botón de acción flotante está destinado a sacar una acción principal de la interfaz de usuario como una conveniencia, pero si la interfaz de usuario necesita una acción principal, ¿por qué no está más enfocada?
El otrora excelente Beegit utiliza un botón de acción flotante para proporcionar acceso rápido a mensajes de ayuda y actualizaciones de noticias en la plataforma. ¿Es esa la función principal de una página de composición?
Parafraseando un truismo de diseño común, no hay malos patrones de diseño, solo malos diseñadores. Al igual que el menú Hamburger, el botón de acción flotante tiene un buen caso de uso, pero ese caso de uso rara vez ocurre; como el menú Hamburger, el talón de Aquiles del Botón de Acción Flotante es un mal uso frecuente. los Sección de MD sobre botones flotantes estipula que la funcionalidad asignada a los botones de acción flotantes son "importantes y omnipresentes", sin embargo, se usan más comúnmente como estilo, cuando la mejor opción sería una interfaz de usuario más enfocada.
Al igual que el menú Hamburger, el botón de acción flotante resuelve el problema del diseñador, no el de los usuarios.