Tauchen Sie ein in das VR/AR-Design

Design Thinking in drei Dimensionen.

Virtuelle Realität gehört nicht mehr in den Bereich der Science-Fiction. In den letzten Jahren hat sich der Markt für virtuelle und erweiterte Realität (VR/AR) aufgeheizt, wobei große Technologieunternehmen wie Microsoft, Google, HTC, Facebook und sogar Apple eingestiegen sind. Und die Technologie ist nicht mehr nur etwas für Gamer, sondern wird für alles vom Autoverkauf bis zur Firmenschulung eingesetzt. Forbes prognostiziert, dass der Umsatz mit VR- und AR-Headsets bis 2021 80 Millionen US-Dollar erreichen wird, und TechCrunch argumentiert, dass AR bis 2021 der Haupttreiber eines 108-Milliarden-Dollar-AR/VR-Marktes werden könnte.

Im Moment sieht die VR/AR-Landschaft ein bisschen aus wie im Wilden Westen. Es gibt nicht viele Standards oder Richtlinien, und viele Menschen sind sich immer noch nicht ganz sicher, was VR/AR ist und warum es wichtig ist. Für Designer bieten Virtual-Reality-Design und Augmented-Reality-Design die Möglichkeit, im Erdgeschoss eine völlig neue Branche zu schaffen und zu gestalten – die Entwicklung der Designstandards, anstatt den vorgegebenen Regeln zu folgen, die von jemand anderem skizziert wurden.

Da die meisten Designer Jahre damit verbracht haben, ihr Handwerk auf Flachbildschirmen zu verfeinern: Computer, mobile Geräte oder sogar Druckdesign, mag es entmutigend erscheinen, in das 3D-Design einzusteigen. Es mag überraschend sein zu erfahren, dass viele der Fähigkeiten, die Sie bereits haben, auf diese neue Grenze zutreffen.

Wie bei jedem Designprojekt ist es wichtig, so viel wie möglich über die Plattform, die Zielgruppe und das, was Sie (oder der Kunde) erreichen möchten, zu wissen und zu verstehen. Sei realistisch. Dies ist eine neue Grenze, also unterschätzen Sie nicht, wie lange es dauern wird, die Technologie zu verstehen –– bereiten Sie sich darauf vor, Fehler zu machen und daraus zu lernen.

Erste Schritte: Tauchen Sie ein

Der beste Einstieg ist, VR/AR selbst zu erleben, wenn Sie es noch nicht getan haben, und wenn Sie es schon einmal ausprobiert haben, ist es Zeit für ein vollständiges Eintauchen. Da dieser Raum so neu ist, ist es unmöglich, mit dem Entwerfen zu beginnen, ohne so viele Erfahrungen aus erster Hand wie möglich zu sammeln.

Beginnen Sie für Einsteiger mit kleinem Budget damit, VR/AR-Apps aus den Google- und Apple-App-Stores auf Ihr Smartphone oder Tablet herunterzuladen. Viele Apps sind immer noch kostenlos und es gibt eine ziemlich große Auswahl. Holen Sie sich Google Cardboard, die kostengünstigste Möglichkeit, VR zu erleben.

Wenn Sie sich etwas abenteuerlustiger fühlen und etwas mehr Geld zum Herumwerfen haben, bieten Google Daydream und Samsung Gear VR am unteren Ende stärker integrierte und qualitativ hochwertigere Erlebnisse.

Für diejenigen mit größeren Taschenbüchern bieten Oculus, HTC Vive und Sony High-End-Plattformen, die sich mehr auf Spiele konzentrieren. Diese sind nichts für schwache Nerven, und die Kosten können hoch sein, von 949 $ für ein komplettes PlayStation VR-Bundle bis zu mehreren tausend Dollar für ein Vive- oder Oculus-System mit einem High-End-PC. Diese Systeme erfordern auch einiges an Einrichtung und Technikkenntnissen.

Machen Sie sich beim Erkunden Notizen darüber, was aus UX/UI-Sicht funktioniert und was nicht. Stellen Sie sicher, dass Sie technische Einschränkungen berücksichtigen und ob die Hardware die Benutzererfahrung unterstützt oder behindert. Notieren Sie sich auch, zu welchen Elementen Sie sich hingezogen fühlen, mögen Sie das totale Eintauchen in VR oder bevorzugen Sie die gemischte Realität von AR? Dies wird Ihnen helfen zu bestimmen, wo Sie Ihre Zeit mit dem Lernen verbringen.

