AR / VR prototipiranje:

Ponesite dizajne s papira naočale

II dio

Više o početnom procesu i postavljanju potražite u mom prethodnom članku, dio I.

Uvod

Prototipiranje u auggiranoj stvarnosti trenutno je malo nagađanja i provjere. Može biti frustrirajuće pronaći prave alate, a zatim naučiti kako ih koristiti. Međutim, nakon značajnog testiranja igranja u nizu alata, pronašao sam svoj trenutni postupak izrade prototipa. Ispod je popis i postupak alata koji se koriste za uvođenje ideja u pametne prozore mog ODG-a.

Imajte na umu, ovaj postupak se posebno bavi mojim radom kao dizajner u ODG-u za proširenu stvarnost. Mnogo je alata koje nisam dodao na ovaj popis, jer njihove snage nisu mogle poslužiti moj rad. Međutim, kako se alati i dalje razvijaju i moji se projekti mijenjaju, ne sumnjam da će moj postupak sazrijevati u skladu s tim. Neovisno o vašem konkretnom slučaju uporabe, smatram da su mnogi od ovih alata općenito korisni. Također sam predložio dodatne alate koji mogu biti korisni za slučajeve alternativne uporabe u svakoj fazi izrade prototipa.

Koristite u dobrom zdravlju i nadam se da ću nastaviti usavršavati ovaj rad svim detaljima i iskustvom koje želite podijeliti!

Pregled

Započnimo s objašnjenjem prototipa za AR na visokoj razini. Ispod je puni grafikon koji sažima svaki alat o kojem ću govoriti. Važno je napomenuti da, iako je format ovog članka linearni, postupak dizajniranja s tim alatima nije. Koristim neke alate kao što je Sketch, dok su drugi posebno za početne ili završne faze ideje.

Uz to, ovaj dio navodim i u dijelu I, ali ovo je popis velikog djela koje sam otkrio na svom putovanju, u rasponu od alata za učenje do projekata inspiracije. Preporučite pregledavanje.

Lo-Fi

Stupanj niske vjernosti izvlači ideje iz vaše glave i u svijet kao brzi prototip za testiranje širokih koncepata i vizualizaciju ideja.

Vizualizirati ideje u ranim fazama AR / VR je izazovno jer su mnogi poznati alati za ideju, uključujući naše ekrane računala, ravni. Započnite s papirom, ali nemojte se dugo zadržavati u tom dvostranom prostoru.

Zapišite opće ideje i koncepte koje želite kasnije vizualizirati. Papir i olovka uvijek su ideja za brzo prihvaćanje! Tijekom mog procesa crtati ću mini skice ideja ili izgleda kako bih ih promišljao, crtao i zatim vidio što se događa kad ga ponovno stvorim u 3D prostoru.

Odglumiti! Ako se stvari kreću naokolo u fizičkom prostoru, premjestite papir, prototipirajte ga u fizički prostor. Dotaknite zidovima ili se držite i premjestite dok ponovno djelujete na protok korisnika. Korisnički test Lo-Fi dizajnira na ovaj način kako bi se dobio uvid. Eksperimentirajte jer može potrajati više metoda za razumijevanje korisničkih postupaka. Budite kreativni!

AfterNow je objavio divan primjer postupka korištenja ove metode prototipiranja.

Ovo je vjerojatno najpoznatiji dio procesa dizajniranja. I dalje volim način na koji vam Sketch omogućuje postavljanje ploča s umjetničkim pločama, stvaranje arhitekture proizvoda i preporuku kao osnovni alat za stvaranje korisničkog sučelja.

  • Layout napredak zaslona protoka korisnika u skici. Ovo je LO-FI, a ne puni protok korisnika! Blokirajte u oblicima kako biste identificirali veličinu, razmak itd. I testirajte test test!
  • Nastavite iskakati u player da biste ga pogledali (pogledajte sljedeći odjeljak gdje se to pojavljuje)
  • Skica na VR dodatak [Artboard je omjer 2: 1, 3600px x 1800px]
  • Proto.io [Spremnik / Ploča je omjer 2: 1, 4096px x 2048px]
  • Shvatite arhitekturu: kako ta zajednička knjiga postoji kao cjeloviti tok kroz dio sadržaja. Kako se kretati od toga do toga?
  • Definirajte udoban raspon pokreta. Na koliko stupnjeva može sadržaj sjediti iznad / ispod / pored korisnika prije nego što se mora pomaknuti da bi ga vidio ili komunicirao? Otkrila sam kako je sjajna referenca rad Mikea Algera na prepoznavanju ugodnih raspona
  • UI struktura za AR / VR prostor. Razmotrite kako se dizajnerske odluke razlikuju ili odnose na postojeća, 2D sučelja. Koristite li postojeće konvencije jer su uobičajena praksa u 2D korisničkom sučelju ili stvarno postoje za 3D prostor? Na primjer, ako se korisnici naviknu da tipka za povratak ili gumb za izlazak nalaze u gornjem lijevom kutu zaslona, ​​zašto je to tako? Ako se odnosi na kontekst uređaja, recimo da je doseg palca na iphoneu i da je očekivano postavljanje, to ima smisla. No je li to slučaj za vaš AR / VR korisničko sučelje?
  • Dodijelite naziv sadržaju na odgovarajući način! Imenovanje Artboards-a (i stvaranje simbola dok dosegnete hi-fi) kasnije će vam neizmjerno pomoći! Čini se zamorno, ali razmislite o alternativi upisivanja imena svaki put kada izvozite ploču.

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

