AR / VR-prototyypit:

Ota mallit paperista lasiin

Osa II

Lisätietoja alkuperäisestä prosessista ja asennuksesta on edellisessä artikkelissa, I osassa.

intro

Lisätyn todellisuuden prototyyppien luominen on tällä hetkellä hieman arvaus- ja tarkistusprosessi. Voi olla turhauttavaa löytää oikeat työkalut ja sitten oppia niitä käyttämään. Kuitenkin huomattavan monien työkalujen pelaamisen jälkeen löysin nykyisen prototyyppiprosessini. Alla on luettelo työkaluista ja prosesseista, joita käytän ideoiden tuomiseen ODG: n älylaseihin.

Muista, että tämä prosessi palvelee erityisesti työtäni ODG: n suunnitelluna lisätyn todellisuuden suunnittelijana. En ole lisännyt tähän luetteloon monia työkaluja, koska niiden vahvuudet eivät paljastaneet työtäni. Työkalujen jatkuvan kehityksen ja projektieni muuttuessa ei ole epäilystäkään siitä, että prosessini kypsyy vastaavasti. Riippumatta käyttökohteestasi, mielestäni monet näistä työkaluista ovat erittäin hyödyllisiä.Ehdotin myös lisätyökaluja, jotka voivat olla hyödyllisiä vaihtoehtoisissa käyttötapauksissa prototyyppien kussakin vaiheessa.

Käytä hyvällä terveydellä ja toivon jatkavan tämän työn jalostamista kaikilla näkemyksilläsi ja kokemuksillasi, jotka haluat jakaa!

Yleiskatsaus

Aloitetaan korkean tason selityksellä AR: n prototyyppien laatimisesta. Alla on täydellinen kaavio, joka sisältää yhteenvedon jokaisesta työkalusta, josta keskustelen. On tärkeää huomata, että vaikka tämän artikkelin muoto on lineaarinen, näiden työkalujen suunnitteluprosessi ei ole. Käytän joitain työkaluja, kuten Sketch, kaikkialla, kun taas toiset on tarkoitettu erityisesti aloitus- tai viimeiseen ideointivaiheeseen.

Lisäksi viittaan tähän luetteloon myös osassa I, mutta tämä on luettelo hienoista töistä, jotka olen löytänyt matkan aikana, oppimisvälineistä aina inspiroiviin projekteihin. Suosittele selaamista.

Lo-Fi

Matala uskollisuusaste vie ideat pois päästäsi ja maailmaan nopeana prototyyppinä laajojen konseptien testaamiseksi ja ideoiden visualisoimiseksi.

Ideoiden visualisointi AR / VR: n varhaisessa vaiheessa on haastavaa, koska monet tutuista ideointityökaluista, mukaan lukien tietokoneen näytöt, ovat tasaiset. Aloita paperilla, mutta älä jää tähän 2D-tilaan kauan.

Merkitse yleiset ideat ja käsitteet, jotka haluat visualisoida myöhemmin. Paperi ja kynä ovat aina ideoiden nopea sieppaus! Kirjoitan koko prosessini ajan miniluonnoksia ideoista tai asetteluista, jotta voin miettiä niitä, piirtää uudelleen ja nähdä sitten mitä tapahtuu, kun luon sen 3D-tilassa.

Suorita se! Jos asiat liikkuvat fyysisessä tilassa, siirrä paperia, prototyyppejä fyysisessä tilassa. Nauha seiniin tai pidä ja siirrä, kun käyttäjän virta palautetaan. Käyttäjätestaa Lo-Fi-mallit tällä tavalla saadaksesi tietoa. Kokeile, koska se voi viedä useita tapoja ymmärtää käyttäjien ottamisia. Ole luova!

AfterNow julkaisi upean prosessiesimerkin tämän prototyyppimenetelmän hyödyntämisestä.

