Prototipaj AR / VR:

Luați modele de la hârtie la ochelari

Partea a II-a

Pentru mai multe despre procesul inițial și configurare, consultați articolul precedent, partea I.

introducere

Prototiparea în realitate augmentată este un proces de ghicire și verificare în acest moment. Poate fi frustrant să găsești instrumentele potrivite și apoi să înveți cum să le folosești. Cu toate acestea, după testarea considerabilă a jocului într-o serie de instrumente, am găsit procesul meu actual de prototipare. Mai jos este lista și procesul de instrumente pe care le folosesc pentru a aduce idei în ochelarii mei inteligente ODG.

Rețineți că acest proces se referă în mod special la activitatea mea de designer la ODG pentru Augmented Reality. Există multe instrumente pe care nu le-am adăugat la această listă, deoarece punctele lor forte nu s-au bucurat de munca mea. Cu toate acestea, pe măsură ce instrumentele continuă să se dezvolte și proiectele mele se schimbă, nu mă îndoiesc că procesul meu se va maturiza în consecință. Indiferent de cazul dvs. specific de utilizare, consider multe dintre aceste instrumente de ajutor universal. Am sugerat, de asemenea, instrumente suplimentare care pot fi utile pentru cazurile de utilizare alternativă în fiecare etapă a prototipării.

Utilizați-vă într-o stare de sănătate bună și sper să continuați să perfecționați această lucrare, cu toate perspectivele și experiența pe care doriți să o împărtășiți!

Prezentare generală

Să începem cu o explicație la nivel înalt a prototipării pentru AR. Mai jos este graficul complet care rezumă fiecare instrument despre care voi discuta. Este important de menționat că, deși formatul acestui articol este liniar, procesul de proiectare cu aceste instrumente nu este. Folosesc unele instrumente, cum ar fi Sketch, în timp ce altele sunt special pentru etapele de început sau de idei finale.

În plus, fac referire și la această listă în partea I, dar aceasta este o listă a unor lucrări grozave pe care le-am descoperit de-a lungul călătoriei mele, de la instrumente de învățare la proiecte de inspirație. Recomandă navigarea prin.

Lo-Fi

Etapa de fidelitate scăzută scoate ideile din cap și în lume ca prototip rapid pentru a testa concepte largi și vizualiza idei.

Este dificil să vizualizăm ideile în primele etape ale AR / VR, deoarece multe dintre instrumentele de idei familiare, inclusiv ecranele computerului nostru, sunt plane. Începeți pe hârtie, dar nu rămâneți mult timp în acest spațiu 2D.

Notează ideile generale și conceptele pe care vrei să le vizualizezi mai târziu. Hârtia și stiloul sunt întotdeauna captura rapidă pentru idei! De-a lungul procesului meu, voi scrie mici schițe de idei sau machete pentru a mă gândi, să le redescopăr, apoi să văd ce se întâmplă când îl recreez în spațiul 3D.

Pune în practică! Dacă lucrurile se mișcă în spațiul fizic, mutați hârtia, prototipurile în spațiul fizic. Tapezi pe pereți sau țineți și mișcați în timp ce re-redactați un flux de utilizatori. Utilizați teste Lo-Fi pentru a obține informații despre acest lucru. Experimentați, deoarece poate fi nevoie de mai multe metode pentru a înțelege consumul de a lua. Fii creativ!

AfterNow a postat un exemplu de proces minunat de utilizare a acestei metode de prototipare.