Dodatni alati: Adobe After Effects pouzdano je od pomoći za stvaranje pokreta već na početku, posebno zato što većina alata za izradu prototipa nema mogućnost za animaciju prijelaza u prototipovima. Možete povući i kratke isječke u 3D video playere, ali imajte na umu da će se oni protezati ovisno o vrsti igrača, veličini i položaju.

Nabavite 3D! Što je prije moguće, neprocjenjivo je da vidite svoj rad u 3D-u. Iako je moj primarni tijek rada smješten u Sketch-u, te stranice uvlačim u naše naočale ili što je moguće češće.

Ovaj dodatak dobro funkcionira i za crteže i za skice. Možete skicirati ideje na 3D predložaku kako biste svoj rad postavili perspektivnom za VR! Upotrijebite ovaj resurs za preuzimanje 3D predložaka za crtanje. Zatim preuzmite Sketch to VR Plugin i slijedite njihov vodič za postavljanje preglednika. Ovo je sjajan prvi, brzi način ulaska sadržaja u 3D prostor.

Tehnička pomoć: I dalje koristim terminal za otvaranje localhosta svaki put kada ga koristim, opcija za SimpleHTTPServer se nikad nije pojavila u mom izborniku desnog klika. Umjesto toga, ako otvorite terminal i utipkate: python -m SimpleHTTPServer. Pokretat će localhost u vašem pregledniku, gdje možete otvoriti novi prozor, upišite: localhost: 8000 i pronađite lokaciju datoteke. Odavde morate samo osvježiti preglednik svaki put kada mijenjate slike.

U ovom koraku, također stavljam stvari u naše naočale kako bih testirao kako dizajni prelaze s računala na AR. Ovo je ključno za provjeru odluka od boja i veličine teksta do položaja. Korisno je znati za koju ste platformu dizajnirali i uzeti u obzir njihove razlike.

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

Dodatni alati: GoPro VR Player koristim i za brzo povlačenje i gledanje sadržaja u 3D prostoru. ona također može uvesti videozapise koji mogu simulirati kretanje sučelja i prijelaze. Napravite AE videozapise u grafičkoj ploči veličine 2: 1, sa sadržajem usredotočenim na procjenu 600 px i pozadinom slike za punjenje 360 ​​(koristim crnu boju jer je prozirna za AR). Animirani video za prikazivanje pokreta i sadržaja unutar. Ove pozadine za VR omot su korisne!

Sketch ima nekoliko vrlo korisnih dodataka za skicu:

  • Content Generator: daje vam tekst za punjenje, slike, imena i brojeve itd.
  • Izvoz Proto.io: Pojednostavljuje prijenos procesa na alat Proto.io
  • Preimenovanje slojeva: Izvrsno za dodavanje prefiksa / sufiksa kako se ploče ne slučajno prepisuju jedna na drugu na Google prezentacijama ili u Zeplin
  • Sinkroniziraj prema dijapozitivima: jednostavan način za izradu dijapozitiva tokova stranica
  • Zeplin: Sketch izvozi ravno u Zeplin kako bi programeri mogli povući dimenzije!

Lo-Fi do Mid-Fi

Sada je vrijeme za detaljnije informacije. Ovi alati pomažu u poboljšanju arhitekture, sadržaja i protoka korisnika. Dizajni srednje vjernosti počinju istraživati ​​boju, vrstu i stil. Pored toga, koristim ove alate za testiranje korisnika.

Proto.io je odličan alat koji sam nedavno pronašao za VR prototipiranje. Na sličan način kao kod Sketch to VR dodatka, možete jednostavno povući imovinu da biste vidjeli ažuriranje prototipa u stvarnom vremenu dok radite!

Jednostavno otvorite račun i preuzmite aplikaciju za svoj telefon. Proto.ioov blog s VR komponentama opisuje alat i ima dva vodiča kroz koja vas vodi kroz postavljanje i upotrebu. Ovaj je udžbenik posebno koristan za moj slučaj upotrebe.

Brzi savjeti, provjerite je li vaš sadržaj u Sketchu dobro imenovan za lak prijenos. Preporučujem da imate zasebnu kopiranu datoteku skice za izradu prototipa nego vaše dizajnerske datoteke, jer ćete grupirati i izvoziti stvari vrlo različito.

Odavde su vam potrebne sve slušalice, karton, Google Daydream itd. I spremni ste za rad!

Link: https://proto.io/

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

Dodatni alati: InstaVR je jednako izvrstan alat za stvaranje prototipa na sličan način. Moram još uvijek duboko zaviriti u ovaj alat, no iz onoga što sam doživio izgleda intuitivno i može integrirati igranje video zapisa.