Erste Person vs. Flat Design

Bei VR/AR dreht sich alles um drei Dimensionen, und die Benutzeroberfläche ist nicht mehr auf einen flachen rechteckigen Bildschirm oder eine Oberfläche beschränkt. Daher ist es wichtig, räumliches Design und räumliche UI-Elemente ein wenig besser zu verstehen.

Arten von räumlichen UI-Elementen:

• Follow-along – UI-Elemente folgen dem Benutzer, während er sich durch die Umgebung bewegt, und sind nicht fixiert. Ein reales Beispiel dafür wäre das Armaturenbrett Ihres Autos.

• Weltgebunden – UI- Elemente haben einen speziell zugewiesenen Platz innerhalb der Umgebung und bewegen sich nicht. Beispiele hierfür sind in der realen Welt Straßenschilder, Ampeln oder Zebrastreifen-Anzeiger.

Beginnen Sie darüber nachzudenken, wie Design in der realen Welt auf die virtuelle Welt angewendet werden kann. Stellen Sie sicher, dass Sie über Sichtlinien und Schriftgrößen nachdenken, und bereiten Sie sich auf ein schnelles Prototyping in VR vor, um Ihre Annahmen zu testen. Manchmal können Sie sich mit einem Hotlink auf einem Objekt für eine einfache Interaktion begnügen; Für komplexere Interaktionen müssen Sie dynamische Menüs mit sekundären oder sogar tertiären Interaktionen erstellen. Spieler sind bereits mit vielen dieser Konzepte vertraut und verstehen die Bedeutung jeder Art von räumlichem UI-Element.

Neue Inputs, neue Herausforderungen

Zum ersten Mal werden Benutzer aufgefordert, ohne taktile Interaktion mit einer Benutzeroberfläche zu interagieren. Keine Maus, Touchpad oder Touchscreen mehr. Obwohl einige Methoden diese taktile Interaktion nachahmen, interagiert der Benutzer in den meisten Fällen mit einer virtuellen Umgebung durch einige ungewohnte Eingaben, daher ist es wichtig zu verstehen, wie sich dies auf das UI-Design auswirkt.

Arten von Eingängen:

• Geste
• Blick (Eye-Tracking)
• Stimme
• Hardware-Eingänge:
  • Plattformspezifisch
  • Touch & Click-Controller
  • Gamecontroller
  • Haptik

Jede Plattform oder jedes Gerät hat ihren eigenen einzigartigen Satz von Eingabemethoden und kann alle oder nur einige der oben untersuchten Methoden haben; Daher ist es wichtig, die Plattform zu verstehen, für die Sie entwerfen.

Zurück zu den Grundlagen: Der Prozess des virtuellen Designs

Jedes großartige Design beginnt auf die gleiche Weise, ganz gleich, welches Endprodukt es ist. Sobald Sie das Projekt und die Ziele gut verstanden haben, beginnen Sie mit der Zusammenarbeit und dem Brainstorming. Verwenden Sie alles, was Sie derzeit für frühe Designkonzepte verwenden: Whiteboards, Stift und Papier oder Software. Sammeln Sie Feedback und iterieren Sie so weit wie möglich, um den Fokus zu verfeinern und einzugrenzen, bevor Sie fortfahren.

Nachdem die ersten Konzepte verfeinert wurden, besteht der nächste Schritt darin, in die Denkweise des Benutzers einzudringen, indem Benutzerabläufe erstellt werden. Indem wir den Pfad verfolgen, den ein Benutzer durch die Benutzeroberfläche nehmen würde, können wir sicherstellen, dass der Pfad für ihn einfach und leicht verständlich ist.

Die letzte Stufe sind Wireframes. Entwerfen der Art und Weise, wie die Benutzeroberfläche gestaltet und für den Benutzer zugänglich ist.

Klein anfangen: Rapid Prototyping

