Η Google για το τι να περιμένετε από τη διαφανή οθόνη του Android XR

Το Google Design έχει ένα ενδιαφέρον άρθρο αυτή την εβδομάδα σχετικά με τη δουλειά του Jetpack Compose Glimmer, του συστήματος σχεδιασμού του Android XR για “Σχεδίαση για διαφανείς οθόνες” και Display AI Glass.

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

Μπορείτε να πάρετε μια ιδέα για το τι να περιμένετε «κρατώντας το χέρι σας μπροστά σας στο μήκος του χεριού σας και εστιάζοντας στα δάχτυλά σας». Καθώς το κάνετε αυτό, “το περιβάλλον πίσω από το χέρι σας και γύρω του φεύγει εκτός εστίασης”, όπως φαίνεται στο παρακάτω βίντεο.

Αυτή ήταν μια πολύ σημαντική συνειδητοποίηση από την αρχή της ομάδας σχεδιασμού Android XR. Αυτό ακούγεται σαν μια μικρή λεπτομέρεια, αλλά σημαίνει ότι για να διαβάσει οποιοδήποτε περιεχόμενο, ένας χρήστης πρέπει συνειδητά να αλλάξει την εστίασή του. Μετατοπίζουν το βλέμμα τους από τον πραγματικό κόσμο – ας πούμε, το πρόσωπο ενός φίλου, ένα εκπληκτικό ηλιοβασίλεμα ή τον δρόμο μπροστά – σε αυτό το εστιακό επίπεδο ενός μέτρου. Αυτή δεν είναι μια παθητική άποψη. Είναι μια ενεργή, φυσική επιλογή να αλληλεπιδράσετε με τη διεπαφή χρήστη, έστω και μόνο για ένα χιλιοστό του δευτερολέπτου.

Η κίνηση σε τέτοιες οθόνες δεν μπορεί να είναι “σύγχυση ή ξένη”. Η εργασία της Google για τις ειδοποιήσεις διαπίστωσε ότι “μια τυπική αλλαγή ταχύτητας περίπου 500 χιλιοστών του δευτερολέπτου” συνέβη πολύ γρήγορα:

Διαφήμιση – Κάντε κύλιση για περισσότερο περιεχόμενο

Αντί να τραβήξουν σταδιακά την προσοχή κάποιου, ουσιαστικά θα «αναβοσβήνουν» και θα εμφανιστεί ξαφνικά μια ειδοποίηση.

Η εφαρμογή στην οποία έχει εγκατασταθεί το Android XR έχει μια μετάβαση εισερχόμενης ειδοποίησης περίπου δύο δευτερολέπτων κατά την οποία ένας κύκλος (με σήμα προφίλ avatar) επεκτείνεται σε ένα χάπι.

Με το κείμενο, ο άξονας οπτικού μεγέθους του Google Sans Flex χρησιμοποιείται για τη βελτίωση της αναγνωσιμότητας σε αυτήν την απόσταση ενός μέτρου:

…τα γράμματα όπως το a και το e έχουν μεγάλους μετρητές (ανοίγουν μέσα στο γράμμα), και τα σημεία του j και του i είναι πιο μακριά από το σώμα του γράμματος.

Συνιστώνται επίσης έντονη τυπογραφία και αυξημένη απόσταση μεταξύ των γραμμάτων, με το κείμενο να μετράται σε οπτικές γωνίες (μοίρες) και όχι σε pixel ή σημεία:

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

Αυτά τα γυαλιά χρησιμοποιούν πρόσθετη οθόνη που μπορεί να προσθέσει μόνο φως. Δεν μπορεί να παράγει μαύρο, το οποίο εμφανίζεται ως 100% διαφανές, η Google το εξισώνει με το “πώς ένας οικιακός προβολέας ταινιών δεν μπορεί να προβάλει μαύρο”.

Αυτό αποδείχθηκε ότι ήταν πρόβλημα όταν η Google προσπάθησε αρχικά να μεταφέρει υπάρχοντα στοιχεία:

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

Γρήγορα ανακαλύψαμε ένα άλλο σημαντικό πρόβλημα: το halation. Το Halation είναι το φαινόμενο όπου μια φωτεινή πηγή φωτός αιμορραγεί στις γύρω σκοτεινές περιοχές, δημιουργώντας μια θολή άκρη που μοιάζει με φωτοστέφανο. Σε αυτές τις οθόνες, οι φωτεινές επιφάνειές μας θα μετατραπούν σε διαφανές περιεχόμενο, καθιστώντας το κείμενο εντελώς αδιάβαστο.

Η λύση της Google βλέπει ότι “η επιφάνεια χρησιμοποιεί μαύρο για να παρέχει μια καθαρή βάση “καθαρής πλάκας” για το περιεχόμενό σας.” Συνδυάζεται με ένα «νέο σύστημα βάθους που καταγράφει σκοτεινές, πλούσιες σκιές και μεταφέρει την αίσθηση του χώρου».

Επιπλέον, «τα έντονα κορεσμένα χρώματα που έχουμε συνηθίσει σε ένα τηλέφωνο τείνουν να «εξαφανίζονται» σε αντίθεση με τον πραγματικό κόσμο». Ως εκ τούτου, το Android XR UI είναι “ουδέτερο από προεπιλογή” για να “συμμορφώνεται με τα διαφορετικά χρώματα του πραγματικού κόσμου”. Το χρώμα χρησιμοποιείται με φειδώ για να τραβήξει την προσοχή στα κουμπιά και σε άλλα σημαντικά στοιχεία.

Οι επιφάνειες του Glimmer είναι πάντα σκοτεινές και το ίδιο το περιεχόμενο είναι πάντα φωτεινό. Αυτή η προεπιλογή υψηλής αντίθεσης είναι η βασική μας γραμμή για την αναγνωσιμότητα στα περισσότερα περιβάλλοντα.