AR / VR prototüüpimine:

Võtke disainilahendused paberist prillideni

II osa

Esialgse protsessi ja seadistamise kohta leiate lisateavet minu eelmisest artiklist, I osast.

Sissejuhatus

Prototüüpimine liitreaalsuses on hetkel natuke ära arvatav ja kontrollitav protsess. Sobivate tööriistade leidmine ja nende kasutamise õppimine võib olla pettumust valmistav. Pärast märkimisväärseid mängukontrolle paljude tööriistade abil leidsin oma praeguse prototüüpimisprotsessi. Allpool on loetelu tööriistadest ja protsess, mida kasutan ideede toomiseks oma ODG nutiklaasidesse.

Pidage meeles, et see protsess puudutab konkreetselt minu tööd ODG laiendatud reaalsuse kujundajana. Seal on palju tööriistu, mida ma pole sellesse loendisse lisanud, kuna nende tugevad küljed ei olnud minu tööga seotud. Vahendite arenedes ja projektide muutumisel pole kahtlust, et minu protsess saab vastavalt küpseda. Sõltumata teie konkreetsest kasutusjuhtumist on minu arvates paljud neist tööriistadest üldiselt kasulikud.Ma soovitasin ka lisatööriistu, mis võivad olla kasulikud alternatiivsete kasutusjuhtumite jaoks prototüüpide valmistamise igas etapis.

Kasutage seda hea tervise juures ja loodan, et jätkan selle töö viimistlemist kõigi teadmiste ja kogemustega, mida soovite jagada!

Ülevaade

Alustame AR-i prototüüpide kõrgetasemelise selgitusega. Allpool on toodud täielik skeem, milles võetakse kokku kõik tööriistad, millest räägin. Oluline on märkida, et kuigi selle artikli vorming on lineaarne, pole nende tööriistade kujundamise protsess nii. Kasutan terves osas mõnda tööriista, näiteks Sketch, teised aga spetsiaalselt alguse või lõpu ideede jaoks.

Lisaks viitan sellele nimekirjale ka I osas, kuid see on nimekiri mõnest suurest teosest, mille olen oma teekonnal avastanud, alates õppevahenditest kuni inspireerivate projektideni. Soovitage sirvimist.

Lo-Fi

Madal truudusaste võtab ideed peast ja maailmast kiire prototüübina, et katsetada laiemaid kontseptsioone ja visualiseerida ideid.

Ideede visualiseerimine AR / VR-i varases staadiumis on keeruline, kuna paljud tuttavad ideede tööriistad, sealhulgas meie arvutiekraanid, on tasased. Alustage paberil, kuid ärge viibige selles 2D-ruumis kaua.

Pange kirja üldised ideed ja kontseptsioonid, mida soovite hiljem visualiseerida. Paber ja pliiats on alati ideede kiireks püüdmiseks! Ma kritseldan kogu protsessi jooksul ideede või visandite minijooniseid, et need läbi mõelda, uuesti joonistada ja siis vaadata, mis juhtub, kui ma selle 3D-ruumis uuesti loon.

Käitu välja! Kui asjad liiguvad füüsilises ruumis, liigutage paberit, prototüüpe füüsilises ruumis. Teibi seina külge või hoia ja liiguta, kui kasutajavoolu uuesti sisse lülitate. Sel moel saab kasutaja proovida Lo-Fi disainilahendusi, et saada teadmisi. Katsetage, kuna kasutajate kaasavõtmiste mõistmiseks võib kuluda mitu meetodit. Ole loominguline!

AfterNow postitas selle prototüüpimismeetodi kasutamise kohta imelise näite.

