Προτού ανακοινωθεί επίσημα αυτόν το μήνα, η Google δημοσίευσε κατά λάθος ένα blog post που περιέγραφε την σκέψη και την έρευνα πίσω από το Material 3 Expressive.
Το πλήρες άρθρο διασώθηκε από το Wayback Machine. Ακολουθούν τα βασικά σημεία:
Τι είναι το Material 3 Expressive;
Το Material 3 Expressive αποτελεί την «τολμηρή νέα κατεύθυνση για το σχεδιασμό» της Google, που χαρακτηρίζεται ως «η πιο ερευνημένη ενημέρωση του συστήματος σχεδιασμού της Google, που έχει υπάρξει ποτέ».
Η Google επιδιώκει οι εφαρμογές να «ξεπεράσουν τον ‘καθαρό’ και ‘βαρετό’ σχεδιασμό, δημιουργώντας διεπαφές που συνδέονται συναισθηματικά με τους χρήστες». Εκτός από το πλήρες όνομα, αναφέρεται και ως «M3 Expressive» ή απλά «εκφραστικός σχεδιασμός».
Ένα βασικό στοιχείο προέλευσης
Το Material 3 Expressive προέκυψε από έρευνα – και όχι απλώς από επιλογές χρωμάτων, όπως η επιλογή 41 αποχρώσεων του μπλε που αφήνει τις αποφάσεις στον αλγόριθμο, αλλά μέσα από μια συνεργατική διαδικασία που συνδυάζει έρευνα, σχεδιασμό και μηχανική.
Το 2022, η ομάδα Material Design άρχισε να ρωτά:
«Γιατί όλα αυτά τα apps μοιάζουν τόσο παρόμοια; Τόσο βαρετά; Δεν υπάρχει χώρος να ενισχύσουμε το συναίσθημα;»
Τα τρία χρόνια που ακολούθησαν, εξερεύνησαν τις συνέπειες αυτής της συζήτησης, περνώντας από δεκάδες γύρους σχεδιασμού και έρευνας για να βρουν την επόμενη εξέλιξη του Material Design. Μέσω 46 ξεχωριστών μελετών με εκατοντάδες σχέδια και πάνω από 18.000 συμμετέχοντες από όλο τον κόσμο, δημιούργησαν ένα σύστημα που είναι ταυτόχρονα όμορφο και ιδιαίτερα χρηστικό.
Οι αρχές του Material 3 Expressive βασίζονται σε ισχυρή έρευνα και σε διαχρονικές βέλτιστες πρακτικές χρηστικότητας, ώστε οι σχεδιαστές να μπορούν με αυτοπεποίθηση να χρησιμοποιούν αυτά τα νέα στοιχεία και αρχές, γνωρίζοντας ότι δημιουργούν κάτι εύχρηστο και που οι χρήστες μπορούν να συνδεθούν.
Οι μελέτες έρευνας περιελάμβαναν:
- Eye tracking: Ανάλυση πού συγκεντρώνεται η προσοχή των χρηστών
- Ερωτηματολόγια και ομάδες εστίασης: Μέτρηση συναισθηματικών αντιδράσεων σε διαφορετικά σχέδια
- Πειράματα: Συλλογή γνώμης και προτιμήσεων
- Χρηστικότητα: Πόσο γρήγορα κατανοούν και χρησιμοποιούν οι συμμετέχοντες μια διεπαφή
Η Google αναφέρει ότι τα «θεμέλια του εκφραστικού σχεδιασμού είναι η χρήση χρώματος, σχήματος, μεγέθους, κίνησης και περιεχομένου».
Επιπλέον: «Το Material 3 Expressive χαρακτηρίζεται από την τολμηρή χρήση σχήματος και χρώματος – δημιουργώντας ευχάριστες εμπειρίες χρήστη».
Χαρακτηριστικά στοιχεία και δείγματα σχεδιασμού
Ένα από τα στοιχεία που προέκυψαν από το Material 3 Expressive είναι η «κινούμενη γραμμή εργαλείων». Σε πρωτότυπα σχέδια βλέπουμε μια «pill-shaped» κάτω μπάρα που δεν εκτείνεται σε όλο το πλάτος της οθόνης. Αυτό δημιουργεί μια λεπτή γραμμή του παρασκηνίου, δίνοντας έμφαση σε edge-to-edge σχεδιασμό, όπως συμβαίνει και στο Google Chat.
Οι έρευνες της Google έδειξαν πως τα εκφραστικά σχέδια είναι πιο εύκολα στη χρήση και βοηθούν τους χρήστες να «βλέπουν γρήγορα την κύρια ενέργεια σε κάθε οθόνη και να πλοηγούνται πιο γρήγορα».
Πιο συγκεκριμένα, οι συμμετέχοντες ήταν σε θέση να εντοπίσουν βασικά στοιχεία της διεπαφής έως 4 φορές πιο γρήγορα, δείχνοντας ότι αυτά τα σχέδια κατευθύνουν αποτελεσματικά την προσοχή του χρήστη στα πιο σημαντικά μέρη της οθόνης. Αυτό το αποτέλεσμα δεν αφορά μόνο το χρόνο εντοπισμού, αλλά και τη μείωση του χρόνου για να πατήσει κανείς το βασικό κουμπί ή την ενέργεια.
Παραδείγματα σχεδιασμού
Παρακολουθώντας συγκεκριμένα σχέδια, όπως μια εφαρμογή email, διαπιστώνουμε τα οφέλη των εκφραστικών αρχών. Για παράδειγμα, το κουμπί «Αποστολή» στο νέο σχέδιο είναι μεγαλύτερο, τοποθετημένο πάνω από το πληκτρολόγιο και χρησιμοποιεί ένα δευτερεύον χρώμα για να τραβήξει την προσοχή. Σε σύγκριση με το μη-εκφραστικό σχέδιο, όπου το μικρό κουμπί «Αποστολή» βρίσκεται στην κορυφή της οθόνης μαζί με άλλα ελέγχους, η διαφορά στην ταχύτητα εντοπισμού ήταν 4 φορές μεγαλύτερη για το εκφραστικό σχέδιο.
Άλλα παραδείγματα περιλαμβάνουν εφαρμογές ρολογιού, φωνητικής εισαγωγής, επεξεργασίας φωτογραφιών, πληρωμών και πορτοφολιού.
Σχόλια και προοπτικές
Ένα από τα σχόλια που ξεχώρισαν, από τον Zargh, αναφέρει: «Η επιτυχία ή αποτυχία της υιοθέτησης θα εξαρτηθεί από το πόσο εύκολο είναι να υλοποιηθεί και να ενημερωθεί το θέμα από το M3. Το Jetpack Compose βρίσκεται σε πολύ καλύτερη κατάσταση αυτές τις μέρες, οπότε είμαι επιφυλακτικά αισιόδοξος».
Ταυτόχρονα, η έρευνα και η δοκιμή χρηστικότητας αποκάλυψαν ότι ένα «καλά εφαρμοσμένο εκφραστικό σχέδιο» προτιμάται από ανθρώπους κάθε ηλικίας έναντι ενός μη-εκφραστικού που ακολουθεί τις iOS Human Interface Guidelines.
Επιπλέον, η Google διαπίστωσε ότι το εκφραστικό σχέδιο «είναι και ‘cool’», ειδικά σε επίπεδο brand:
- Έχει 32% αύξηση στην αντίληψη του «κουλ» χαρακτήρα του προϊόντος,
- 34% στην αίσθηση της σύγχρονης και καινοτόμας εικόνας,
- και 30% στην αντίληψη ότι μια μάρκα είναι τολμηρή και πρωτοπόρα, έτοιμη να διακόψει τα παραδοσιακά πρότυπα.
Αυτή η νέα προσέγγιση δείχνει ότι η Google στοχεύει όχι μόνο σε λειτουργικότητα, αλλά και στη δημιουργία εμπειριών που συνδέονται συναισθηματικά με τους χρήστες, προωθώντας μια πιο «δυναμική και τολμηρή» εικόνα για τα προϊόντα της.