Tämä on luultavasti tunnetuin osa suunnitteluprosessia. Rakastan edelleen tapaa, jolla Sketch antaa sinun asettaa piirrostauluja, luoda tuotteen arkkitehtuuria ja suositella sitä tärkeäksi käyttöliittymän luontityökaluksi.

  • Käyttäjän virtausnäyttöjen asettelun eteneminen luonnoksena. Tämä on LO-FI, EI täysi käyttäjän virta! Estä muodot tunnistaaksesi koon, etäisyyden jne. Ja testata testitesti!
  • Jatka siirtymistä soittimeen nähdäksesi (katso seuraava kohta, missä tämä tulee näyttöön)
  • Luonnos VR-laajennukseen [Vaihtokortti on 2: 1 -suhde, 3600 x 1800 kuvapistettä]
  • Proto.io [Säiliön / taulun on suhde 2: 1, 4096px x 2048px]
  • Ymmärrä arkkitehtuuri: Kuinka kyseinen kuvakäsikirjoitus on olemassa täytenä virtauksena sisällön läpi. Kuinka navigoit tästä siihen?
  • Määritä mukava liikealue. Kuinka monta astetta sisältö voi istua käyttäjän ylä- tai alapuolella / vieressä, ennen kuin hänen on siirryttävä katsomaan tai toimimaan vuorovaikutuksessa? Suuri viite, jonka olen löytänyt, on Mike Algerin työ, joka tunnistaa mukavat alueet
  • Käyttöliittymärakenne AR / VR-tilaa varten. Mieti, miten suunnittelupäätökset eroavat toisistaan ​​tai liittyvät olemassa oleviin 2D-rajapintoihin. Käytätkö olemassa olevia yleissopimuksia, koska ne ovat yleisiä käytäntöjä 2D-käyttöliittymässä, vai pysyvätkö ne todella 3D-tilassa? Esimerkiksi, jos käyttäjät ovat tottuneet takapainikkeeseen tai poistumispainikkeeseen, joka on näytön vasemmassa yläkulmassa, miksi niin? Jos se liittyy laitteen tilanteeseen, sanotaan, että peukalon ulottuma iPhonessa on odotettavissa oleva sijoittelu, tämä on järkevää. Mutta onko tämä tilanne AR / VR-käyttöliittymässäsi?
  • Nimeä sisältö asianmukaisesti! Taidetaulujen nimeäminen (ja symbolien luominen, kun saavutat hi-fi-yhteyden) auttaa sinua suunnattomasti myöhemmin! Vaikuttaa tylsältä, mutta harkitse vaihtoehtoa kirjoittaa nimi joka kerta, kun viet valokuvan.

Linkki: https://www.sketchapp.com/

Lisätyökalut: Adobe After Effects on luotettavasti hyödyllinen liikkeen luomiseen varhaisessa vaiheessa, etenkin koska useimmissa prototyyppityökaluissa ei ole vaihtoehtoa siirtymäanimaatioille prototyypeissä. Voit vetää lyhyitä leikkeitä myös 3D-videosoittimiin, mutta muista, että ne venyvät soittimen tyypistä, koosta ja sijoittelusta riippuen.

Hanki 3D! On mahdollisimman arvokasta nähdä työsi kolmiulotteisena mahdollisimman varhaisessa vaiheessa. Vaikka pääasiallinen työnkuluni on Sketchissä, vedän nämä sivut laseihimme tai katsojaan niin usein kuin mahdollista.

Tämä laajennus toimii hyvin sekä piirustuksissa että luonnos tiedostoissa. Voit luonnostella ideoita 3D-malliin, jotta työsi voidaan asettaa perspektiiviin VR: lle! Käytä tätä resurssia 3D-piirustusmallien lataamiseen. Lataa sitten luonnos VR-laajennukseen ja aseta katsoja noudattamalla heidän opastustaan. Tämä on hieno ensimmäinen, nopea tapa saada sisältöä 3D-tilaan.

Tekninen tuki: Käytän edelleen päätelaitetta avataksesi localhost joka kerta, kun sitä käytän, SimpleHTTPServer -vaihtoehto ei koskaan näkynyt oikean napsautuksen valikossa. Sen sijaan, jos avaat päätelaitteen ja kirjoitat: python-m SimpleHTTPServer. Se käynnistää localhostin selaimessa, jossa voit avata uuden ikkunan, kirjoita: localhost: 8000 ja löytää tiedoston sijainti. Tästä eteenpäin sinun on päivitettävä selain vain joka kerta, kun vaihdat kuvia.

Tässä vaiheessa vedän myös asioita lasillemme testataksemme, kuinka mallit kääntyvät tietokoneesta AR: ään. Tämä on ratkaisevan tärkeää validoidessaan päätöksiä väreistä ja tekstin koosta, sisällön sijoitteluun. On hyödyllistä tietää, mihin alustaan ​​suunnittelet, ja pohtia niiden eroja.

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

Lisätyökalut: Käytän myös GoPro VR Player -sovellusta nopeasti vetämällä ja pudottamalla katsoaksesi sisältöä 3D-tilassa. se voi myös tuoda videoita, jotka voivat simuloida käyttöliittymän liikettä ja siirtymiä. Tee AE-videoita valokuvan kokoksi 2: 1 sisällön ollessa keskitettynä arviolta 600px: iin ja täyteaineen 360-kuvataustalla (käytän mustaa, koska se on läpinäkyvä AR: lle). Animoi video liikkeen ja sisällön näyttämiseksi sisällä. Nämä VR-kääreiden taustat ovat hyödyllisiä!

