10 Κανόνες χρήσης γραμματοσειρών στην εικονική πραγματικότητα

Σε μια επιφάνεια εργασίας, το κείμενο είναι το πιο σημαντικό μέρος του περιεχομένου. Όπως γνωρίζετε το περιεχόμενο είναι βασιλιάς. Αλλά ας είμαστε ειλικρινείς, οι γραμματοσειρές δεν έχουν σχεδιαστεί για να ζουν σε τρισδιάστατο χώρο. Λόγω μιας κατάστασης, πολλοί σχεδιαστές και προγραμματιστές VR εξακολουθούν να χρησιμοποιούν κείμενα σε εικονικές σκηνές. Θα ψηφίζαμε για να αποφύγουμε την χρήση οποιουδήποτε περιεχομένου κειμένου καθόλου, αλλά, δυστυχώς, είναι αδύνατο. Έτσι, έκανα κάποια έρευνα για να καταλάβω τους βασικούς κανόνες χρήσης γραμματοσειρών στην εικονική πραγματικότητα.

Μέγεθος

Θα ήθελα να ξεκινήσω με ένα μέγεθος γραμματοσειράς. Με το τρέχον υλικό και ιδιαίτερα τις αναλύσεις των οθονών είναι εξαιρετικά σημαντικό.
Δυστυχώς, οι συνήθεις μετρήσεις ως εικονοστοιχεία και ems δεν λειτουργούν σε έναν 3d χώρο. Για τον ορισμό ενός μεγέθους ενός αντικειμένου σε 3d χρησιμοποιείται το αντιληπτό μέγεθος που μετράται σε μοίρες.
Ναι, φαίνεται παράξενο. Όμως, καθώς γνωρίζουμε το βέλτιστο μέγεθος γραμματοσειράς για κινητά και τη μέση απόσταση τηλεφωνικής οθόνης από τα μάτια, μπορούμε να μετρήσουμε το συνιστώμενο μέγεθος. Ας υποθέσουμε λοιπόν κάποιους υπολογισμούς. Μπορείτε να παραλείψετε αυτό το μέρος και να μετακινηθείτε λίγο για να πάρετε τη σύνοψη.

