¿Es el botón de acción flotante el nuevo menú de hamburguesas?
Material Design de Google sigue siendo un enfoque popular del diseño web contemporáneo. Un estilo casi plano, el conjunto de principios, originalmente diseñado 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 al estilo de 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 seguir la misma trayectoria que el menú de hamburguesas; de salvador a paria en unos pocos meses.
Los botones de acción flotantes se separan del resto de una interfaz de usuario, con un estilo que parece flotar sobre la parte superior del contenido. Casi exclusivamente un círculo, son una forma agradablemente mínima, que se presta a la animación. Los botones de acción flotantes son la evolución natural del encabezado adhesivo que ha sido popular durante los últimos años. El salto que hizo Google para ir más allá del encabezado adhesivo fue desacoplar el botón de acción flotante del resto de la navegación. Esto fue influenciado en gran medida por el auge de la web móvil; Colocar el botón de acción flotante en la parte inferior derecha de la pantalla (como es casi siempre el caso) facilita que su pulgar lo toque.
El uso de un botón de acción flotante en el rediseño de Google+ te anima a publicar contenido, en lugar de ayudarte a consumirlo. Además, estar 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 diseños para pantallas más grandes que un teléfono, la conveniencia de la ubicación en la parte inferior derecha se convierte cada vez más en un obstáculo. Al igual que el menú Hamburger antes, el botón de acción flotante está descubriendo que las soluciones móviles primero no siempre se traducen al escritorio.
Su forma, posición y color aseguran que los botones de acción flotantes se destaquen del resto de una interfaz de usuario, principalmente porque las tendencias actuales para el diseño plano, semiplano y de materiales dan estilo a 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; Dado que la identidad de marca es un activo comercial tan vital, es poco probable que imitar la de Google agregue valor al negocio de su cliente.
La Aplicación VKPlayer utiliza un botón de acción flotante para alternar los controles, lo que parece genial, pero ¿no sería un botón de reproducción / pausa 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 elemento o iniciar una nueva búsqueda. En ese escenario, los iconos 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 de reducir un sitio o una 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 flotantes impone las intenciones del diseñador al usuario; se les anima a redactar un correo electrónico cuando quieran leer su bandeja de entrada; se les anima a tomar una nueva foto, cuando quieran revisar sus imágenes pasadas.
El botón de acción flotante está destinado a extraer 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 de otra manera 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 realmente la función principal de una página de composición?
Parafraseando un tópico de diseño común, no hay malos patrones de diseño, solo malos diseñadores. Al igual que el menú Hamburguesa, el botón de acción flotante tiene un buen caso de uso, pero ese caso de uso rara vez ocurre; Al igual que el menú Hamburguesa, el talón de Aquiles del botón de acción flotante es un mal uso frecuente. La Sección MD sobre botones flotantes estipula que la funcionalidad asignada a los botones de acción flotante es «lo suficientemente importante y omnipresente», 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ú Hamburguesa, el botón de acción flotante resuelve el problema del diseñador, no el de los usuarios.