Luonnoksessa on useita erittäin hyödyllisiä luonnoksen laajennuksia:

  • Sisällöntuottaja: Antaa sinulle täytetekstin, kuvat, nimet ja numerot jne.
  • Proto.io-vienti: Yksinkertaistaa siirtymistä Proto.io-työkaluun
  • Nimeä kerrokset uudelleen: Erinomainen lisättäessä etuliitteet / liitteet, jotta taulut eivät korvaa tahattomasti toisiaan Google Slidesissa tai Zeplinissä
  • Synkronointi dioihin: Helppo tapa tehdä sivuvirtaus dioja
  • Zeplin: Sketch vie suoraan Zepliniin kehittäjien vetämään mittoja!

Lo-Fi keski-Fi

Nyt on aika saada tarkempi kuvaus. Nämä työkalut auttavat tarkentamaan arkkitehtuuria, sisältöä ja käyttäjävirtoja. Keskitason uskollisuussuunnittelut alkavat tutkia väriä, tyyppiä ja tyyliä. Lisäksi käytän näitä työkaluja käyttäjien testaamiseen.

Proto.io on erinomainen työkalu, jonka löysin äskettäin VR-prototyyppeihin. Samalla tavalla kuin Sketch to VR -laajennus, voit helposti vetää omaisuutta sisään nähdäksesi prototyypin päivityksen reaaliajassa työskennellessäsi!

Luo vain tili ja lataa sovellus puhelimeesi. Proto.ion VR-komponenttiblogi kuvaa työkalua, ja siinä on kaksi opastusta, jotka opastavat sinua asennuksessa ja käytössä. Pidin tätä opetusohjelmaa erityisen hyödylliseksi minun tapauksessani.

Pikavinkit, varmista, että Sketch-sisältösi on nimetty helposti helpon siirtämisen vuoksi. Suosittelen, että sinulla on erillinen kopioitu luonnostiedosto kappaleiden prototyyppien laatimiseen kuin suunnittelutiedostoihin, koska ryhmität ja viedät asiat hyvin eri tavalla.

Täältä kaikki mitä tarvitset kuulokkeisiin, pahvilaatikkoon, Google Daydreamiin jne. Ja olet valmis lähtemään!

Linkki: https://proto.io/

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

Lisätyökalut: InstaVR on yhtä erinomainen työkalu prototyyppien luomiseen samalla tavalla. Minun ei ole vielä syventynyt tähän työkaluun, mutta kokemukseni mukaan se näyttää intuitiiviselta ja pystyy integroimaan videotoiston.

InVision on myös hieno prototyyppityökalu. Vaikka se on 2D-prototyyppityökalu, mielestäni se on silti nopein tapa näyttää arkkitehtuuria ”tasaisella” sisällöllä, kuten valikoissa tai muodoissa. Saatat joutua artikuloimaan sisältöä ryhmällesi, jossa on melko vähän tilamuutoksia. Tämä voi olla nopea työkalu ja määrittää paikallinen sijoittelu ja koko muualle.

Sketchbox on erinomainen käsikirjoittamistyökalu sisällön nopeaan vetämiseen, siirtämiseen VR: ssä ja tarinan napsautuskohtaisten vaiheiden luomiseen. Pidän tätä työkalua erityisen hyödyllisenä sisällön koon ja etäisyyden yleisen tunteen aikaansaamiseksi ja 3D-diaesitysten luomiseksi käyttäjää, joka suorittaa tietyn toiminnon.

Sketchbox tuo kuvia (vie suoraan Sketchistä), 360 kuvaa ja 3D-malleja ja vaikka en käytä tätä ominaisuutta, on huomionarvoista sanoa, että Sketchbox vie myös FBX-tiedostoina vetääksesi suoraan valitsemasi pelimoottoriin!

Linkki: https://www.sketchbox3d.com/

Lisätyökalut: Artefact julkaisi Storyboard VR -nimisen työkalun, jonka avulla voit tehdä prototyypin 3D-tilassa samalla tavalla. Minun henkilökohtaisesti ei ole vielä kokeillut sitä, mutta näyttää olevan intuitiivinen ja tehokas prototyyppityökalu.

3D-luomistyökalut: Sekä MakeVR että Gravity Sketch ovat tehokkaita luontityökaluja 3D-sisällön rakentamiseksi VR: hen.