Ας πάρουμε το βέλτιστο μέγεθος των 16 pixel για το κινητό σχέδιο. Για αυτήν την περίπτωση, θα λάβω ως παράδειγμα το τηλέφωνο Google Pixel. Αυτό το τηλέφωνο διαθέτει οθόνη με ανάλυση 441 εικονοστοιχείων ανά ίντσα και αρχική πυκνότητα xxdpi 2.6. Επομένως, τα 16 εικονοστοιχεία θα έχουν 41,6 πίξελ σε πραγματική οθόνη και 0,093 ίντσες ή φυσικό μέγεθος περίπου 0,24 cm. Για να αντιληφθώ το μέγεθος θα χρησιμοποιήσω 25 cm ως τη μέση απόσταση από τα μάτια στην οθόνη.
Ο βαθμός αντιληπτού μεγέθους γραμματοσειράς 16 ψηφίων κινητού τηλεφώνου εξέρχεται σε 0,55 °.
Ας υπολογίσουμε τι θα πρέπει να είναι το μέγεθος του κειμένου σε VR όταν θα τοποθετηθεί σε απόσταση 1 μέτρου από έναν παρατηρητή με 0,55 ° αντιληπτό μέγεθος. Υπάρχει η μεγάλη απλή αριθμομηχανή που βοηθά να κάνουν τέτοιες εκτιμήσεις πολύ εύκολη (sizecalc.com)
Λέει ότι η γραμματοσειρά πρέπει να έχει ύψος 0,96 cm. Δεν νομίζω ότι θα μπορώ να διαβάσω ένα γραμματοσειρά cm από απόσταση 1 μέτρου, τόσο εύκολη όσο η γραμματοσειρά 16 px από ένα τηλέφωνο.
Αλλά υπάρχει ένα άλλο ζήτημα. Πόσο λεπτομερής θα είναι μια τέτοια γραμματοσειρά σε μια οθόνη ενός κινητού τηλεφώνου όταν ένας παρατηρητής χρησιμοποιεί γυαλιά από χαρτόνι; Είναι επίσης εύκολο να μετρήσετε. Καθώς το οπτικό πεδίο για τα ηχητικά κουμπιά είναι 90 °. Το τηλέφωνο Pixel έχει οθόνη με πλάτος 1080 pixel. Αυτό σημαίνει ότι για ένα βαθμό υπάρχουν μόνο 12 εικονοστοιχεία. Και για το κείμενό μας που παίρνει μόνο 0.55 ° από την άποψη που λαμβάνεται είναι μόνο 6.6 pixel. Αυτό που σίγουρα δεν είναι ακόμη αρκετά κοντά.
Ας πάμε από μια άλλη πλευρά και να πούμε ότι για την ευκρίνεια γραμματοσειράς 16 pixel, αυτή η γραμματοσειρά πρέπει να έχει μέγεθος τουλάχιστον 16 px. Όπως γνωρίζουμε σε ένα βαθμό αντιληπτή άποψη είναι 12 εικονοστοιχεία.
Αυτό που σημαίνει ότι η γραμματοσειρά μεγέθους 16 φυσικών pixel, στα ηχητικά κουμπιά θα έχει αντιληφθεί μέγεθος 1,33 °. Και αν θέλετε να τοποθετήσετε αυτή τη γραμματοσειρά σε σκηνή VR σε απόσταση 1 μέτρου από τον παρατηρητή, αυτή η γραμματοσειρά πρέπει να έχει ύψος 2.32 cm.
Αυτό πρέπει να είναι εντάξει. Πριν από τις δοκιμές ας υπολογίσουμε τι θα πρέπει να είναι το μέγεθος της γραμματοσειράς στην εικονική πραγματικότητα που θα χρησιμοποιεί όλα τα 41,6 φυσικά pixel στην οθόνη του κινητού τηλεφώνου. Αυτό το μέγεθος έχει το αντιληπτό μέγεθος των 3,46 °. Και τοποθετείται σε κείμενο 1 μέτρου πρέπει να έχει ύψος 6,04 cm.

Με αυτόν τον τρόπο θα δούμε 3 τύπους γραμματοσειρών σε VR:
Αριστερά: 6.6px σε κινητή οθόνη, 0.55 ° αντιληπτή θέα, 0.96cm ύψος σε 1 μέτρο
Μπροστά: 16px σε οθόνη κινητής τηλεφωνίας, 1,33 ° από άποψη, 2,32 cm ύψος σε 1 μέτρο
Δεξιά: 41,6px σε οθόνη κινητής τηλεφωνίας, 3,46 ° από την άποψη, 6,04 cm ύψος σε 1 μέτρο

Δοκιμάστε αυτή τη σκηνή VR
1) Το ελάχιστο αναγνώσιμο μέγεθος για τη γραμματοσειρά σε VR είναι 1,33ο ή ύψος 2,32cm στην απόσταση ενός μέτρου. Το συνιστώμενο μέγεθος της γραμματοσειράς είναι 3.45o ή ύψος 6.04cm στην απόσταση ενός μέτρου.

Θέση στο διάστημα

