10 fontide kasutamise reeglit virtuaalses reaalsuses

Töölaual on tekst sisu kõige olulisem osa. Nagu teate, on sisu kuningas. Kuid olgem ausad, fondid pole loodud elama kolmemõõtmelises ruumis. Olukorra tõttu kasutavad paljud VR-i disainerid ja arendajad endiselt teksti virtuaalsetes stseenides. Ma hääletaksin selle eest, et üldse teksti sisu ei kasutataks, kuid kahjuks on see võimatu. Niisiis tegin mõned uuringud, et selgitada välja fontide virtuaalses reaalsuses kasutamise põhireeglid.

Suurus

Tahaksin alustada fondi suurusest. Praeguse riistvara ja eriti ekraanide eraldusvõime korral on see äärmiselt oluline.
Kahjuks ei tööta tavalised mõõdikud pikslite ja ems-i kujul 3D-ruumis. Objekti suuruse määramiseks 3D-s kasutatakse tajutavat suurust, mida mõõdetakse kraadides.
Jah, tundub imelik. Kuid kuna me teame mobiiltelefoni optimaalset fondi suurust ja telefoni ekraani keskmist kaugust silmadest, suudame arvestada soovitatava tajutava suuruse. Teeme siis mõned arvutused. Kokkuvõtte saamiseks võite selle osa vahele jätta ja natuke allapoole kerida.

Võtame mobiilse disaini jaoks optimaalse suuruse 16 pikslit. Sel juhul võtan näitena telefoni Google Pixel. Selle telefoni ekraan on eraldusvõimega 441 pikslit tolli kohta ja tihedusega xxdpi 2,6 algne. Nii et 16 piksli reaalekraanil on 41,6 pikslit ja 0,093 tolli ehk umbes 0,24 cm füüsiline suurus. Tajutava suuruse saamiseks kasutan silmadest ekraanini keskmise kaugusena 25 cm.
Mobiiltelefoni 16 piksli suuruse fondi tajutava suuruse aste on 0,55 °.
Mõelgem välja, kui suur peaks olema VR-i teksti suurus, kui see asetatakse vaatlejast 1 meetri kaugusele ja tajutava suurusega 0,55 °. Seal on suurepärane lihtne kalkulaator, mis aitab sellised hinnangud väga lihtsaks teha (sizecalc.com)
Selles öeldakse, et fondi kõrgus peaks olema 0,96 cm. Ma ei usu, et ma suudaksin ühe meetri kauguselt lugeda ühe cm suurust fonti nii hõlpsalt kui 16 pikslit fonti telefonist.
Kuid on veel üks küsimus. Kui üksikasjalik on selline font mobiiltelefoni ekraanil, kui vaatleja kasutab papist kaitseprille? Seda on ka lihtne arvestada. Kuna unistuste peakomplekti vaateväli on 90 °. Pixel-telefoni ekraan on laiusega 1080 pikslit. See tähendab, et ühe kraadi kohta on ainult 12 pikslit. Ja meie teksti jaoks, mille tajutav vaade on ainult 0,55 °, on ainult 6,6 pikslit. Mis pole kindlasti isegi piisavalt lähedal.
Läheme teisest küljest ja ütleme, et 16 piksli suuruse fondi loetavuse korral peaks selle fondi suurus olema vähemalt 16 pikslit. Nagu me teame, on tajutava vaate ühes astmes 12 pikslit.
Mis tähendab, et unenäo peakomplektis on 16 füüsilise piksli suuruse fondi tajutav suurus 1,33 °. Ja kui soovite paigutada selle fondi VR-stseeni vaatlejast 1 meetri kaugusele, peaks see olema 2,32 cm kõrgune.
See peaks juba hästi olema. Enne testide tegemist arvutame välja, kui suur peaks olema virtuaalreaalsuses olev font, mis kasutab kõiki mobiiltelefoni ekraanil kuvatavaid 41,6 pikslit. Selle suuruse tajutav suurus on 3,46 °. Ja 1 meetri pikkune tekst peaks olema 6,04 cm kõrgune.