Aceasta este probabil cea mai cunoscută porțiune a procesului de proiectare. Îmi place în continuare modul în care Sketch vă permite să prezentați tablouri de artă, să creați arhitectura unui produs și să vă recomandați ca un instrument esențial de creare a interfeței de utilizator.

  • Progresia machetei ecranelor cu flux de utilizator în schiță. Acesta este LO-FI, NU fluxuri complete de utilizatori! Blocați-vă în forme pentru a identifica dimensionarea, distanțarea, etc. și testarea testului!
  • Continuați să accesați playerul pentru a vizualiza (vedeți secțiunea următoare în care aceasta intră în joc)
  • Plugin Sketch to VR [Artboard este raport 2: 1, 3600px x 1800px]
  • Proto.io [Container / Artboard este raport 2: 1, 4096px x 2048px]
  • Înțelegeți arhitectura: cum există acel storyboard ca un flux complet printr-o bucată de conținut. Cum navigați de la asta la asta?
  • Definiți gama confortabilă de mișcare. Câte grade pot conținutul să se așeze deasupra / sub / lângă utilizator înainte de a se deplasa pentru a vedea sau interacționa? O mare referință pe care am găsit-o este activitatea lui Mike Alger care identifică game confortabile
  • Structura UI pentru spațiul AR / VR. Luați în considerare modul în care deciziile de proiectare diferă sau se raportează la interfețele 2D existente. Folosești convențiile existente deoarece sunt practici obișnuite în UI 2D sau persistă de fapt pentru spațiul 3D? De exemplu, dacă utilizatorii obișnuiesc cu un buton înapoi sau un buton de ieșire aflat în partea stângă sus a ecranului, de ce este asta? Dacă se raportează la contextul dispozitivului, spuneți că atingerea degetului mare pe un iPhone și că este o destinație de plasare, acest lucru are sens. Dar este cazul pentru UI AR / VR?
  • Numește conținutul corespunzător! Denumirea Artboardboard-urilor (și crearea de simboluri pe măsură ce ajungeți la hi-fi) vă va ajuta imens mai târziu! Pare anevoios, dar luați în considerare alternativa de a tasta un nume de fiecare dată când exportați tabloul.

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

Instrumente suplimentare: Adobe After Effects este util în mod sigur pentru a crea mișcare din timp, mai ales că majoritatea instrumentelor de prototipare nu au o opțiune pentru animații de tranziție în prototipuri. Puteți trage clipuri scurte și în playere video 3D, dar țineți cont că acestea se vor întinde în funcție de tipul, dimensiunea și plasarea playerului.

Obțineți 3D! Cât mai devreme este de neprețuit să vă vedeți munca în 3D. Deși fluxul meu de lucru principal rezidă în Sketch, trag aceste pagini în ochelarii noștri sau într-un spectator cât mai des posibil.

Acest plugin funcționează bine atât pentru desene, cât și pentru fișiere de schiță. Puteți schița idei pe un șablon 3D pentru a pune munca în perspectivă pentru VR! Utilizați această resursă pentru a descărca șabloanele de desen 3D. Apoi, descărcați Sketch în VR Plugin și urmați tutorialul lor pentru a configura vizualizatorul. Acesta este un excelent mod rapid și rapid de a obține conținut într-un spațiu 3D.

Asistență tehnică: încă folosesc terminalul pentru a deschide localhost de fiecare dată când îl folosesc, opțiunea pentru SimpleHTTPServer nu a apărut niciodată în meniul meu dreapta. În schimb, dacă deschideți terminalul și tastați: python -m SimpleHTTPServer. Acesta va începe să ruleze localhost în browserul dvs., unde puteți deschide o fereastră nouă, tastați: localhost: 8000 și găsiți locația fișierului. De aici, trebuie doar să reîmprospătați browserul de fiecare dată când schimbați imaginile.

În acest pas, trag și lucruri în ochelarii noștri pentru a testa modul în care design-urile se traduc de la computer la AR. Acest lucru este crucial pentru validarea deciziilor de la culorile și dimensionarea textului, până la plasarea conținutului. Este util să știți pentru ce platformă proiectați și să luați în considerare diferențele acestora.

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