InVision je također sjajan alat za prototiranje korisnika. Iako je to 2D alat za izradu prototipa, ipak smatram da je to najbrži način za prikaz arhitekture u „ravnom“ sadržaju, poput izbornika ili modalima. Možda ćete trebati artikulirati sadržaj svom timu koji ima dosta promjena u državi, ovo može biti brz alat i odrediti prostorni položaj i dimenzioniranje na drugom mjestu.

Sketchbox je izvrstan alat za storyboarding za brzo uvlačenje sadržaja, kretanje po VR-u i stvaranje klikova kroz faze priče. Ovaj alat smatram posebno korisnim za dobivanje općeg osjećaja za dimenzioniranje i udaljenost sadržaja i stvaranje 3D "prezentacije" korisnika koji izvodi određeni skup radnji.

Sketchbox uvozi slike (izvoz izravno iz Sketch-a), 360 slika i 3D modela i, iako ne koristim ovu značajku, valja napomenuti da Sketchbox također izvozi kao FBX datoteke kako bi se izravno uvukao u vašu igricu po izboru!

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

Dodatni alati: Artefact je objavio alat pod nazivom Storyboard VR koji vam omogućuje prototiranje u 3D prostoru na sličan način. Osobno ga još moram isprobati, ali čini se da je intuitivno i moćan alat za izradu prototipa.

Alati za 3D kreiranje: MakeVR i Gravity Sketch snažni su alati za stvaranje 3D sadržaja u VR-u.

Mid-Fi u Hi-Fi

U ovom trenutku trebali biste imati snažan osjećaj za svoj smjer i spremni ste za daljnje usavršavanje vizualno i prostorno.

Halo je skriveni dragulj s kojim sam eksperimentirao u različitim fazama prototipiranja. Alat je intuitivan i donosi jednostavnost u dizajniranju punih korisničkih tokova u 3D prostoru. Za dizajnere koji još uvijek dobivaju ležajeve pri kreiranju u okruženjima s igrama motora, Halo ne zahtijeva kod za dodavanje funkcionalnosti, a izvrstan je za detaljniju izradu prototipa.

Halo uvozi slike, Gifs, videozapise i 3D modele i dodaje funkcionalnost u radnjama kao što su pokretanje događaja klikanjem / zadržavanjem miša itd. Osim toga, njihove nove značajke dodaju alate za suradnju za komentiranje i stvaranje kartica za delegiranje zadataka u zajedničkim projektima. Halo također integrira Google blokove i fontove kako bi unutar alata dodao 3D sadržaj i fontove.

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

Hi fi

U fazi visoke vjernosti, vaš dizajn je rafiniran i spreman za detaljno testiranje i izgradnju korisnika!

Jedinstvo je ono lagano koje započinje. Međutim, ujedno je i najsnažniji alat za izradu završnih projekata. Jedinstvo je također izdalo EditorVR, za prototip izravno u VR slušalice!

Postavljanje sustava za izradu prototipa: Pomoću jedinstva izgradite osnovno okruženje s točnom udaljenosti, veličinom FOV itd., A zatim možete brzo i jednostavno zamijeniti sadržaj. Kako udobnost s Jedinstvom dopušta, možete nastaviti graditi ovaj prototip kako bi bio robustan koliko god želite, s interakcijama i potpunim protokom korisnika za testiranje korisnika i demonstracije.

Postoje brojni tutorijali za započinjanje s izgledom i različitim tijekovima rada. Imam nekoliko koji su mi puno pomogli, uključujući Unity-ov odličan skup tutorijala, ovaj Udemy tečaj za učenje učenja C # kroz izgradnju igara i mini tečajeve u VR Dev School. Mnogo je vani što preporučujem istraživanje, jer svi imaju malo drugačiji fokus, ali pohađanje tečaja je zabavan način upoznavanja okoline!

Još moram istražiti Unity's EditorVR, ali čini mi se kao izmjenjivač igara za prototipiranje. Alat uzima Unity i prebacuje ga sa radne površine izravno u vaše VR slušalice kako bi doživio svoj posao dok radite!

Link: https://unity3d.com/

Dodatni alati: Unreal Engine je također i robustan igrački sustav koji može izgraditi zvjezdane radove. Unreal također ima "Nacrti", vizualni tijek svojstava za izradu ponašanja i interakcija bez koda! (Znam da Jedinstvo ima dodatak i za ovo). Još nisam koristio Unreal, pa ih vrijedi provjeriti i vidjeti što radi za vas.

Moja pozadina

Malo o meni, napredovao sam kroz likovnu umjetnost, industrijski dizajn, dizajn korisničkog iskustva, a sada radim kao UX / UI dizajner u Augmented Reality u Osterhout Design Group. Diplomirao sam na industrijskom dizajnu na Sveučilištu Carnegie Mellon, kao prvi dizajner koji je završio maloljetnicu na tehničkim studijima. Od diplomiranja istraživao sam UX i industrijski dizajn u rasponu od velikih tvrtki, kao što su Samsung i IBM, do slobodnih poslova u medicinskom dizajnu i obrazovanju.

Volim stvarati i imam nezasitnu znatiželju. Oh, i ja imam afro!

Hvala vam!