So integrieren Sie Virtual Reality in das Prototyping mobiler Apps
Veröffentlicht: 2018-02-25Je mehr Ihr Prototyp Ihrem Endprodukt ähnelt, desto besser
In den 90er Jahren sollte die virtuelle Realität die Welt verändern. Filme wie The Lawnmower Man , The Matrix und Existenz schufen ein Bild von VR als einer fast übernatürlichen Kraft, die in der Lage ist, alternative Welten voller Gefahren und Kräfte zu erschaffen, die normale menschliche Fähigkeiten übersteigen. Es gab sogar ein paar frühe VR-Tools für Verbraucher wie den Nintendo Virtual Boy und das Sega VR Headset.
Und dann schien alles zu verschwinden.
In vielerlei Hinsicht waren diese frühen Tage für VR wie die Kindheit. Wir hatten große Träume (und Ängste) und ziemlich vage Vorstellungen darüber, wie es funktionieren würde und wozu es eigentlich gut sein sollte. VR-Tools waren grob und teuer, und die Welt war noch nicht bereit. Es war nicht nur eine Frage der Technologie – wir fingen gerade an zu verstehen, wie man eine intuitive Benutzeroberfläche entwickelt (und das UX-Design befand sich noch in einem sehr frühen Stadium).
Jetzt sind wir jedoch bereit.
VR ist in den letzten Jahren explodiert. Sie können Ihr Telefon mit einem Google Cardboard-Display im Wert von 15 US-Dollar in ein VR-Tool verwandeln oder es mit einigen einfachen Bastelwerkzeugen sogar selbst tun. Sogar leistungsstarke immersive Headsets wie das Oculus Rift oder HTC Vive kosten weniger als ein High-End-Apple MacBook.
Und anders als in den 90er Jahren ist die Nachfrage der Verbraucher riesig. Laut Zion Market Research wird der globale Virtual-Reality-Markt bis 2022 mit einer erstaunlichen durchschnittlichen jährlichen Wachstumsrate von 54,01 % weiter wachsen und einen Wert von 26,89 Milliarden US-Dollar erreichen. Eine andere Studie zeigte, dass die Downloads von VR-Apps von Google Play und dem App Store im Jahr 2016 um 276 % gestiegen sind.
Für Entwickler und Designer steckt das jedoch noch in den Anfängen. Es gibt viele SDKs und Design-Tools, aber für Entwickler mobiler Apps, die einen funktionalen Virtual-Reality-Prototypen erstellen möchten, ohne in den Code einzutauchen, gab es nicht viel da draußen – bis zu unserer VR-Komponentenbibliothek.
Wo mobile Virtual-Reality-Apps jetzt sind
Es gibt zwei grundlegende Möglichkeiten, Virtual Reality zu machen: mit drei oder sechs Freiheitsgraden. Drei Freiheitsgrade ist die Art und Weise, wie Virtual Reality für Android und andere mobile Geräte jetzt funktioniert. Der Benutzer kann in jede Richtung schauen und mit Objekten in dem virtuellen Raum interagieren, in dem er steht. Einige dedizierte VR-Controller erlauben sechs Freiheitsgrade, was bedeutet, dass die App auch Benutzerbewegungen in einem Raum verfolgen kann, was den Interaktionen mit dem virtueller Raum.
Warum schaffen Smartphones keine sechs Grad? Während Ihr Telefon Richtungsänderungen gut verfolgen kann, ist es nicht in der Lage, Bewegungen im physischen Raum allzu genau zu verfolgen. Tatsächlich benötigen VR-Controller derzeit einen dedizierten Raum mit externen Sensoren, um 6-Grad-VR zu erreichen, zusammen mit einem externen Gerät, das die Verarbeitung übernimmt.
Die meisten Prototypen für mobile Apps konzentrieren sich aus mehreren Gründen auf drei Stufen:
- Es ist weit verbreitet, also gibt es einen viel größeren Markt.
- Sie können dies überall tun, nicht nur in einem speziell konfigurierten Raum, der an einen Computer angeschlossen ist.
- Sie benötigen keine spezielle (und kostspielige) Ausrüstung, um es zu verwenden oder zu testen.
Es ist schwer zu sagen, wie sich die virtuelle Realität genau entwickeln wird, aber die Chancen stehen gut, dass sechs Grad in der VR eine enge Nische bleiben werden. Eines der großartigen Dinge an VR ist, dass Sie damit den Einschränkungen Ihrer physischen Umgebung entkommen können, ein Vorteil, den Sie verlieren, wenn Sie einen ganzen virtuellen Raum konfigurieren müssen.
Entwicklung von Virtual-Reality-Apps
Je mehr Ihr Prototyp Ihrem Endprodukt ähnelt, desto besser. Ganz einfach, weil die Kosten für Änderungen an einem Produkt, wenn es vollständig entwickelt ist, viel höher sind als für Änderungen an einem Prototyp. Der Prototyp Ihrer App sollte die Funktionalität, Benutzeroberfläche und Benutzererfahrung Ihrer App so genau wie möglich simulieren. Auf diese Weise kommt das Feedback, das Sie erhalten, näher an das heran, was Sie erwarten würden, wenn Sie mit Benutzern testen würden, als die App fertig war.
Für dich empfohlen:
Wie Metaverse die indische Automobilindustrie verändern wird
Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?
Wie Edtech-Startups Indiens Arbeitskräften helfen, sich weiterzubilden und zukunftsfähig zu werden ...
New-Age-Tech-Aktien in dieser Woche: Zomatos Probleme gehen weiter, EaseMyTrip-Posts steigen...
Indische Startups nehmen Abkürzungen bei der Jagd nach Finanzierung
Digitale Marketingplattform Logicserve Bags INR 80 Cr-Finanzierung, Umbenennung in LS Dig...
Allerdings sollten Ihre UI-Bibliotheken für Android oder iOS auf dem neuesten Stand sein. Die Blicksteuerung muss unterstützt werden, damit Sie auf komplexe Weise mit der App interagieren können, selbst wenn Sie nur ein Smartphone als Controller verwenden. Interaktionen und Animationen müssen genauso gut sein, damit Sie die Designelemente beim Prototyping festnageln können.
In vielerlei Hinsicht ist es sogar noch wichtiger, die Tools für das Virtual-Reality-Prototyping genau richtig zu machen. Zum einen können Sie nicht auf bewährte Designkonventionen zurückgreifen, die beim Prototyping mobiler Apps gelten. Eine einfache Benutzeroberfläche, die auf einem Android-Bildschirm großartig aussehen mag, lässt sich nicht unbedingt übersetzen, wenn Sie 360° und drei Achsen haben, mit denen Sie arbeiten können. Es ist eine gute Wette, dass Virtual-Reality-Apps die Debatte zwischen Skeuomorphismus und Materialdesign anheizen werden und sich Best Practices ändern werden.
Sie können auch nicht auf Ihren Instinkt und eine grobe Skizze zurückgreifen. Sie müssen die Funktionsweise so detailliert wie möglich simulieren, damit Sie es richtig machen können, bevor Sie die Zeit investieren, das Endprodukt zu erstellen.
Darüber hinaus wird das Erstellen grafisch ansprechender, immersiver Umgebungen viel wichtiger sein, als es normalerweise beim Prototyping mobiler Apps der Fall ist. Sie bitten die Benutzer, sich einen Bildschirm ans Gesicht zu schnallen, was unpraktisch ist – sie müssen mehr herausholen als die exakt gleichen Tasten, die die gleichen Dinge tun, aber jetzt im Raum schweben.
Vieles, was Virtual Reality interessant macht, wird von Interaktionen und Mikrointeraktionen abhängen. Wenn ein Gegenstand auf einem Flachbildschirm leuchtet oder einen Schatten wirft, ist das nur ein Effekt. Es kann mit anderen Designelementen interagieren, ist aber immer noch etwas vom Benutzer entfernt. In der virtuellen Realität kann der Benutzer tatsächlich mit Lichtquellen interagieren. Sie können die Entfernung verwenden, um Prioritäten anzuzeigen, oder den Benutzer in verschiedene Richtungen blicken lassen, um verschiedene Aufgaben zu erledigen.
Dies schafft die Möglichkeit für innovative Designer, Benutzer auf wirklich neue Weise zu begeistern. Sie können tatsächlich simulierte Scheinwerfer verwenden, um wichtige Aufgaben hervorzuheben, oder das Design eines Raums ändern, um auf die Stimmung des Benutzers oder die Art einer bestimmten Aufgabe zu reagieren. Animierte Elemente können wackeln, um ein Gefühl der Dringlichkeit zu erzeugen, oder sich auf den Benutzer zubewegen, um seine Aufmerksamkeit auf neue Informationen zu lenken.
Sie können diese Elemente jedoch nicht zusammen testen, ohne Prototypen für Benutzersteuerelemente zu erstellen. Was wie ein intuitiver Benutzerfluss erscheinen mag, wenn Sie mit einem Bildschirm interagieren, kann ein absoluter Albtraum sein, wenn der Benutzer alles mit seinem Blick steuert. Sie müssen in der Lage sein, tatsächlich zu simulieren, wie der Benutzer mit der Umgebung interagiert, oder Sie könnten später im Projekt mit einem unglücklichen Weckruf enden.
Und Sie brauchen alles, um auf eine Weise zu arbeiten, die in Ihren 2D-App-Entwicklungsworkflow passt. Sie sollten keine komplett neuen Tools lernen oder zwei verschiedene Prototypen einer App nachbauen müssen, wenn Sie sowohl VR- als auch herkömmliche Schnittstellen unterstützen möchten – Sie sollten in der Lage sein, beide innerhalb desselben Frameworks zu entwerfen und zu testen.
So erstellen Sie Prototypen von VR-Apps in Proto.io
Proto.io hat eine VR-Prototyping-Gerätebibliothek entwickelt, die es Designern und Entwicklern ermöglicht, ihre eigenen VR-Erlebnisse zu simulieren, indem sie denselben intuitiven Proto.io-Workflow verwenden, auf den sie sich für das traditionelle Prototyping mobiler Apps verlassen.
Benutzer können 360°-Fotos hochladen und Komplettlösungen in wenigen Minuten entwerfen. Proto.io Asset Flow lässt sich nahtlos in branchenübliche Tools wie Sketch und Photoshop integrieren, wodurch es genauso einfach ist, einen Rundgang in einer fantastischen virtuellen Welt zu simulieren, wie es ist, das Innere eines Hauses zu besichtigen.
Unsere VR-Komponentenbibliothek macht es auch einfach, Menüs und andere blickbasierte Steuerelemente zu simulieren, Animationen und Sound hinzuzufügen und Ihr Layout zu optimieren, um den virtuellen Raum optimal zu nutzen. Und Sie können Ihren Prototyp auf jedem Gerät, auf dem die Proto.io-App ausgeführt wird, in der Vorschau anzeigen, was Ihnen eine unglaubliche Flexibilität verleiht. Sie können beispielsweise Ihr MacBook verwenden, um eine Szene in der Web-App zu erstellen, sie dann zu testen und die Virtual-Reality-Version für Android zu optimieren und sie dann auf Oculus Rift oder einem anderen High-End-VR-Headset vorzuführen.
Erste Schritte mit Virtual-Reality-Apps
Wir haben einige Tutorials zusammengestellt, um Ihnen den Einstieg in VR zu erleichtern. Egal, ob Sie ein erfahrener Entwickler sind, der in VR einsteigen möchte, oder völlig neu im VR-Prototyping, das Erstellen einer grundlegenden VR-Umgebung ist ein großartiger erster Schritt. In etwa drei Minuten erfahren Sie, wie Sie den VR-Container laden, ein Bild hinzufügen und es auf Ihrem Gerät anzeigen.
Wenn Sie das getan haben, sehen Sie sich unser On-Demand-Webinar VR-Prototyping an, ohne Proto.io zu verlassen. Zuerst zeigen wir Ihnen, wie Sie Ihren ersten interaktiven Rundgang mit atemberaubenden 360°-Bildern erstellen. Dann bringen wir Ihnen bei, wie Sie ein Spielmenü erstellen, mit Schaltflächen, die sich erweitern, leuchten und Geräusche machen, wenn Sie sie drücken (Sie können sich das Spielmenü-Tutorial auch separat ansehen). Dabei lernen Sie viele Fähigkeiten, die für die Erstellung anderer Virtual-Reality-Apps nützlich sind, darunter:
- Erstellen von VR-Schaltflächen, die auf den Blick des Benutzers reagieren.
- Szenenwechsel auslösen.
- Verwenden von flachen Bildern und Beacons, um verschiedene Arten von Szenenänderungen anzuzeigen.
- Integrieren von Sound in Ihre VR-Apps.
Wenn Sie neu bei Proto.io sind, werden Sie auch ein Gefühl dafür bekommen, wie alles zusammenarbeitet. Obwohl VR-Container in gewisser Weise etwas Besonderes sind, haben wir den Workflow so konsistent wie möglich gehalten. Wenn Sie Erfahrung mit dem Erstellen von Apps haben und der Typ sind, der ein Handbuch nur als letzten Ausweg verwendet, sollte es Sie auf den Weg bringen. Ansonsten sollte unser Benutzerhandbuch alles enthalten, was Sie wissen müssen.
Für weitere Design- und UI-Einblicke empfehlen wir dringend, The UX of VR zu durchsuchen. Dort finden Sie viele großartige Videos, Artikel, Bücher, Präsentationen und andere Ressourcen, die Sie zu einem Experten für Virtual Reality-Benutzererlebnisse machen.
Dieser Beitrag erschien zuerst im Proto.io-Blog und wurde mit Genehmigung reproduziert.