Googlen materiaalisuunnittelu on edelleen suosittu lähestymistapa nykyaikaiseen web-suunnitteluun. Lähes tasainen tyyli, periaatteet - jotka alun perin suunniteltiin brändin suuntaviivoiksi Googlelle - kuvaavat kerrospohjaista lähestymistapaa käyttöliittymäsuunnitteluun.

Materiaalisuunnittelun floating button -konsepti on kenties tunnetuin piirre tyylistä, lukuun ottamatta säädettävää värimallia, huolellisesti neutraalia typografiaa ja Disney-esikuvia animaatioita. Kelluva toimintopainike näyttää kuitenkin noudattavan samaa lentoreittiä kuin Hampurilaisvalikko; Vapahtajasta pariaan muutamassa lyhyessä kuukaudessa.

Kelluvat Action-painikkeet istuvat muusta käyttöliittymästä erillään, ja ne näyttävät ikään kuin kelluvat yli sisällön. Melkein yksinomaan ympyrä, he ovat miellyttävän pieni muoto, joka sopii animaatioon. Kelluvat Action-painikkeet ovat viime vuosien suosion tuntemattoman otsikon luonnollinen kehitys. Google-hyppy, joka on siirtynyt liikkumattoman otsikon yli, oli erottaa Floating Action -painike muusta navigoinnista. Tätä vaikutti suuresti mobiiliverkon nousu; näytön oikeassa alakulmassa olevan kelluvan toimintopainikkeen sijoittaminen (kuten lähes aina) tekee peukalosi helposti napauttamalla sitä.

Google plus

Floating Action - painikkeen käyttö Google+ uudelleensuunnittelu kannustaa sinua lähettämään sisältöä sen sijaan, että autat sinua kuluttamaan sitä. Lisäksi ylimääräinen vastakkaus muuhun navigointiin nähden on haitta suurissa näytöissä.

Koska kelluva toimintopainike löytää tavan suunnitella puhelimen suurempia näyttöjä, alhaalta oikean sijoituksen kätevyys tulee yhä enemmän esteeksi. Kuten ennen Hampurin valikkoa, Floating Action -painike havaitsee, että mobiililaitteiden ensimmäiset ratkaisut eivät aina käännä työpöydälle.

Niiden muoto, sijainti ja väri varmistavat, että Floating Action -nappit eroavat muusta käyttöliittymästä pääasiassa siksi, että tasainen, puoliaikainen ja materiaalisuunnittelu nykyiset suuntaukset muokkaavat kaikki muut elementit säännöllisinä suorakulmioina. Mutta on tärkeää huomata, että aivan kuten liukuva toimintopainike on visuaalisesti erillinen sivulta, se on visuaalisesti tunnistettavissa monenlaisissa projekteissa. Materiaalimalli on ennen kaikkea yrityksen brändi; sillä brändin identiteettinä tällainen elintärkeä liiketoiminnallinen hyödyke, joka jäljittelee Googlen, ei todennäköisesti lisää arvoasi asiakkaan liiketoimintaan.

vkplayer

VKPlayer app VKPlayer app käyttää liukuvaa toimintopainiketta vaihtaaksesi hallintalaitteita, jotka näyttävät viileältä, mutta ei leikki / tauko -painike ole ensisijainen täällä?

Mukaan Materiaalin suunnittelun määrittely Floating Action -näppäimillä käytetään pikakuvaketta sivun ensisijaiseen toimintaan; lisäämällä uusi kohde tai aloittamalla uusi haku. Tässä skenaariossa toimintojen kuvakkeet ovat suhteellisen kanonisia, ja toiminta, johon painike liittyy, on selkeä. Usein yksittäinen kuvake ei kuitenkaan edusta riittävästi funktiota.

Ongelmallisempaa on ajaa sivuston tai sovelluksen vähentämiseen yhdeksi käyttökerraksi. Kuten korostettiin Teo Yu Siang'sissa yksityiskohtaisen kritiikin Floating Action -painikkeesta Floating Action Buttons -toiminnon käyttö asettaa suunnittelijan aikeet käyttäjälle; heitä kannustetaan kirjoittamaan sähköpostia, kun he haluavat lukea heidän postilaatikkonsa; heitä kannustetaan ottamaan uusi kuva, kun he haluavat tarkastella aiempia kuvia.

Kelluva toiminto -näppäimen tarkoituksena on vetää ensisijainen toiminto käyttöliittymästä kätilönä, mutta jos käyttöliittymä edellyttää ensisijaista toimintaa, miksi se ei ole keskittynyt?

beegit

Muutoin erinomainen Beegit käyttää liukuvaa toimintopainiketta, jolla pääset nopeasti tukemaan viestien ja uutisten päivityksiä alustalla. Onko tämä todellakin koostussivun ensisijainen tehtävä?

Muotokuvamallia varten ei ole huonoja suunnittelumalleja, vain huonoja suunnittelijoita. Kuten Hampurilaisvalikossa, Floating Action -painikkeella on hyvä käyttökohde, mutta käyttötapa harvoin esiintyy; kuten Hampurilaisvalikossa, kelluva toimintopainike on akillesjännessä usein väärinkäytössä. MD section on Floating Buttons MD-osiossa Floating Buttons että Floating Action -painikkeilla kartoitettu toiminto on "tärkeä ja tarpeeksi yleinen", mutta niitä käytetään yleisemmin tyyliin, kun parempi vaihtoehto olisi tarkempi käyttöliittymä.

Kuten Hamburger Menu, Floating Action -painike ratkaisee suunnittelijan ongelman, ei käyttäjien.