Το υλικό σχεδιασμού της Google εξακολουθεί να είναι μια δημοφιλής προσέγγιση στο σύγχρονο σχεδιασμό ιστοσελίδων. Ένα σχεδόν επίπεδο στυλ, το σύνολο των αρχών - που σχεδιάστηκαν αρχικά ως κατευθυντήριες γραμμές για την επωνυμία της Google - περιγράφουν μια προσέγγιση που βασίζεται σε στρώματα στο σχεδιασμό του UI.

Εκτός από το κανονιστικό σχέδιο χρώματος, την προσεκτικά ουδέτερη τυπογραφία και την κινουμένων σχεδίων Disney-esque, η σχεδίαση του σχεδίου με το Material Design είναι ίσως η πιο αναγνωρίσιμη πτυχή του στυλ. Ωστόσο, το κουμπί Floating Action φαίνεται να ακολουθεί την ίδια τροχιά με το μενού Hamburger. από τον σωτήρα μέχρι τον παρία σε λίγους μήνες.

Τα κυμαινόμενα κουμπιά δράσης χωρίζονται από το υπόλοιπο περιβάλλον χρήστη, με το στυλ να εμφανίζεται σαν να επιπλέει πάνω από το πάνω μέρος του περιεχομένου. Σχεδόν αποκλειστικά ένας κύκλος, είναι ένα παραμικρό ελάχιστο σχήμα, που προσφέρεται για κινούμενα σχέδια. Τα κυμαινόμενα κουμπιά δράσης είναι η φυσική εξέλιξη της κολλητικής κεφαλίδας που έχουν γίνει δημοφιλείς τα τελευταία χρόνια. Το άλμα που έκανε η Google για να προχωρήσει πέρα ​​από την κολλητική κεφαλίδα ήταν να αποσυνδέσει το Κουμπί Πλωτής Δράσης από την υπόλοιπη πλοήγηση. Αυτό επηρεάστηκε σε μεγάλο βαθμό από την άνοδο του κινητού ιστού. η τοποθέτηση του Κουμπιού Κυμαινόμενης Δράσης στην κάτω δεξιά γωνία της οθόνης (όπως σχεδόν πάντα συμβαίνει) σας διευκολύνει να τον αγγίξετε.

googleplus

Η χρήση ενός κουμπιού κυμαινόμενης ενέργειας στο Επανασχεδιασμός του Google+ σας ενθαρρύνει να δημοσιεύσετε περιεχόμενο, αντί να σας βοηθήσουμε να το καταναλώσετε. Επιπλέον, η διαμετρική απέναντι από την υπόλοιπη πλοήγηση είναι μια ταλαιπωρία στις μεγαλύτερες οθόνες.

Καθώς το κουμπί κυμαινόμενης δράσης εντοπίζεται σε σχέδια για οθόνες μεγαλύτερες από ένα τηλέφωνο, η ευκολία της δεξιάς τοποθέτησης στο κάτω μέρος καθίσταται όλο και περισσότερο εμπόδιο. Όπως το μενού Hamburger πριν από αυτό, το κουμπί Floating Action ανακαλύπτει ότι οι λύσεις για κινητά πρώτα δεν μεταφράζονται πάντοτε στην επιφάνεια εργασίας.

Το σχήμα, η θέση και το χρώμα τους εξασφαλίζουν ότι τα Κυμαινόμενα Κουμπιά Δράσης ξεχωρίζουν από το υπόλοιπο περιβάλλον χρήστη, κυρίως επειδή οι τρέχουσες τάσεις για επίπεδη, ημι-επίπεδη και υλική σχεδίαση στυλ όλα τα άλλα στοιχεία ως κανονικά ορθογώνια. Αλλά είναι σημαντικό να αναγνωρίσουμε ότι, όπως το κουμπί Floating Action είναι οπτικά ξεχωριστό σε μια σελίδα, είναι οπτικά αναγνωρίσιμο σε μια σειρά διαφορετικών έργων. Το σχεδιασμό υλικών είναι πρωτίστως ένα εταιρικό σήμα. με την ταυτότητα της μάρκας να είναι τόσο ζωτικής σημασίας για τις επιχειρήσεις, η μιμητική Google είναι απίθανο να προσθέσει αξία στην επιχείρηση του πελάτη σας.