See on ilmselt kõige tuttavam osa disainiprotsessist. Mulle meeldib endiselt viis, kuidas Sketch võimaldab teil pappplaate paigutada, toote arhitektuuri luua ja soovitada olulise kasutajaliidese loomise tööriistana.

  • Kasutajavoosekraanide paigutuse edasiliikumine visandina. See on LO-FI, MITTE täielik kasutajavoog! Suuruse, vahekauguse jms tuvastamiseks ja katsetesti katsetamiseks blokeerige kujuga kuju!
  • Jätkake mängijate kuvamiseks hüppamist (vaadake järgmist jaotist, kus see mängu tuleb)
  • Visand VR-pistikprogrammi jaoks [Artboard on 2: 1 suhe, 3600 pikslit x 1800 pikslit]
  • Proto.io [Konteineri / seinatahvli suhe on 2: 1, 4096 pikslit x 2048 pikslit]
  • Saage aru arhitektuurist: kuidas see süžeeskeem sisu täieliku vooluna eksisteerib. Kuidas sellest liikuda?
  • Määratlege mugav liikumisulatus. Mitu kraadi võib sisu istuda kasutaja kohal / all / kõrval, enne kui ta peab liikuma, et teda näha või suhelda? Suurepärane viide, mille ma leidsin, on Mike Algeri töö mugavate vahemike tuvastamisel
  • AR / VR ruumi kasutajaliidese struktuur. Mõelge, kuidas disainimisotsused erinevad või on seotud olemasolevate 2D-liidestega. Kas kasutate olemasolevaid kokkuleppeid, kuna need on 2D kasutajaliideses tavaline praktika või püsivad need 3D-ruumis tegelikult olemas? Miks on see näiteks siis, kui kasutajad on harjunud, et tagasi-nupp või väljumisnupp on ekraani vasakus ülanurgas? Kui see on seotud seadme kontekstiga, öelge pöidla sirutus iPhone'is ja see on eeldatav paigutus, on see mõistlik. Kuid kas see kehtib teie AR / VR kasutajaliidese kohta?
  • Pange sisu sobivalt nimeks! Artboards'i nimetamine (ja sümbolite loomine, kui jõuate hi-fi-ni) aitab teid hiljem tohutult! See näib tüütu, kuid mõelge alternatiivile, kui kirjutate nime iga kord, kui eksportite artboardi.

Link: https://www.sketchapp.com/

Lisatööriistad: Adobe After Effects on usaldusväärselt abiks liikumise varakult loomisel, eriti seetõttu, et enamikul prototüüptimisriistadel pole prototüüpide siirdeanimatsioonide võimalust. Lühikesi klippe saab tõmmata ka 3D-videopleieritesse, kuid pidage meeles, et need venivad olenevalt mängija tüübist, suurusest ja paigutusest.

Hankige 3D! Nii varakult kui võimalik on hindamatu oma töö 3D-vormingus nägemine. Ehkki minu peamine töövoog on visand, tõmban ma neid lehti meie prillidesse või vaatajale nii tihti kui võimalik.

See pistikprogramm töötab hästi nii jooniste kui ka visandfailide jaoks. 3D-mallile saate visandid visandada, et panna oma tööd VR-i perspektiivi! Kasutage seda ressurssi 3D-jooniste mallide allalaadimiseks. Seejärel laadige visand VR-pistikprogrammi alla ja järgige nende õpetusi, et vaataja seadistada. See on suurepärane esimene kiire viis sisu 3D-ruumi jõudmiseks.

Tehniline abi: Ma kasutan endiselt terminali, et avada localhost iga kord, kui seda kasutan. SimpleHTTPServeri võimalus ei ilmunud kunagi minu parema hiireklõpsu menüüsse. Selle asemel, kui avate terminali ja kirjutate: python -m SimpleHTTPServer. See käivitab teie brauseris localhost, kus saate avada uue akna, tippige tüüp: localhost: 8000 ja leidke faili asukoht. Siit peate brauseri värskendama lihtsalt iga kord, kui pilte muudate.

Sellel sammul tõmban asjad ka meie prillidesse, et testida, kuidas kujundused tõlgivad arvutist AR-i. See on ülioluline värvide ja teksti suurusest kuni sisupaigutuseni jõudvate otsuste kinnitamisel. Kasulik on teada saada, millist platvormi teie kujundate, ja arvestada nende erinevustega.

Link: https://blog.prototypr.io/sketch-plugin-sketch-to-vr-4e23ced47e6

