10 reguli de utilizare a fonturilor în realitate virtuală

Pe un desktop, textul este cea mai semnificativă parte a conținutului. După cum știi, conținutul este un rege. Dar să fim sinceri, fonturile nu sunt concepute pentru a trăi în spațiul tridimensional. Datorită unei situații, mulți designeri și dezvoltatori VR continuă să folosească texte în scene virtuale. Aș vota să nu folosesc conținut text, dar, din păcate, este imposibil. Așa că am făcut câteva cercetări pentru a descoperi regulile de bază ale utilizării fonturilor în realitate virtuală.

mărimea

Aș dori să încep cu dimensiunea unui font. Cu hardware-ul actual, în special cu rezoluțiile ecranelor, este extrem de important.
Din păcate, valorile obișnuite ca pixeli și emițători nu funcționează într-un spațiu 3d. Pentru definirea unei dimensiuni a unui obiect în 3d se folosește mărimea percepută care este măsurată în grade.
Da, pare ciudat. Dar, după cum știm dimensiunea optimă a fontului pentru mobil și distanța medie a ecranului telefonului de la ochi, suntem capabili să numărăm dimensiunea percepută recomandată. Deci, să facem niște calcule. Puteți sări această parte și derula un pic în jos pentru a obține rezumatul.

Să luăm dimensiunea optimă de 16 pixeli pentru designul mobil. În acest caz, voi lua ca exemplu telefonul Google Pixel. Acest telefon are ecranul cu rezoluția de 441 pixeli pe inch și densitatea xxdpi 2.6 inițială. Deci, 16 pixeli vor avea 41,6 pixeli pe un ecran real și 0,093 inci sau aproximativ 0,24 cm dimensiune fizică. Pentru a obține dimensiunea percepută, voi folosi 25 cm ca distanță medie de la ochi la ecran.
Gradul de dimensiune percepută a fontului de 16 px al telefonului mobil evală la 0,55 °.
Să ne dăm seama care ar trebui să fie dimensiunea textului în VR atunci când va fi plasată la 1 metru distanță de un observator cu 0,55 ° dimensiune percepută. Există marele calculator simplu care ajută la simplificarea acestor estimări (sizecalc.com)
Se spune că fontul trebuie să aibă o înălțime de 0,96 cm. Nu cred că voi putea să citesc un font de 1 cm de la 1 metru la fel de ușor ca fontul de 16 px de la un telefon.
Dar există o altă problemă. Cât de detaliat va fi un astfel de font pe un ecran al unui telefon mobil atunci când un observator folosește ochelari de carton? De asemenea, este ușor de numărat. Întrucât câmpul de vedere al căștii de somn este de 90 °. Telefonul Pixel are ecranul cu lățimea de 1080 pixeli. Înseamnă că pentru un grad sunt doar 12 pixeli. Și pentru textul nostru care are doar 0,55 ° din vizualizarea percepută sunt doar 6,6 pixeli. Ceea ce este cu siguranță nici măcar aproape de suficient.
Să mergem dintr-o altă parte și să spunem că pentru lizibilitatea fontului de 16 pixeli, acest font ar trebui să aibă dimensiunea de cel puțin 16 px. După cum știm într-un grad de vizualizare percepută sunt 12 pixeli.
Ceea ce înseamnă că fontul cu dimensiunea de 16 pixeli fizici, în setul cu cască de somn va avea dimensiunea percepută de 1,33 °. Și dacă doriți să plasați acest font în scena VR la o distanță de 1 metru de observator, acest font ar trebui să aibă o înălțime de 2,32 cm.
Acest lucru ar trebui deja să fie bine. Înainte de a face teste, să numărăm care ar trebui să fie dimensiunea fontului, în realitate virtuală, care va folosi toți 41,6 pixeli fizici pe ecranul telefonului mobil. Această dimensiune are dimensiunea percepută de 3,46 °. Și plasat într-un text de 1 metru ar trebui să aibă o înălțime de 6,04 cm.