Nii näeb VR-s välja 3 tüüpi fonte:
Vasakul: mobiiltelefoni ekraanil 6,6 pikslit, tajutav vaade 0,55 °, kõrgus 0,96 cm 1 meetris
Esikülg: mobiiltelefoni ekraanil 16 pikslit, tajutavast vaatest 1,33 °, kõrgus 2,32 cm 1 meetris
Parempoolne: mobiiliekraanil 41,6 pikslit, tajutava vaatega 3,46 °, 1 meetri kõrgune 6,04 cm

Proovige seda VR-stseeni
1) Fondi minimaalne loetav suurus VR-is on ühe meetri kaugusel 1,33o või kõrgus 2,32cm. Fondi soovitatav suurus on 3,45o või kõrgus 6,04cm ühe meetri kaugusel.

Asend ruumis

Positsioon ja pööramine on VR-fontide ainulaadsed omadused. Ja see on äärmiselt oluline. Eelmise näite jaoks kasutasime juhtumit, kui font on silmade tasemel, ja ütlesime, et see on täpselt 1 m kaugusel. Kuid kui kasutaja liigub selle asemel poole meetri jagu kõrgemale, saaksime 1,12 meetri pikkuse vahemaa. Mis kindlasti ei paranda loetavust. Nii et kui asetada fonte 3D-ruumi, peaksime meeles pidama, et see on umbes kasutajate silmade tasemel. 3 dof-peakomplekti abil on see hõlpsamini jõuda, kuna vaataja asukoht on fikseeritud ja eelnevalt määratletud. Näiteks vaikimisi A-raami puhul on see 1,6 m. Kuid ruumiüleste kogemuste korral on see natuke keeruline, kuna mõõdab kasutaja tegelikku kõrgust. Võtke keskmine kõrgus 1,6 meetrit on hea. Juhul, kui tahame fondi madalamale asetada, saame seda sama risti asetseva vahemaa saamiseks ruumis pöörata. Näiteks font, mis on asetatud 75 cm madalamale kasutaja silmade tasemest ja 75 cm kasutajast kaugel ning mida on pööratud 45 °, on kasutaja silmadest ka ühe meetri kaugusel.

2) Kirjasild peaks olema suunatud vaatlejaga risti.

Sisu paigutamist on kaks näidet.
1. tasasel pinnal:

Proovige seda VR-stseeni

2. Pööratud vaatleja ümber:

Proovige seda VR-stseeni

Joone pikkus

Nagu me teame, on eelistatav rea pikkus 50–75 lauaarvuti ja 30–40 mobiiltelefoni jaoks. Samuti on halvem ekraanide VR-eraldusvõime ja kasutaja eneseteadlikkus, mis muudab võimaluse joonel halvemaks jääda. Kuid eelistatud võimaluste leidmiseks vaatame näiteid. Lihtne saada idee, et virtuaalreaalsuses peaks rea pikkus sõltuma fondi suurusest, kuna isegi 60 tähte 3,45 ° suuruses on juba liiga pikk.

Proovige seda VR-stseeni
3) Rea pikkus VR-s peaks olema umbes 20–40 sümbolit rea kohta. Suurema kirjastiili korral peaks see olema lühem.

Kirjatüüp

Kui inimesed ikka vaidlevad, kas see on serif ok või mitte töölaua jaoks, siis on VR-i jaoks parem hoiduda tõmbamisega fontide kasutamisest. Ja muud kena dekoratiivsete omadustega font. Ideaalne kirjatüüp on nelinurkse kujuga sans, näiteks Exo 2. Erandiks on suured pealkirjad.
Kuna meil on pikslite arvu minimaalselt nõutavas koguses, saame stiilide ja fondidega natuke katsetada. Kuid mitte rohkem kui seda nõuab VR-stseeni atmosfäär.

Proovige seda VR-stseeni
4) VR-is sans töötavad kirjatüübid paremini.

Kaal

