UI-Hinweistext
Das UI-Design für interaktive 3D-Projekte ist das entscheidende Element des Gesamterlebnisses. Das UI liefert das visuelle Feedback, das Neugier weckt. Es steuert das Nutzererlebnis, indem es interaktive Elemente offenbart, und bringt uns dem vollen Nutzen eines digitalen Zwillings einen Schritt näher.
Doch selbst ein fantastisches 3D-Design kann seine Wirkung verfehlen, wenn die Nutzer nicht erkennen, dass bestimmte Teile des Projekts durch Klicken interaktiv sind. Nutzer brauchen Orientierung – und es liegt am Designer, die UI/UX-Lösung direkt in der Konzeptphase mitzudenken.
Hotspots, die von Designern oft als Navigationshilfe im 3D-Raum genutzt werden, können die Form eines Punktes oder eines anderen grafischen Elements annehmen, das anzeigt, wo geklickt werden soll. In Vectary können Hotspots mit Lottie-Dateien oder GIFs animiert werden und Interaktionen, Animationen, Anmerkungen, Sound oder ein schwebendes UI (Floating UI) auslösen. Hotspots verändern weder ihre Größe noch ihre Position, wenn du das Objekt heran- oder herauszoomst.
Der Vorteil von Hotspots ist, dass sie sofort auf ein interaktives Element hindeuten. Ein Nachteil ist jedoch, dass das Erlebnis dadurch manchmal überladen wirken kann.
An dieser Stelle ist es wichtig, weitere Möglichkeiten für interaktive Benutzeroberflächen aufzuzeigen, die über Hotspots hinausgehen. Hier sind Alternativen, die sich besser eignen oder parallel zu Hotspots genutzt werden können.
Highlights are a great feature for drawing attention to a specific part of a project. They usually appear on hover, but in some cases, they can be animated to suggest clicking on them. In Vectary, you can choose to highlight an entire part or use a more subtle stroke version. Get creative by combining highlight functionality on hover, with graphical elements/commands that explain what is interactive. Learn more about how to create them in our Dokumentation.
Hover-Animationen, besonders in Kombination mit Highlights, können Nutzer zum Klicken anregen, ohne das visuelle Gesamtdesign durch zusätzliche grafische Elemente zu stören. Durch die Nutzung von Gaming-Prinzipien können Hover-Animationen Nutzer dazu anleiten, mit dem 3D-Projekt zu interagieren. Dies kann eine ansprechende Methode sein, um das Interesse der Nutzer aufrechtzuerhalten.
Warum solltest du dich bei Hotspots auf 2D-Objekte beschränken? Sollte das UI im 3D-Raum nicht auch in 3D sein? Wir bei Vectary glauben an die Entwicklung von UI in 3D, indem wir jedes Objekt anklickbar machen. Ob ein großer 3D-Pfeil oder ein Tisch mit einem Schild – mache das UI zum Teil deiner Szene. Der zusätzliche Vorteil ist, dass das 3D-UI maßstabsgetreu zum Objekt ist.
Mache das UI per Klick oder Hover über den Hintergrund sichtbar oder unsichtbar, damit das Objekt im Mittelpunkt der Szene bleibt.
Schon bei den ersten 3D-Viewern gab es grafisch animierte Hinweise, die Nutzer zum Drehen des Modells aufforderten. Auch heute noch kannst du Nutzern zeigen, dass interaktive Elemente vorhanden sind, bevor sie mit dem Modell interagieren.
Vectary unterstützt auch Audio. So kannst du Audio-Guides erstellen, die per Klick, Hover oder direkt nach dem Laden des Projekts abgespielt werden. Weise die Nutzer einfach über ein Symbol oder einen Text darauf hin, den Ton einzuschalten. Erfahre mehr darüber in unserer Dokumentation.
Obwohl Hotspots wertvolle Wegweiser in interaktiven Designs sind, kann das Experimentieren mit verschiedenen Triggern das Gesamterlebnis definitiv verbessern. Beim Ausprobieren anderer intuitiver UX-Techniken ist es wichtig, die richtige Balance zu finden, damit Nutzer mühelos in den Designs navigieren und damit interagieren können.
Mit den Funktionen von Vectary Studio können Designer interaktive Designs ganz ohne Code oder zusätzliche Apps konzipieren und umsetzen.