vkplayer

ο Εφαρμογή VKPlayer χρησιμοποιεί ένα κουμπί μεταβλητής ενέργειας για την εναλλαγή των στοιχείων ελέγχου, το οποίο φαίνεται δροσερό, αλλά δεν θα ήταν το κύριο βήμα εδώ το κουμπί αναπαραγωγής / παύσης;

Σύμφωνα με την Προδιαγραφές σχεδιασμού υλικών Τα κυμαινόμενα κουμπιά ενέργειας χρησιμοποιούνται ως συντόμευση στην κύρια ενέργεια μιας σελίδας. προσθέτοντας ένα νέο στοιχείο ή ξεκινώντας μια νέα αναζήτηση. Σε αυτό το σενάριο τα εικονίδια για τη λειτουργία είναι σχετικά κανονικά και η ενέργεια με την οποία συνδέεται το κουμπί είναι ξεκάθαρη. Ωστόσο, συχνά ένα μόνο εικονίδιο δεν αντιπροσωπεύει επαρκώς μια λειτουργία.

Αυτό που είναι πιο προβληματικό είναι η προσπάθεια να μειωθεί ένας ιστότοπος ή μια εφαρμογή σε μία μόνο χρήση. Όπως τονίζεται στο Teo Yu Siang's λεπτομερή κριτική του κουμπιού Floating Action η χρήση των Κουμπιών Κινούμενης Δράσης επιβάλλει στο χρήστη σχεδιαζόμενες προθέσεις του σχεδιαστή. ενθαρρύνονται να συντάσσουν ένα μήνυμα ηλεκτρονικού ταχυδρομείου όταν θέλουν να διαβάσουν τα εισερχόμενά τους. ενθαρρύνονται να κάνουν μια νέα φωτογραφία, όταν θέλουν να αναθεωρήσουν τις εικόνες τους στο παρελθόν.

Το κουμπί "Πλατφόρμα δράσης" αποσκοπεί να τραβήξει μια κεντρική ενέργεια από το περιβάλλον εργασίας χρήστη ως ευκολία, αλλά εάν το UI απαιτεί μια κύρια ενέργεια, γιατί δεν είναι περισσότερο εστιασμένη;

beegit

Η κατά τα άλλα εξαιρετική Beegit χρησιμοποιεί ένα κουμπί μεταβλητής ενέργειας για να παρέχει γρήγορη πρόσβαση για να βοηθήσει μηνύματα και ενημερώσεις ειδήσεων στην πλατφόρμα. Είναι αυτή η κύρια λειτουργία μιας σελίδας σύνθεσης;

Για να παραφράσω μια κοινή αλήθεια σχεδιασμού, δεν υπάρχουν κακά σχέδια σχεδίασης, μόνο κακοί σχεδιαστές. Όπως το μενού Hamburger, το κινούμενο κουμπί δράσης έχει μια καλή χρήση, αλλά η περίπτωση χρήσης σπάνια συμβαίνει. όπως το μενού Hamburger, η αχίλλειά του πέλματος του Floating Action Button είναι συχνή εσφαλμένη χρήση. ο Ενότητα MD σχετικά με τα κυμαινόμενα κουμπιά ορίζει ότι η λειτουργικότητα που απεικονίζεται στα κουμπιά Κυμαινόμενης Δράσης είναι "αρκετά σημαντική και πανταχού παρούσα", ωστόσο χρησιμοποιούνται συχνότερα ως στυλ, όταν η καλύτερη επιλογή είναι ένα πιο εστιασμένο περιβάλλον χρήστη.

Όπως το μενού Hamburger, το κουμπί Floating Action επιλύει το πρόβλημα του σχεδιαστή, όχι των χρηστών.