Instrumente suplimentare: De asemenea, folosesc GoPro VR Player ca glisare rapidă pentru a vizualiza conținut în spațiu 3D. de asemenea, poate importa videoclipuri care pot simula mișcarea interfeței și tranzițiile. Realizați videoclipuri AE la dimensiunea artboard 2: 1, cu conținut centrat pe est. 600px și fundal de imagine de umplere 360 ​​(folosesc negru, deoarece este transparent pentru AR). Animați videoclipul pentru a afișa mișcare și conținut în cadrul acestora. Aceste fundaluri pentru Wraps VR sunt utile!

Sketch are o serie de plugin-uri de schiță foarte utile:

  • Generator de conținut: vă oferă text de umplere, imagini, nume și numere etc.
  • Export Proto.io: simplifică procesul de reportare la instrumentul Proto.io
  • Redenumiți straturi: excelent pentru adăugarea de prefixe / sufixe, astfel încât Artboard-urile să nu se rescrie neintenționat reciproc în diapozitive Google sau Zeplin
  • Sincronizare cu diapozitive: Mod ușor de a realiza pachetele de diapozitive ale fluxurilor de pagini
  • Zeplin: Sketch exportă direct către Zeplin pentru ca dezvoltatorii să extindă dimensiuni!

Lo-Fi până la Mid-Fi

Acum este timpul să obțineți o informație mai detaliată. Aceste instrumente ajută la rafinarea arhitecturii, conținutului și fluxurilor de utilizatori. Modelele de fidelitate medie încep să exploreze culoarea, tipul și stilul. În plus, folosesc aceste instrumente pentru a efectua testarea utilizatorilor.

Proto.io este un instrument excelent pe care l-am găsit recent pentru prototiparea VR. Într-o manieră similară cu Pluginul Sketch cu VR, puteți extrage cu ușurință activele pentru a vedea o actualizare a prototipului în timp real în timp ce lucrați!

Pur și simplu creați un cont și descărcați aplicația pentru telefonul dvs. Blogul componentelor VR de la Proto.io descrie instrumentul și are două tutoriale pentru a vă orienta prin configurare și utilizare. Am găsit acest tutorial deosebit de util pentru cazul meu de utilizare.

Sfaturi rapide, asigurați-vă că conținutul dvs. din Sketch este bine numit pentru un transfer ușor. Vă recomand să aveți un fișier de schiță copiat separat pentru prototipuri decât fișierele de design, deoarece veți grupa și exporta lucrurile foarte diferit.

De aici, veți avea nevoie doar de căști, Cardboard, Google Daydream etc. și sunteți gata să mergeți!

Link: https://proto.io/

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

Instrumente suplimentare: InstaVR este un instrument la fel de excelent pentru crearea de prototipuri într-un mod similar. Încă am să mă adânc prea mult în acest instrument, însă din ceea ce am experimentat mi se pare intuitiv și poate integra jocul video.

InVision este, de asemenea, un instrument excelent de flux de utilizatori pentru prototipare. Deși este un instrument de prototipare 2D, totuși consider că este cel mai rapid mod de a arăta arhitectura în conținut „plat”, cum ar fi meniuri sau modale. Este posibil să aveți nevoie să articulați conținut echipei dvs. care are destul de multe modificări de stare, acesta poate fi un instrument rapid și puteți stabili amplasarea spațială și dimensionarea în altă parte.

Sketchbox este un instrument excelent de storyboarding pentru a trage rapid conținutul, a-l muta în VR și a crea clic pe etapele unei povești. Am găsit acest instrument deosebit de util pentru obținerea unei senzații generale pentru dimensionarea și distanța conținutului și crearea de „diapozitive” 3D a unui utilizator care efectuează un set specific de acțiuni.

Sketchbox importă imagini (export direct de la Sketch), 360 de imagini și modele 3D și, deși nu folosesc această caracteristică, este de remarcat să spun că Sketchbox exportă și fișiere FBX pentru a fi introduse direct în motorul de jocuri la alegere!

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

Instrumente suplimentare: Artefact a lansat un instrument numit Storyboard VR, care vă permite să prototipizați în spațiul 3D într-o manieră similară. Eu personal încă am să-l încerc, dar pare a fi un instrument intuitiv și puternic de prototipare.