Iată cum vor arăta 3 tipuri de fonturi în VR:
Stânga: 6.6px pe ecranul mobil, vedere percepută 0,55 °, înălțime 0,96 cm în 1 metru
Față: 16px pe un ecran mobil, 1,33 ° din vedere perceput, 2,32 cm înălțime la 1 metru
Dreapta: 41,6 px pe ecranul mobil, 3,46 ° din vederea percepută, 6,04 cm înălțime la 1 metru

Încercați această scenă VR
1) Dimensiunea minimă care poate fi citită pentru fontul în VR este de 1,33o sau înălțimea de 2,32cm pe distanța unui metru. Dimensiunea recomandată a fontului este 3.45o sau înălțimea de 6.04cm pe distanța de un metru.

Poziția în spațiu

Poziția și rotirea sunt caracteristici unice pentru fonturile VR. Iar acest lucru este extrem de important. Pentru exemplul anterior, am luat cazul când fontul este la nivelul ochilor și am spus că este exact la 1 m. Dar dacă un utilizator se va mișca pentru o iubitoare de jumătate de metru sau mai mare, am obține 1,12 metri distanță. Ceea ce cu siguranță nu îmbunătățește lizibilitatea. Deci, în timp ce plasăm fonturi într-un spațiu 3d, ar trebui să ne amintim că va fi aproximativ la nivelul ochilor utilizatorilor. Cu 3 căști Dof, este mai ușor de accesat, deoarece poziția privitorului este fixată și definită în avans. De exemplu pentru A-Frame în mod implicit, este de 1,6 m. Dar, cu experiențe la scară de cameră, este un pic complicat, deoarece măsoară înălțimea reală a utilizatorului. Ia înălțimea medie de 1,6 metri este în regulă. În cazul în care dorim să plasăm fontul mai jos îl putem roti în spațiu pentru a obține aceeași distanță perpendiculară. De exemplu, fontul plasat cu 75 cm mai jos de nivelul ochilor utilizatorului și 75 cm departe de un utilizator, rotit cu 45 ° va fi de la ochii utilizatorului, de asemenea, în 1 metru.

2) Fontul trebuie să fie confruntat perpendicular cu observatorul.

Există două exemple de plasare de conținut.
1. Pe suprafața plană:

Încercați această scenă VR

2. Rotit în jurul observatorului:

Încercați această scenă VR

Lungimea liniei

După cum știm 50–75 pentru desktop și 30–40 pentru mobil, este preferată lungimea liniei. De asemenea, rezoluția VR a ecranelor și conștientizarea de sine a utilizatorului este mai rea ceea ce va face capacitatea de a păstra linia mai rău. Dar pentru a afla opțiunile preferate, să aruncăm o privire la exemple. Ușor de făcut ideea că în realitatea virtuală lungimea liniei ar trebui să depindă de dimensiunea fontului în sine, deoarece chiar și 60 de litere cu dimensiunea de 3,45 ° sunt deja mult prea lungi.

Încercați această scenă VR
3) Lungimea liniei în VR trebuie să fie în jur de 20–40 de simboluri pe linie. Cu o linie de font mai mare ar trebui să fie mai scurtă.

Fontul

Dacă oamenii care încă mai certează este corect sau nu pentru desktop, pentru VR, cu siguranță, mai bine evitați utilizarea fonturilor cu lovituri. Și orice alt font frumos cu caracteristici decorative. Tipografia ideală este sans cu forme pătrate, ca de exemplu Exo 2. Excepție sunt titluri mari.
Deoarece obținem mai mult decât cantitatea minimă de pixeli, putem experimenta puțin stiluri și fonturi. Dar nu mai mult decât este necesar de o atmosferă a scenei VR.

Încercați această scenă VR
4) În VR funcționează mai bine fără tipografii.

Greutate