Lisatööriistad: 3D-ruumis sisu kuvamiseks kasutan kiire lohistamise abil ka GoPro VR Playerit. see võib ka importida videoid, mis simuleerivad liidese liikumist ja üleminekuid. Tehke AE-videoid plaadisuurusega 2: 1, sisuga, mille keskpunkt on hinnanguliselt 600 pikslit, ja täidise 360 ​​pilditaustaga (ma kasutan musta värvi, kuna see on AR jaoks läbipaistev). Animeerige video liikumise ja sisu kuvamiseks jooksul. Need VR-mähiste taustad on abiks!

Visandil on mitmeid väga kasulikke visandipluginaid:

  • Sisugeneraator: annab teile täiteteksti, pilte, nimesid ja numbreid jne.
  • Proto.io eksport: lihtsustab Proto.io tööriista ülekandmist
  • Kihtide ümbernimetamine: sobib suurepäraselt eesliidete / järelliidete lisamiseks, nii et lihvplaadid ei kirjutaks Google Slides või Zeplini tahtmatult üksteist üle.
  • Sünkrooni slaididega: lihtne viis lehevoogude slaidipakkide tegemiseks
  • Zeplin: Visand eksportib otse Zeplini, et arendajad mõõtmeid tõmmata!

Lo-Fi kuni vidifini

Nüüd on aeg üksikasjalikumat teavet saada. Need tööriistad aitavad täpsustada arhitektuuri, sisu ja kasutajavooge. Keskmise truudusega kujundused hakkavad uurima värvi, tüüpi ja stiili. Lisaks kasutan neid tööriistu kasutajate testimiseks.

Proto.io on suurepärane tööriist, mille leidsin hiljuti VR prototüüpimiseks. Sarnaselt visandiga VR-pistikprogrammile saate hõlpsalt vara sisse tõmmata, et näha prototüübi värskendust reaalajas töötades!

Looge lihtsalt konto ja laadige oma telefoni rakendus alla. Proto.io VR-komponentide ajaveeb kirjeldab seda tööriista ja sellel on kaks õpetust, mis aitavad teil seadistamist ja kasutamist. Leidsin, et see õpetus on minu kasuks eriti kasulik.

Kiirnäpunäited. Veenduge, et teie Sketchi sisu oleks hõlpsalt üle kantud. Tükkide prototüüpimiseks soovitan omada eraldi kopeeritud visandifaili kui kujundusfailid, kuna rühmitate ja ekspordite asju väga erinevalt.

Siit leiate kõik, mida vajate peakomplekti, papi, Google Daydreami jne ja olete valmis minema!

Link: https://proto.io/

https://support.proto.io/hc/en-us/articles/115002611692

Lisatööriistad: InstaVR on võrdselt suurepärane tööriist prototüüpide loomiseks sarnasel viisil. Ma ei ole veel sellesse tööriista süvenenud, kuid see, mida olen kogenud, tundub intuitiivne ja suudab videomängu integreerida.

InVision on ka suurepärane prototüüpimise kasutajate voo tööriist. Ehkki see on kahemõõtmeline prototüüpimisriist, leian, et see on siiski kiireim viis arhitektuuri näitamiseks „tasasel” kujul, näiteks menüüdes või moodustes. Võimalik, et peate oma meeskonnale sõnastama sisu, milles on üsna vähe olekumuudatusi, see võib olla kiire tööriist, ja määrama ruumilise paigutuse ja suuruse mujal.

Sketchbox on suurepärane süžeeskeemide tööriist sisu kiireks tõmbamiseks, VR-is teisaldamiseks ja loo klõpsamise etappide loomiseks. Leidsin, et see tööriist on eriti kasulik sisu suuruse ja kauguse mõistmiseks ning 3D-slaidiseansside loomiseks kasutajale, kes täidab konkreetseid toiminguid.

Sketchbox impordib pilte (eksport otse Sketchist), 360 pilti ja 3D-mudeleid ning kuigi ma seda funktsiooni ei kasuta, on tähelepanuväärne öelda, et Sketchbox ekspordib ka FBX-failidena, et tõmmata need otse teie valitud mängumootorisse!

Link: https://www.sketchbox3d.com/

Lisatööriistad: Artefact andis välja tööriista Storyboard VR, mis võimaldab teil prototüüpi 3D-ruumis sarnasel viisil. Mul isiklikult pole seda veel proovitud, kuid tundub, et see on intuitiivne ja võimas prototüüpimisriist.