Scheuen Sie sich nicht, Skizzen oder Wireframes frühzeitig in schnelle VR/AR-Prototypen zu überführen. Es wird Ihnen helfen, unvorhergesehene Probleme mit Ihren Ideen zu lösen, bevor Sie zu tief in den Entwicklungswald einsteigen.

Einige einfache Tools können verwendet werden, um einige dieser frühen Konzepte schnell zu testen:

• Sketch to VR – ein Plug-in, mit dem Designer Sketch verwenden können, um Google VR-fähige Demos zu erstellen. Ein hervorragendes Tool zum Erstellen und Präsentieren früher Prototypen für Stakeholder.
• Vizor – etwas fortgeschrittener und ermöglicht es Designern, foto- oder 3D-szenenbasierte interaktive Demos zu erstellen. Storyscape führt durch die ersten Schritte.
• WebVR – eine offene Plattform, mit der Sie VR in einem Webbrowser erleben können.

Sie können auch Software wie Sketchup, Blender und Cinema 4D verwenden, um VR/AR-Schnittstellen und -Szenen zu simulieren und zu prototypisieren. Wenn Sie alternativ direkt in eines der wichtigsten Tools für Design und Entwicklung in VR/AR einsteigen möchten, gehen Sie direkt zu Unity und richten Sie ein kostenloses Konto ein. Es hat eine etwas größere Lernkurve, aber es gibt viele Tutorials, die Ihnen den Einstieg erleichtern.

Visualisierung des Virtuellen

Wie beim traditionellen UI-Design ist ein exzellentes visuelles Design entscheidend. Wenden Sie an, was Sie wissen, und versuchen Sie nicht, das Rad neu zu erfinden oder Ihre Ästhetik zu dramatisch zu verändern. Verwenden Sie Tools, mit denen Sie bereits vertraut sind, um unnötige Lernkurven zu vermeiden (Adobe CC, Sketch, Framer usw.).

Denken Sie daran, welches Gerät der Endbenutzer verwenden wird, um Ihre Benutzeroberfläche zu erleben. Bildschirme und Headsets mit höherer Auflösung (Tablet AR, Oculus, Vive, PlayStation VR) ermöglichen detailliertere Designs und kleinere, elegantere Schriftarten. Niedrigere oder kleine Bildschirmgeräte (Smartphone VR/AR, Cardboard, Daydream, Gear VR) müssen größere, dickere Schriftarten und weniger detaillierte UI-Elemente verwenden.

Real bleiben

Führen Sie Benutzer mithilfe von Hinweisen durch Ihre Benutzeroberfläche und geben Sie bei jeder Interaktion immer Feedback, damit sich der Benutzer schnell zurechtfindet. Halten Sie sich an die Best Practices für UX/UI und erstellen Sie klare, einfache und benutzerfreundliche Grafiken. Ermöglichen Sie Ihren Benutzern, sich mit virtuellen Erfahrungen vertraut zu machen, indem Sie ihnen vertraute Bezugspunkte und visuelle Metaphern geben.

Ob Sie es glauben oder nicht, nach all den Jahren der Abkehr vom Skeuomorphismus im Design bringt VR/AR ihn zurück. Die Verwendung einer Geste zum Drehen eines Wählrads oder zum Aufheben eines Objekts fühlt sich für Benutzer natürlich an. Fragen Sie einfach Hardcore-Gamer, sie interagieren seit Jahren mit virtuellen Welten.

Jetzt einsteigen!

Kreativen Menschen sind in VR/AR keine Grenzen gesetzt. Es ist ein offenes Feld mit vielen neuen Möglichkeiten. Es ist selten, dass Designer im Erdgeschoss von etwas völlig Neuem mit so vielen Möglichkeiten einsteigen können. Immersive Technologie braucht Designer dringend, um einzusteigen, sich zu engagieren, Risiken einzugehen und etwas Neues zu schaffen.

Weiterlesen:

• Neue Realitäten: VR, AR, MR und die Zukunft des Designs
• Augmented Reality vs. Virtual Reality vs. Mixed Reality – Ein Einführungsleitfaden
• Design für interaktive Umgebungen und Smart Spaces
• UI-Design Best Practices und häufige Fehler
• Leere Zustände – Der am meisten übersehene Aspekt von UX