Mid-Fi Hi-Fi

Tässä vaiheessa sinun pitäisi tuntea suuntasi voimakkaasti ja olla valmis tarkennettavaksi visuaalisesti ja alueellisesti.

Halo on piilotettu helmi, jonka kanssa olen kokeillut prototyypin eri vaiheissa. Työkalu on intuitiivinen ja tuo yksinkertaisuuden täydellisten käyttäjävirtojen suunnitteluun 3D-tilassa. Suunnittelijoille, jotka saavat edelleen laakereitaan luomiseen pelimoottoriympäristöissä, Halo ei vaadi koodia toiminnallisuuden lisäämiseksi, ja se on hieno tarkempaan prototyyppien rakentamiseen.

Halo tuo kuvia, GIF-videoita, videoita ja 3D-malleja ja lisää toimintoja, kuten tapahtumien käynnistäminen napsauttamalla / siirtämällä hiirelle jne. Lisäksi niiden uudet ominaisuudet lisäävät yhteistyökaluja kommentoimaan ja luomaan kortteja tehtävien siirtämiseen jaetuissa projekteissa. Halo integroi myös Google Blocks and Fonts -sovelluksen lisätäksesi 3D-sisältöä ja fontteja projektiisi työkalun sisällä.

Linkki: https://www.halolabs.io/

Hi-Fi

Erittäin uskollisessa vaiheessa suunnittelusi on hienostunut ja valmis yksityiskohtaiseen rakentamiseen ja käyttäjien testaamiseen!

Yhtenäisyys on hankala alkaa. Se on kuitenkin myös tukevin työkalu lopullisten projektien luomiseen. Unity julkaisi myös EditorVR: n prototyyppiksi suoraan VR-kuulokemikrofonissa!

Asenna prototyyppijärjestelmä: Yhdenmukaisuuden avulla rakenna perusympäristö, jolla on oikea etäisyys, FOV-koko jne., Jonka avulla voit sitten vaihtaa sisältöä nopeasti ja helposti. Kuten Unityn mukavuus sallii, voit jatkaa tämän prototyypin rakentamista niin vahvaksi kuin haluat, vuorovaikutuksella ja täydellisillä käyttäjävirroilla käyttäjän testaamiseen ja demoihin.

On olemassa lukuisia oppaita, joiden avulla pääset alkuun asettelun ja erilaisten työnkulkujen kanssa. Minulla on muutamia, jotka auttoivat minua paljon, mukaan lukien Unityn erinomaiset oppaat, tämä Udemy-kurssi aloittamaan C #: n oppiminen rakennuspeleiden kautta ja minikurssit VR Dev Schoolissa. Suosittelen tutkimaan monia siellä, sillä niillä jokaisella on hieman erilainen painopiste, mutta kurssin suorittaminen on hauska tapa tutustua ympäristöön!

Minun ei ole vielä tutkittu Unityn EditorVR: ää, mutta se näyttää pelinvaihtajalla prototyyppien laatimiseen. Työkalu vie Unityn ja siirtää sen työpöydältä suoraan VR-kuulokemikrofoniin kokeaksesi työsi työskennellessäsi!

Linkki: https://unity3d.com/

Lisätyökalut: Unreal Engine on myös vankka pelimoottori, joka pystyy rakentamaan tähtitöitä. Unrealilla on myös ”Suunnitelmat”, visuaalinen ominaisuuksien virta rakentaaksesi käyttäytymistä ja vuorovaikutusta ilman koodia! (Tiedän, että Unityllä on myös laajennus tähän). En ole vielä käyttänyt Unrealia, joten kannattaa tarkistaa ne molemmat ja nähdä mikä sopii sinulle.

Taustani

Jotain minusta, olen edennyt kuvataiteen, teollisen suunnittelun, käyttäjäkokemuksen suunnittelun kautta ja työskentelen nyt UX / UI-suunnittelijana laajennetussa todellisuudessa Osterhout Design Groupissa. Olen valmistunut Carnegie Mellon University of Industrial Design -tapahtumasta, ensimmäisenä suunnittelijana, joka suoritti alaikäisen insinööriopinnot. Valmistumiseni jälkeen olen tutkinut UX: ää ja teollista muotoilua aina suurista yrityksistä, kuten Samsungista ja IBM: stä, freelance-työskentelyyn lääketieteellisen suunnittelun ja koulutuksen aloilla.

Rakastan luoda, ja minulla on tyydyttämätön uteliaisuus. Voi, ja minulla on afro!

Kiitos!