3D-loomise tööriistad: nii MakeVR kui ka Gravity Sketch on võimsad loomisriistad 3D-sisu loomiseks VR-i.

Keskmine Fi-st Hi-Fi-ni

Sel hetkel peaksite oma suunda tundma ja olete visuaalselt ja ruumiliselt valmis edasiseks viimistlemiseks.

Halo on varjatud kalliskivi, millega olen katsetanud prototüüpimise eri etappe. Tööriist on intuitiivne ja võimaldab 3D-ruumis täielike kasutajavoogude kavandamist lihtsustada. Projekteerijatele, kes saavad mänguasjade keskkonnas loomisega endiselt oma laagreid hankida, ei vaja Halo funktsioonide lisamiseks koodi ja see sobib suurepäraselt prototüübi üksikasjalikumaks loomiseks.

Halo impordib pilte, GIF-e, videoid ja 3D-mudeleid ning lisab funktsionaalsust sellistes toimingutes nagu sündmuste käivitamine klõpsamisel / hõljutamisel jne. Lisaks lisavad nende uued funktsioonid ühistööriistu kommenteerimiseks ja kaartide loomiseks jagatud projektide ülesannete delegeerimiseks. Halo integreerib ka Google'i blokid ja fondid, et tööriista abil projekti lisada 3D-sisu ja fonte.

Link: https://www.halolabs.io/

Hi-Fi

Usaldusväärsuse etapis on teie disain viimistletud ja valmis üksikasjalikuks ehitamiseks ning kasutajatestideks!

Algusest on keeruline ühtsus. Kuid see on ka kõige jõulisem vahend lõppprojektide loomiseks. Unity andis välja ka EditorVR prototüübi saamiseks otse VR-peakomplekti!

Prototüübisüsteemi seadistamine: kasutades ühtsust, looge õige vahemaa, FOV suurusega jne keskkond, mille abil saate sisu kiiresti ja hõlpsalt välja vahetada. Nagu Unity mugavus võimaldab, võite selle prototüübi ehitamist jätkata nii kindlalt kui soovitud, koos interaktsioonide ja täielike kasutajavoogudega kasutajatestide ja demoside jaoks.

Paigutuse ja erinevate töövoogudega alustamiseks on arvukalt õpetusi. Mul on vähe, mis aitasid mind palju, sealhulgas Unity suurepärane õppematerjalide komplekt, see Udemy kursus C # õppimiseks ehitusmängude kaudu ja minikursused VR Dev koolis. Seal on palju, soovitan uurida, kuna neil kõigil on natuke erinev fookus, kuid kursuse läbimine on lõbus viis keskkonnaga tutvumiseks!

Mul pole veel Unity’s EditorVR-i uurida, kuid see tundub prototüüpide jaoks mänguvahetaja. Tööriist võtab Unity ja teisaldab selle töölaualt otse VR-peakomplekti, et töötamise ajal oma tööd kogeda!

Link: https://unity3d.com/

Lisatööriistad: Unreal Engine on ka vastupidav mängumootor, mis on võimeline ehitama välja tähtteose. Unrealil on ka “Blueprints” - visuaalne omaduste voog käitumise ja interaktsioonide loomiseks ilma koodita! (Ma tean, et ka Unityl on selleks pistikprogramm). Ma pole veel Unrealit kasutanud, nii et tasub neid mõlemaid üle vaadata ja vaadata, mis teie jaoks sobib.

Minu taust

Veidi minust olen edasi jõudnud kaunite kunstide, tööstusdisaini ja kasutajakogemuse kujundamise kaudu ning töötan nüüd UX / UI disainerina liitreaalsuses Osterhout Design Groupis. Olen lõpetanud Carnegie Melloni ülikooli tööstusdisaini erialal, kui esimene disainer, kes lõpetas alaealise inseneriõppes. Pärast kooli lõpetamist olen uurinud UX-i ja tööstusdisainilahendusi, alates suurtest ettevõtetest, näiteks Samsung ja IBM, kuni vabakutselise tööni meditsiinilise disaini ja hariduse valdkonnas.

Mulle meeldib luua ja mul on rahuldamatu uudishimu. Oh, ja mul on afro!

Aitäh!