Η θέση και η περιστροφή είναι μοναδικά χαρακτηριστικά για τις γραμματοσειρές VR. Και αυτό είναι εξαιρετικά σημαντικό. Για το προηγούμενο παράδειγμα, πήραμε την περίπτωση όταν η γραμματοσειρά είναι στο επίπεδο των ματιών, και είπαμε ότι είναι ακριβώς 1m μακριά. Αλλά εάν ένας χρήστης θα μετακινηθεί για μισό έρωτα ή περισσότερο, αντί να πάρει, θα έχουμε απόσταση 1,12 μέτρων. Αυτό που σίγουρα δεν βελτιώνει την αναγνωσιμότητα. Έτσι, ενώ τοποθετούμε τις γραμματοσειρές σε έναν 3d χώρο, πρέπει να θυμόμαστε ότι θα είναι περίπου στο επίπεδο των οφθαλμών των χρηστών. Με 3 ακουστικά dof, είναι πιο εύκολο να φτάσετε, καθώς η θέση του θεατή έχει καθοριστεί και οριστεί εκ των προτέρων. Για παράδειγμα, για το A-Frame από προεπιλογή, είναι 1,6 μ. Αλλά με εμπειρίες κλίμακας δωματίου, είναι λίγο δύσκολο καθώς μετράει το πραγματικό ύψος του χρήστη. Πάρτε το μέσο ύψος των 1,6 μέτρων είναι μια χαρά. Σε περίπτωση που θέλουμε να τοποθετήσουμε τη γραμματοσειρά κάτω, μπορούμε να την περιστρέψουμε στο διάστημα για να έχουμε την ίδια κάθετη απόσταση. Για παράδειγμα, η γραμματοσειρά που έχει τοποθετηθεί 75 cm χαμηλότερα από το επίπεδο των ματιών του χρήστη και 75 cm μακριά από έναν χρήστη, περιστρεφόμενη κατά 45 ° θα είναι από τα μάτια του χρήστη και σε 1 μέτρο.

2) Η γραμματοσειρά θα πρέπει να είναι κάθετη προς τον παρατηρητή.

Υπάρχουν δύο παραδείγματα τοποθέτησης περιεχομένου.
1. Στην επίπεδη επιφάνεια:

Δοκιμάστε αυτή τη σκηνή VR

2. Περιστροφή γύρω από τον παρατηρητή:

Δοκιμάστε αυτή τη σκηνή VR

Μήκος γραμμής

Όπως γνωρίζουμε 50-75 για επιφάνεια εργασίας και 30-40 για κινητά είναι προτιμότερο μήκος γραμμής. Επίσης, η ανάλυση VR των οθονών και η αυτογνωσία του χρήστη είναι χειρότερη, κάτι που θα καταστήσει δυνατή την επιδείνωση της γραμμής. Αλλά για να καταλάβουμε τις προτιμώμενες επιλογές, ας ρίξουμε μια ματιά στα παραδείγματα. Εύκολο να έχουμε ιδέα ότι το μήκος της γραμμής εικονικής πραγματικότητας θα πρέπει να εξαρτάται από το μέγεθος της ίδιας της γραμματοσειράς, καθώς και 60 γράμματα μεγέθους 3,45 ° είναι ήδη πάρα πολύ καιρό.

Δοκιμάστε αυτή τη σκηνή VR
3) Το μήκος γραμμής σε VR θα πρέπει να είναι περίπου 20-40 σύμβολα ανά γραμμή. Με τη μεγαλύτερη γραμμή γραμματοσειράς θα πρέπει να είναι μικρότερη.

Γραμματοσειρά

Αν οι άνθρωποι εξακολουθούν να υποστηρίζουν ότι είναι serif εντάξει ή όχι για την επιφάνεια εργασίας, για VR σίγουρα καλύτερα να αποφύγετε τη χρήση γραμματοσειρών με εγκεφαλικά επεισόδια. Και κάθε άλλη ωραία γραμματοσειρά με διακοσμητικά χαρακτηριστικά. Η ιδανική γραμματοσειρά είναι sans με squarish σχήματα, όπως το Exo 2 για παράδειγμα. Εξαιρέσεις είναι μεγάλοι τίτλοι.
Δεδομένου ότι παίρνουμε περισσότερο από το ελάχιστο απαιτούμενο ποσό pixel μπορούμε να πειραματιστούμε με στυλ και γραμματοσειρές λίγο. Αλλά όχι περισσότερο από το απαιτούμενο από μια ατμόσφαιρα σκηνής VR.

Δοκιμάστε αυτή τη σκηνή VR
4) Σε VR καλύτερα work sans γραφήματα.

Βάρος

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

Δοκιμάστε αυτή τη σκηνή VR
5) Οι γραμματοσειρές στο VR πρέπει να είναι πιο τολμηρές από ό, τι στις οθόνες.

