Google's Material Design blijft een populaire benadering van hedendaags webdesign. Een bijna vlakke stijl, de set principes - oorspronkelijk ontworpen als merkrichtlijnen voor Google - beschrijft een op lagen gebaseerde benadering van UI-ontwerp.

Afgezien van het prescriptieve kleurenschema, de zorgvuldig neutrale typografie en de Disney-achtige animatie, is het zwevende knopconcept van Material Design misschien wel het meest herkenbare aspect van de stijl. De zwevende actieknop lijkt echter dezelfde baan te volgen als het Hamburger-menu; van redder tot paria in een paar korte maanden.

Zwevende actieknoppen zitten los van de rest van een gebruikersinterface, gestyled om te lijken alsof ze over de inhoud zweven. Bijna uitsluitend een cirkel, ze zijn een aangenaam minimale vorm, die zich leent voor animatie. Drijvende actieknoppen zijn de natuurlijke evolutie van de kleverige kop die de laatste jaren populair is geweest. De sprong die Google maakte om voorbij de plakkerige kop te gaan, was om de zwevende actieknop los te koppelen van de rest van de navigatie. Dit werd grotendeels beïnvloed door de opkomst van het mobiele web; door de zwevende actieknop in de rechterbenedenhoek van het scherm te plaatsen (zoals bijna altijd het geval is), kunt u er gemakkelijk op tikken met uw duim.

Google Plus

Het gebruik van een zwevende actieknop in de Google+ herontwerp moedigt je aan om inhoud te plaatsen, in plaats van je te helpen het te consumeren. Bovendien is het diametraal tegenover de rest van de navigatie een ongemak op grotere schermen.

Omdat de zwevende actieknop zijn weg vindt naar ontwerpen voor schermen die groter zijn dan een telefoon, wordt het gemak van plaatsing rechtsonder steeds meer een belemmering. Net als het Hamburger-menu ervoor, ontdekt de drijvende actieknop dat oplossingen die voor het eerst worden gebruikt, niet altijd naar desktop vertalen.

Hun vorm, positie en kleur zorgen ervoor dat de zwevende actieknoppen zich onderscheiden van de rest van een gebruikersinterface, vooral omdat de huidige trends voor plat, halfvlak en materiaalontwerp alle andere elementen als standaardrechthoeken weergeven. Maar het is belangrijk om te weten dat, net zoals de zwevende actieknop visueel verschillend is op een pagina, deze visueel herkenbaar is voor verschillende verschillende projecten. Material Design is in de eerste plaats een corporate merk; met merkidentiteit is dit een vitaal bedrijfsmiddel. Het nabootsen van Google is onwaarschijnlijk dat het waarde toevoegt aan de activiteiten van uw klant.

vkplayer

De VKPlayer-app gebruikt een zwevende actieknop om te schakelen tussen bedieningselementen, die er cool uitziet, maar zou een afspeel- / pauzeknop niet de primaire actie zijn?

Volgens de Materiaalontwerpspecificatie Zwevende actieknoppen worden gebruikt als een snelkoppeling naar de primaire actie op een pagina; een nieuw item toevoegen of een nieuwe zoekopdracht starten. In dat scenario zijn de pictogrammen voor de functie relatief canoniek en is de actie waaraan de knop is gekoppeld duidelijk. Vaak vertegenwoordigt een enkel pictogram echter niet voldoende een functie.

Wat nog problematischer is, is de drang om een ​​site of app te reduceren tot eenmalig gebruik. Zoals aangegeven in Teo Yu Siang's gedetailleerde kritiek op de drijvende actieknop het gebruik van drijvende actieknoppen legt de bedoelingen van een ontwerper op aan de gebruiker; ze worden aangemoedigd een e-mail op te stellen wanneer ze hun inbox willen lezen; ze worden aangemoedigd om een ​​nieuwe foto te maken, wanneer ze hun eerdere afbeeldingen willen bekijken.

De zwevende actieknop is bedoeld om een ​​primaire actie uit de gebruikersinterface te trekken voor het gemak, maar als de UI een primaire actie vereist, waarom is het dan niet meer gefocust?

beegit

De anders uitstekend Beegit gebruikt een zwevende actieknop om snelle toegang te bieden tot helpberichten en nieuwsupdates op het platform. Is dat echt de primaire functie van een compositiepagina?

Om een ​​gemeenschappelijke ontwerptrantism te parafraseren, zijn er geen slechte ontwerppatronen, alleen slechte ontwerpers. Net als het Hamburger-menu heeft de zwevende actieknop een goede use-case, maar dat use-case komt zelden voor; zoals het Hamburger-menu, is de achilleshiel van de zwevende actieknop vaak verkeerd gebruikt. De MD-gedeelte over zwevende knoppen bepaalt dat de functionaliteit die is toegewezen aan zwevende actieknoppen "belangrijk en alomtegenwoordig genoeg" is, maar ze worden vaker als stijl gebruikt, terwijl de betere optie een meer gerichte gebruikersinterface zou zijn.

Net als het Hamburger-menu lost de zwevende actieknop het probleem van de ontwerper op, niet die van de gebruiker.