O botão de ação flutuante é o novo menu do hambúrguer?
O material design do Google continua sendo uma abordagem popular para o design da web contemporânea. Um estilo quase plano, o conjunto de princípios - originalmente concebido como diretrizes da marca para o Google - descreve uma abordagem baseada em camadas para o design da interface do usuário.
Além do esquema de cores prescritivo, a tipografia cuidadosamente neutra e a animação da Disney, o conceito de botão flutuante do Material Design é talvez o aspecto mais reconhecível do estilo. No entanto, o Botão de Ação Flutuante parece estar seguindo a mesma trajetória do Menu do Hambúrguer; de salvador a paria em poucos meses.
Botões flutuantes de ação ficam à parte do resto de uma interface de usuário, com estilo para aparecer como se flutuando sobre o conteúdo. Quase exclusivamente um círculo, eles são uma forma agradável e mínima, que se presta a animação. Botões flutuantes de ação são a evolução natural do cabeçalho que tem sido popular nos últimos anos. O salto que o Google fez para ir além do cabeçalho pegajoso foi dissociar o Botão de Ação Flutuante do resto da navegação. Isso foi influenciado em grande parte pela ascensão da web móvel; posicionar o Botão de Ação Flutuante no canto inferior direito da tela (como é quase sempre o caso) facilita o seu polegar para tocá-lo.
O uso de um botão de ação flutuante no Redesign do Google+ incentiva você a publicar conteúdo, em vez de ajudá-lo a consumi-lo. Além disso, estar diametralmente oposto ao resto da navegação é um inconveniente em telas maiores.
À medida que o Botão de Ação Flutuante encontra seu caminho em projetos para telas maiores que um telefone, a conveniência do posicionamento inferior direito torna-se cada vez mais um obstáculo. Como o Hamburger Menu antes dele, o botão de ação flutuante está descobrindo que as soluções para dispositivos móveis nem sempre são convertidas para a área de trabalho.
Sua forma, posição e cor garantem que Botões de ação flutuantes se destacam do restante de uma interface do usuário, principalmente porque as tendências atuais de design plano, semi-plano e material designam todos os outros elementos como retângulos regulares. Mas é importante reconhecer que, assim como o botão de ação flutuante é visualmente distinto em uma página, ele é visualmente reconhecível em vários projetos diferentes. Material Design é, antes de tudo, uma marca corporativa; Com a identidade da marca, um recurso vital para a empresa, é pouco provável que imitar o do Google agregue valor aos negócios do seu cliente.
o Aplicativo VKPlayer usa um botão de ação flutuante para alternar controles, o que parece legal, mas um botão de reprodução / pausa não seria a principal ação aqui?
De acordo com Especificação do material design Os Botões de Ação Flutuante são usados como um atalho para a ação principal em uma página; adicionar um novo item ou iniciar uma nova pesquisa. Nesse cenário, os ícones da função são relativamente canônicos e a ação à qual o botão está associado é clara. No entanto, muitas vezes, um único ícone não representa adequadamente uma função.
O que é mais problemático é a unidade para reduzir um site ou aplicativo a um único uso. Conforme destacado em Teo Yu Siang crítica detalhada do botão de ação flutuante o uso de Botões de Ação Flutuantes impõe as intenções de um designer ao usuário; eles são encorajados a escrever um e-mail quando quiserem ler sua caixa de entrada; Eles são encorajados a tirar uma nova foto, quando querem rever suas imagens passadas.
O botão de ação flutuante destina-se a extrair uma ação principal da interface do usuário por conveniência, mas se a interface do usuário exigir uma ação principal, por que ela não é mais focada?
O excelente caso contrário Beegit usa um botão de ação flutuante para fornecer acesso rápido a mensagens de ajuda e atualizações de notícias na plataforma. Essa é realmente a principal função de uma página de composição?
Parafraseando um truísmo comum de design, não há padrões de design ruins, apenas designers ruins. Como o Menu do Hambúrguer, o Botão de Ação Flutuante tem um bom caso de uso, mas esse caso de uso raramente ocorre; como o Hamburger Menu, o calcanhar de Aquiles do Floating Action Button é um mau uso frequente. o Seção MD em Botões Flutuantes estipula que a funcionalidade mapeada para botões flutuantes de ação é "importante e onipresente o suficiente", no entanto, eles são mais comumente usados como um estilo, quando a melhor opção seria uma interface mais focada.
Como o Hamburger Menu, o botão de ação flutuante resolve o problema do designer, não dos usuários.