Υψος γραμμής

Στην επιφάνεια εργασίας καλή ιδέα είναι να διατηρήσετε απόσταση μεταξύ των γραμμών μεταξύ 1,2 και 1,5. Στο VR λειτουργεί η ίδια προσέγγιση. Εξαρτάται επίσης από το μήκος της γραμμής. Αλλά όπως και στο VR για έναν παρατηρητή είναι πιο περίπλοκο για να κρατήσει την εστίαση, θα συνιστούσα να μετατοπίσω αυτό το παράθυρο στο 1-1.3. Και φυσικά, αποφύγετε την ελαχιστοποίηση της απόστασης μικρότερη από 1.

Δοκιμάστε αυτή τη σκηνή VR
6) Το ύψος γραμμής για τη γραμματοσειρά VR πρέπει να είναι περίπου 1-1,5.

Ευθυγραμμία

Στην ευθυγράμμιση του επιτραπέζιου και κινητού κέντρου δεν είναι προτιμότερη και η σωστή ευθυγράμμιση είναι ένα όχι-όχι (βέβαια, αν δεν είναι αραβική γλώσσα). Αλλά σε VR οποιαδήποτε ευθυγράμμιση είναι καλή είναι ότι είναι λογικό και εξηγείται. Για παράδειγμα, αν είναι σχολιασμός στο αντικείμενο, μπορεί να τοποθετηθεί σχεδόν από οποιαδήποτε πλευρά. Για παράδειγμα, θα φανεί περίεργο αν το αριστερό ευθυγραμμισμένο κείμενο σχετίζεται με αντικείμενο που τοποθετείται στη δεξιά πλευρά.

Δοκιμάστε αυτή τη σκηνή VR
7) Η ευθυγράμμιση των γραμματοσειρών σε εικονική πραγματικότητα εξαρτάται από το πλαίσιο.

Χρώμα και αντίθεση

Γενικά, αυτό είναι προφανές. Σε όλο αυτό το χάος, οποιαδήποτε πρόσθετη αντίθεση είναι καλύτερη.
Οι άνθρωποι λένε ότι στο desktop UI σε λευκό φόντο καλύτερα να μην χρησιμοποιείτε καθαρό μαύρο χρώμα για κείμενα. Το σκούρο γκρι βελτιώνει την αναγνωσιμότητα και μειώνει την αντίθεση. Δεν νομίζω ότι θα λειτουργήσει και σε VR. Η κακή ανάλυση και η κακή εστίαση του παρατηρητή καθιστούν αυτές τις λεπτομέρειες απαρατήρητες.

Δοκιμάστε αυτή τη σκηνή VR
8) Βεβαιωθείτε ότι οι γραμματοσειρές έχουν επαρκή αντίθεση χρώματος στο VR.

Κινουμένων σχεδίων

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

Δοκιμάστε αυτή τη σκηνή VR
9) Για να προσελκύσετε τη γραμματοσειρά προσοχής των χρηστών μπορεί να κινούμαστε σε VR.

Ενέργειες

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

Δοκιμάστε αυτή τη σκηνή VR
10) Θα πρέπει να είναι εύκολο να ορίσετε πότε το κείμενο μπορεί να ασκηθεί.

Πιστεύω ότι αυτή η έρευνα έθεσε περισσότερα ερωτήματα που έδωσαν απαντήσεις. Αλλά είναι σίγουρα η καλή αρχή μιας συζήτησης.

Εδώ είναι η σκηνή με πύλες σε όλες τις σκηνές VR που δοκιμάστηκαν

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

Και το πιο σημαντικό πράγμα: να κρατήσετε τις δοκιμές.

Εάν θα διαπιστώσετε άλλους κανόνες, μπορείτε να αφήσετε ένα σχόλιο ή να επικοινωνήσετε μαζί μου στο twitter.

Αν βρήκατε αυτό το άρθρο χρήσιμο, πατήστε το πλήκτρο αυτό κάτω από το για να βοηθήσετε τους άλλους να το βρουν!