Googles materialdesign fortsetter å være en populær tilnærming til moderne webdesign. En nesten flat stil, settet av prinsipper - opprinnelig utformet som merkets retningslinjer for Google - beskriver en lagbasert tilnærming til UI-design.

Bortsett fra det prescriptive fargeskjemaet, er nøye nøytral typografi og Disney-esque animasjon, Material Design's flytende knappekonsept, kanskje det mest gjenkjennelige aspektet av stilen. Den Flytende Handlingsknappen ser imidlertid ut til å følge samme bane som Hamburger-menyen; fra frelser til paria om noen få korte måneder.

Flytende handlingsknapper sitter skille fra resten av et brukergrensesnitt, utformet for å virke som om de flyter over toppen av innholdet. Nesten utelukkende en sirkel, de er en behagelig minimal form, som gir seg til animasjon. Flytende handlingsknapper er den naturlige utviklingen av den klissete heisen som har vært populær de siste årene. Spranget som Google gjorde for å bevege seg utover den klissete overskriften, var å avkoble den flytende handlingsknappen fra resten av navigasjonen. Dette var i stor grad påvirket av mobilbanenes oppgang; posisjonering av flytehandlingsknappen nederst til høyre på skjermen (som det nesten alltid er tilfelle) gjør det enkelt for tommelen å trykke på den.

Google pluss

Bruken av en flytende handlingsknapp i Google+ redesign oppfordrer deg til å legge inn innhold, i stedet for å hjelpe deg med å konsumere det. Dessuten, å være diametralt motsatt resten av navigasjonen er et ulempe på større skjermer.

Som den flytende handlingsknappen finner veien til design for skjermer som er større enn en telefon, blir det lettere å legge til rette for bunndrangering i økende grad. Som Hamburger-menyen før den oppdager den flytende handlingsknappen at mobil-første løsninger ikke alltid oversetter til skrivebordet.

Deres form, posisjon og farge sikrer Flytende handlingsknapper skiller seg ut fra resten av brukergrensesnittet, hovedsakelig fordi dagens trender for flat, halvflate og Material Design stiler alle andre elementer som vanlige rektangler. Men det er viktig å erkjenne at akkurat som den flytende handlingsknappen er visuelt forskjellig på en side, er den visuelt gjenkjennelig på tvers av ulike prosjekter. Material Design er først og fremst et bedriftsmerke; med merkeidentitet som et viktig forretningsmessig aktivum, er det usannsynlig å mimere Googles verdi til kundens virksomhet.

vkplayer

De VKPlayer-app bruker en flytende handlingsknapp for å veksle kontroller, som ser kult ut, men ville ikke en avspilling / pause-knapp være den primære handlingen her?

Ifølge Material Design spesifikasjon Flytende handlingsknapper brukes som en snarvei til den primære handlingen på en side; legger til et nytt element, eller starter et nytt søk. I dette tilfellet er ikonene for funksjonen relativt kanoniske, og handlingen knappen er knyttet til, er tydelig. Imidlertid representerer et enkelt ikon ikke tilstrekkelig en funksjon.

Hva er mer problematisk er stasjonen for å redusere et nettsted eller en app til en enkelt bruk. Som fremhevet i Teo Yu Siang detaljert kritikk av den flytende handlingsknappen bruk av flytende handlingsknapper pålegger en designers intensjoner på brukeren; de oppfordres til å skrive en epost når de vil lese gjennom innboksen deres; de oppfordres til å ta et nytt bilde når de vil se på sine tidligere bilder.

Knappen Flytende handling er ment å trekke en primær handling ut av brukergrensesnittet som en bekvemmelighet, men hvis brukergrensesnittet krever en primær handling, hvorfor er det ikke mer fokusert?

beegit

Den ellers utmerket Beegit bruker en flytende handlingsknapp for å gi rask tilgang til hjelpemeldinger og nyhetsoppdateringer på plattformen. Er det egentlig den primære funksjonen til en sammensetningsside?

For å omskrive en felles design truism, er det ingen dårlige designmønstre, bare dårlige designere. I likhet med Hamburger-menyen, har den flytende handlingsknappen en god brukstilstand, men det er sjelden at brukskassen forekommer. Som Hamburger-menyen, er den Floating Action Button's akilleshæl ofte misbruk. De MD-delen på flytende knapper fastslår at funksjonaliteten som er kartlagt til flytende handlingsknapper, er "viktig og allestedsnærværende nok", men de blir mer vanlig brukt som en stil, da det bedre alternativet ville være et mer fokusert brukergrensesnitt.

Som Hamburger-menyen løser den flytende handlingsknappen designers problem, ikke brukerens.