Nii madala eraldusvõime korral vältige parem õhukesi ja heledaid fonte. Regulaarne ja julge töö sobib. Kasutage ka paremini mustaid stiile. Kaal on veidi halvem variant kontrastsuse lisamiseks erinevat tüüpi sisule. Sel juhul kohandage suurust paremini.

Proovige seda VR-stseeni
5) VR-i fondid peaksid olema julgemad kui ekraanidel.

Reakõrgus

Lauaarvuti puhul on hea mõte hoida reavahe vahemikus 1,2–1,5. Sisse VR töötab sama lähenemisviisi. See sõltub ka joone pikkusest. Kuid kuna VR-is on vaatleja jaoks fookuse hoidmine keerulisem, soovitaksin selle akna nihutada väärtusele 1–1,3. Ja muidugi, parem vältige väiksemate vahede minimeerimist vähem kui 1.

Proovige seda VR-stseeni
6) VR-fondi joone kõrgus peaks olema umbes 1–1,5.

Joondamine

Töölaua- ja mobiilikeskuses pole joondamine eelistatav ja parem joondamine on ei-ei (muidugi kui see pole araabia keel). Kuid VR-is on igasugune joondamine hea, kas see on mõistlik ja selgitatud. Näiteks kui märkuse objekt on vastuväide, saab selle paigutada peaaegu igast küljest. Näiteks näeks imelik välja, kui vasakpoolne joondatud tekst oleks seotud objektiga, mis on paigutatud paremale küljele.

Proovige seda VR-stseeni
7) Fontide joondamine virtuaalses kinnisvara sõltub kontekstist.

Värvus ja kontrast

Üldiselt on see ilmne. Kogu selle jama korral on igasugune täiendav kontrast parem.
Inimesed ütlevad, et töölaua kasutajaliideses valgel taustal on parem mitte kasutada tekstide jaoks puhast musta värvi. Tumehall parandab loetavust ja tundub vähem kontrastset. Ma ei usu, et see töötab ka VR-is. Vaatleja halb eraldusvõime ja halb keskendumine muudavad sellised üksikasjad märkamatuks.

Proovige seda VR-stseeni
8) Veenduge, et fontidel oleks VR-s piisav värvikontrastsus.

Animatsioon

See on huvitav. Töölaual on teksti vilkumine ja teisaldamine absoluutselt keelatud. Kuid VR-is peaks seda mitte ainult lubama, vaid isegi reklaamima kui viisi kasutaja tähelepanu juhtimiseks. Muidugi peaksid mingid piirid olema. Silt ei tohiks tähelepanu juhtida, kuid väike vehkimine või mõni muu lihtne animatsioon suurendab võimalust, et kasutaja märkab seda teksti.

Proovige seda VR-stseeni
9) Kasutaja tähelepanu äratamiseks saab VR-is animeerida fonti.

Tegevused

See väärib hõlpsalt eraldi artiklit. Pidagem nüüd meeles, et mõned kontseptsioonid, mis olid aastaid lauaarvutites kehtinud, ei tööta VR-is, näiteks sinine link. Ka UI-st füüsilisest maailmast kolinud asjad võivad olla VR-is kasulikud kui nupud.

Proovige seda VR-stseeni
10) Kui teksti saab kasutada, peaks olema lihtne määratleda.

Minu arvates tõstatas see uurimistöö rohkem küsimusi, mis andsid vastuseid. Kuid see on kindlasti hea arutelu algus.

Siin on stseen koos kõigi testitud VR-stseenide portaalidega

Kuna fonte ei ole 3D-ruumi jaoks kohandatud, proovige neid vältida. Kui see on võimatu, peaksime pöörama suuremat tähelepanu nende kasutamisele ja olema kindel, et kasutaja oskab neid lugeda.

Ja mis kõige tähtsam: jätkake katsetamist.

Kui leiate muid reegleid, jätke kommentaar või võtke minuga twitteris ühendust.

Kui leidsite, et see artikkel on kasulik, siis klõpsake allpool olevat plaksutusnuppu , et teised saaksid seda leida!