Instrumente de creare 3D: Atât MakeVR cât și Gravity Sketch sunt instrumente puternice de creare pentru a construi conținut 3D în VR.

Mid-Fi până la Hi-Fi

În acest moment, ar trebui să aveți o senzație puternică pentru direcția dvs. și sunteți gata pentru perfecționarea ulterioară vizual și spațial.

Halo este o bijuterie ascunsă cu care am experimentat pentru diferite etape de prototipare. Instrumentul este intuitiv și aduce simplitate pentru proiectarea fluxurilor de utilizatori complete în spațiul 3D. Pentru designerii care încă își obțin rulmenții cu crearea în mediile motoarelor de joc, Halo nu necesită cod pentru a adăuga funcționalitate și este excelent pentru construirea de prototipuri mai detaliate.

Halo importă imagini, Gif-uri, videoclipuri și modele 3D și adaugă funcționalitate în acțiuni, cum ar fi declanșarea de evenimente pe clic / pasare etc. În plus, noile lor funcții adaugă instrumente de colaborare pentru a comenta și crea carduri pentru delegarea sarcinilor în proiectele partajate. Halo integrează, de asemenea, blocuri și fonturi Google pentru a adăuga conținut 3D și fonturi în proiectul dvs. din cadrul instrumentului.

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

Hi-Fi

În faza de înaltă fidelitate, designul tău este rafinat și gata pentru construirea detaliată și testarea utilizatorilor!

Unitatea este cea complicată care începe. Cu toate acestea, este și cel mai robust instrument pentru a crea proiecte finale. Unity a lansat, de asemenea, EditorVR, pentru prototip direct într-un set cu cască VR!

Configurați un sistem de prototipare: utilizând unitatea, construiți un mediu de bază cu distanța corectă, dimensiunea FOV etc., pe care apoi puteți schimba conținutul rapid și ușor. După cum permite confortul cu Unity, puteți continua să construiți acest prototip pentru a fi la fel de robust pe cât doriți, cu interacțiuni și fluxuri complete de utilizatori pentru testarea utilizatorilor și demonstrații.

Există numeroase tutoriale pentru a vă începe cu aspectul și cu diferite fluxuri de lucru. Am câteva care m-au ajutat foarte mult, inclusiv setul excelent de tutoriale Unity, acest Curs Udemy pentru a începe învățarea C # prin jocuri de construire și mini-cursurile la VR Dev School. Sunt mulți acolo, recomand să explorați, deoarece fiecare are un accent diferit, dar a lua un curs este o modalitate distractivă de a vă familiariza cu mediul înconjurător!

Încă am să explorez EditorVR-ul Unity, dar pare un schimbător de jocuri pentru prototipare. Instrumentul preia Unity și îl mută de pe desktop direct în setul cu cască VR pentru a-ți experimenta munca în timp ce lucrezi!

Link: https://unity3d.com/

Instrumente adiționale: Unreal Engine este, de asemenea, un motor de joc robust, capabil să realizeze lucrări stelare. Unreal are, de asemenea, „Blueprints”, un flux vizual de proprietăți pentru a crea comportamente și interacțiuni fără cod! (Știu că Unity are și un plugin pentru asta). Încă nu am folosit Unreal, deci merită să le verificați și să vedeți care funcționează pentru dvs.

Trecutul meu

Un pic despre mine, am progresat prin arte plastice, design industrial, experiență de utilizare a utilizatorului și acum lucrez ca designer UX / UI în Reality Augmented la Osterhout Design Group. Am absolvit Universitatea Carnegie Mellon în proiectare industrială, fiind primul designer care a terminat o minoră în studii de inginerie. Încă de la absolvire, am explorat UX și design industrial, de la companii mari, precum Samsung și IBM, până la activități independente în proiectare și educație medicală.

Îmi place să creez și am o curiozitate insaciabilă. Oh, și am un afro!

Mulțumesc!