Cu o rezoluție atât de scăzută, evitați mai bine fonturile subțiri și ușoare. Muncă obișnuită și îndrăzneață. De asemenea, utilizați mai bine stilurile negre cu atenție. Greutatea este o opțiune ușor mai proastă pentru a adăuga contrastul cu diferite tipuri de conținut. Pentru acest caz, ajustați mai bine dimensiunea.

Încercați această scenă VR
5) Fonturile în VR ar trebui să fie mai îndrăznețe decât pe ecrane.

Inaltimea liniei

Pe desktop, ideea bună este să mențineți distanța între linii 1.2 și 1.5. Pe VR funcționează aceeași abordare. Depinde și de lungimea liniei. Dar, în VR, pentru un observator este mai complicat să vă concentrați, aș recomanda trecerea acestei ferestre la 1-1.3. Și, desigur, mai bine evitați minimizarea distanțelor mai mici de 1.

Încercați această scenă VR
6) Înălțimea liniei pentru fontul VR ar trebui să fie în jur de 1-1.5.

Aliniere

În aliniere desktop și centru mobil nu este de preferat, iar alinierea corectă este un no-no (bineînțeles dacă nu este limba arabă). Dar în VR, orice aliniere este bună, este rezonabil și explicat. De exemplu, dacă este o adnotare la obiect, poate fi plasată aproape din orice parte. De exemplu, ar părea ciudat dacă textul aliniat la stânga s-ar referi la obiectul care este plasat în partea dreaptă.

Încercați această scenă VR
7) Alinierea fonturilor în realitate virtuală depinde de context.

Culoare și contrast

În general, acesta este unul evident. În toată această mizerie, orice contrast suplimentar este mai bun.
Oamenii spun că în interfața de utilizator desktop pe fundal alb mai bine să nu folosească culoarea neagră pură pentru texte. Griul închis îmbunătățește lizibilitatea și pare mai puțin contrast. Nu cred că va funcționa și în VR. Rezoluția slabă și concentrarea necorespunzătoare a observatorului fac ca aceste detalii să fie neobservate.

Încercați această scenă VR
8) Asigurați-vă că fonturile au un contrast de culoare suficient în VR.

Animaţie

Acest lucru este interesant. Pe intermiterea pe desktop și mutarea textului este absolut interzisă. Dar în VR ar trebui să fie nu numai permis, ci chiar promovat ca o modalitate de a ghida atenția utilizatorilor. Desigur, ar trebui să existe anumite limite. O etichetă nu ar trebui să distragă atenția, dar micile fluturări sau orice altă animație simplă crește riscul ca utilizatorul să observe acest text.

Încercați această scenă VR
9) Pentru a atrage atenția utilizatorului fontul poate fi animat în VR.

acţiuni

Acest lucru merită cu ușurință un articol separat. Deocamdată rețineți că unele concepte stabilite de ani de zile în desktop nu funcționează în VR, de exemplu, link albastru. De asemenea, lucrurile care s-au mutat în UI din lumea fizică pot fi utile și în VR, ca și butoane.

Încercați această scenă VR
10) Ar trebui să fie ușor de definit atunci când textul poate fi acționat.

Simt că această cercetare a ridicat mai multe întrebări care au dat răspunsuri. Dar este cu siguranță bunul început al unei discuții.

Iată scena cu portaluri la toate scenele VR testate

Deoarece fonturile nu sunt adaptate pentru spațiul 3d, încercați să evitați utilizarea acestora. În cazul în care este imposibil, ar trebui să acordăm mai multă atenție modului în care sunt utilizate și să fim siguri că utilizatorul este capabil să le citească.

Și cel mai important lucru: continuați testarea.

Dacă veți afla alte reguli, nu ezitați să lăsați un comentariu sau să mă contactați pe Twitter.

Dacă ați găsit util acest articol, apăsați butonul de aplaudare de mai jos pentru a-i ajuta pe alții să-l găsească!