Googles Material Design fortsætter med at være en populær tilgang til moderne webdesign. En næsten flad stil, det sæt af principper, der oprindelig blev designet som brand-retningslinjer for Google, beskriver en lagbaseret tilgang til brugergrænsefladesign.

Bortset fra det præskriptive farveskema er den omhyggeligt neutrale typografi og Disney-esque animation, Material Design's flydende knapkoncept, måske det mest genkendelige aspekt af stilen. Den Floating Action Button ser imidlertid ud til at følge samme spor som Hamburger Menuen; fra frelser til paria om nogle få korte måneder.

Flydende handlingsknapper sidder adskilt fra resten af ​​et brugergrænseflad, stilet til at virke som om der flyder over indholdets øverste indhold. Næsten udelukkende en cirkel, de er en behageligt minimal form, der egner sig til animation. Flydende handlingsknapper er den naturlige udvikling af det klæbende hoved, der har været populært i de sidste par år. Spranget, som Google gjorde for at bevæge sig ud over det klæbende overskrift, var at afkoble den flydende handlingsknap fra resten af ​​navigationen. Dette var i høj grad påvirket af mobilwebens stigning; Placering af flydende handlingsknappen nederst til højre på skærmen (som det næsten altid er tilfældet) gør det nemt for tommelfingeren at trykke på den.

googleplus

Brugen af ​​en flydende handlingsknap i Google+ redesign opfordrer dig til at indsætte indhold, snarere end at hjælpe dig med at forbruge det. Hvad mere er at være diametralt modsat resten af ​​navigationen er en ulempe på større skærme.

Da den flydende handlingsknap finder vej i design til skærme, der er større end en telefon, bliver bekvemmeligheden af ​​bunden af ​​højre placering i stigende grad en hindring. Ligesom Hamburger-menuen før det opdager den Flydende handlingsknap, at mobile første løsninger ikke altid oversættes til skrivebordet.

Deres form, position og farve sikrer, at flydende handlingsknapper skiller sig ud fra resten af ​​brugergrænsefladen, hovedsagelig fordi de nuværende tendenser til fladt, halvfladt og materiale design stiler alle andre elementer som almindelige rektangler. Men det er vigtigt at erkende, at ligesom den flydende handlingsknap er visuelt forskellig på en side, er den visuelt genkendelig på tværs af en række forskellige projekter. Material Design er først og fremmest et corporate brand; med brandidentitet er et vigtigt aktivitetsaktiv, er det usandsynligt, at imitere Googles værdi vil tilføre din kundes forretningsmæssige værdi.

vkplayer

Det VKPlayer-app bruger en flydende handlingsknap til at skifte kontrol, som ser cool ud, men ville ikke en afspilnings- / pauseknap være den primære handling her?

Ifølge Materiale design specifikation Flydende handlingsknapper bruges som en genvej til den primære handling på en side; tilføjer et nyt emne, eller starter en ny søgning. I dette scenario er ikonerne for funktionen relativt kanoniske, og den handling, som knappen er forbundet med, er tydelig. Imidlertid repræsenterer et enkelt ikon ikke tilstrækkeligt en funktion.

Hvad er mere problematisk er drevet til at reducere et websted eller en app til en enkelt brug. Som fremhævet i Teo Yu Siang's detaljeret kritik af den flydende handlingsknap brugen af ​​flydende handlingsknapper pålægger brugerens intentioner de opfordres til at skrive en email, når de vil læse gennem deres indbakke de opfordres til at tage et nyt billede, når de vil gennemgå deres tidligere billeder.

Den flydende handlingsknap er beregnet til at trække en primær handling ud af brugergrænsefladen som en bekvemmelighed, men hvis brugergrænsefladen nødvendiggør en primær handling, hvorfor er det ikke mere fokuseret?

beegit

Den ellers fremragende Beegit bruger en flydende handlingsknap til at give hurtig adgang til hjælpemeddelelser og nyhedsopdateringer på platformen. Er det virkelig den primære funktion af en sammensætningsside?

At omskrive en fælles design truism, der er ingen dårlige design mønstre, kun dårlige designere. Ligesom Hamburger-menuen har den flydende handlingsknap et godt brugs-tilfælde, men der er sjældent tilfælde af brugen; Som Hamburger Menuen er den Floating Action Button's akilleshæl ofte misbrug. Det MD sektion på Flydende knapper bestemmer, at funktionaliteten kortlagt til flydende handlingsknapper er "vigtig og allestedsnærværende nok", men de bruges mere som en stil, når den bedre mulighed ville være en mere fokuseret brugerflade.

Ligesom Hamburger-menuen løser den flydende handlingsknap designers problem, ikke brugerens.