logo
Zurück

AR-Design und UX: 10 Regeln für WebAR, das bis zum Ende angeschaut wird

12:0527.08.2025Zeit zum Lesen: 3 min
  • categoryTipps
  • categoryLebendige Fotos
feature

Die meisten AR-Projekte verlieren ihre Besucher in den ersten Sekunden: Sie wissen nicht, was sie scannen sollen, der Start dauert zu lange, oder der Inhalt flackert weg, sobald die Hand wackelt. Die zehn Regeln unten beheben genau das. Keine davon braucht Code, und jede einzelne sorgt dafür, dass Leute deine AR eher bis zum Ende anschauen und teilen.

1. Geh davon aus, wo die Leute sein werden

Bevor du irgendetwas gestaltest, stell dir den Moment vor, in dem jemand dein Projekt öffnet. Beantworte ein paar einfache Fragen:

  • Wo sind die Leute: zu Hause, in einem Geschäft, an der Bushaltestelle, im Museum?
  • Wie weit ist der Auslöser entfernt: eine Karte in der Hand oder ein Plakat auf der anderen Seite des Raums?
  • Wie ist das Licht, und gibt es gutes mobiles Internet?
  • Wie lange bleiben sie: zehn Sekunden beim Warten oder ein paar Minuten auf dem Sofa?

Die Antworten bestimmen die Größe des Drucks, das Gewicht deiner Dateien und wie lang das Erlebnis sein sollte.

2. Bring einen klaren Call to Action auf den Druck

Niemand erwartet, dass ein Plakat oder eine Verpackung etwas tut. Sag es den Leuten direkt auf dem Druck: was sie tun sollen und was sie dafür bekommen. „Scanne den Code und richte dein Smartphone auf dieses Bild, um die Flasche lebendig werden zu sehen“ funktioniert. Ein einsamer QR-Code in der Ecke nicht.

Platziere den Code nah an dem Bild, das er startet, damit niemand danach suchen muss.

3. Mach die ersten Sekunden schnell

Beim Warten am Anfang geben die meisten auf. Halte die Dateien schlank: Komprimiere Videos und Texturen und nutze für die erste Szene einfache Modelle. Und dann lass die Wartezeit gewollt aussehen: In WAS Design Studio kannst du den Ladebildschirm mit deinem eigenen Design anpassen, sodass die Leute als Erstes deine Marke sehen.

4. Lass den Inhalt aus dem echten Objekt herauswachsen

Der Zauber von AR liegt darin, dass das echte Objekt lebendig wird. Wenn einfach irgendetwas Unzusammenhängendes darüber auftaucht, ist die Illusion dahin. Lass deshalb das erste Bild deines Videos mit dem Auslöser übereinstimmen und führe die Gestaltung des Drucks fort: Die Figur tritt aus dem Plakat heraus, das Getränk fließt aus der Flasche auf dem Etikett.

So bekommst du am einfachsten den „Wow“-Effekt ab der allerersten Sekunde.

5. Lass die echte Welt im Bild

AR ist eine Ebene über der Realität, kein Bildschirm, der sie verdeckt. Lass Raum um deinen Inhalt, platziere ihn dort, wo er im Raum Sinn ergibt, und überleg dir, wie er neben echten Dingen wirkt. Ein Produkt auf einem Tisch wirkt in Originalgröße besser; eine Figur sieht besser aus, wenn sie auf dem Bild steht, als wenn sie davor schwebt.

6. Lass den Inhalt nicht verschwinden, wenn die Hand wackelt

Wenn der Inhalt jedes Mal verschwindet, sobald die Kamera das Bild verliert, halten die Leute das Projekt für kaputt. Aktiviere in WAS Design Studio in den erweiterten Einstellungen die Bildschirmfixierung: Der Inhalt bleibt auf dem Bildschirm, und die Leute können bequem weiterschauen.

7. Durchbrich die vierte Wand

AR versetzt die Zuschauer mitten in die Szene – nutze das. Eine Figur kann sich zu ihnen umdrehen, zu ihnen aufschauen oder winken, statt wie ein Schauspieler auf der Bühne ins Leere zu starren. Kleine Reaktionen wie diese geben den Leuten das Gefühl, dass der Inhalt wirklich da ist.

8. Gib den Leuten etwas zu tun

AR schlägt Video, weil man damit interagieren kann. Lass die Leute auf ein Produkt tippen, um es in einer anderen Farbe zu sehen, eine Frage beantworten, die nächste Szene öffnen. In WAS Design Studio kannst du für jedes Element Animationen und Aktionen festlegen und mehrere Szenen mit Übergängen dazwischen bauen.

Setz auf eine klare Aktion pro Bildschirm. Drei Buttons, die alle wichtig aussehen, führen dazu, dass niemand auf irgendeinen davon drückt.

9. Mach Text leicht lesbar

  • Kurze Sätze, große Schrift, starker Kontrast zum Kamerabild.
  • Teste es in der echten Entfernung und bei echtem Licht, nicht nur auf deinem Monitor.
  • Nutze Icons, wo es geht. Ein Play-Symbol oder ein Pfeil braucht keine Übersetzung – praktisch, wenn dein Publikum verschiedene Sprachen spricht.
  • Denk an den Ton: Mobile Browser spielen ihn meist erst ab, nachdem auf den Bildschirm getippt wurde, also müssen die ersten Sekunden auch ohne Ton funktionieren.

10. Gib dem Ganzen ein Ende und einen nächsten Schritt

Leg fest, was die Leute tun, wenn die AR vorbei ist: deine Website besuchen, einen Rabatt holen, deine Kontaktdaten speichern, noch einmal spielen. Pack diese Aktion am Ende auf einen klaren Button. Und mach das Teilen einfach: Ein WebAR-Projekt ist einfach ein Link, den man Freunden in jedem Messenger schicken kann.

Teste es wie ein Besucher

Jede Regel oben lässt sich auf dem Smartphone leicht prüfen und am Computer gar nicht. Bevor du druckst:

  • Öffne das veröffentlichte Projekt auf zwei oder drei Smartphones, darunter ein älteres.
  • Nutze den echten Druck, in Originalgröße, an dem Ort, an dem ihn die Leute sehen werden.
  • Probier es über mobile Daten aus, nicht nur im Büro-WLAN.
  • Gib es jemandem, der es noch nie gesehen hat, und schau zu, ohne etwas zu erklären.

Checkliste vor dem Launch

PrüfpunktWarum das wichtig ist
Auf dem Druck steht, was zu tun istOhne Call to Action scannt niemand
Die erste Szene öffnet sich schnell über mobile DatenAm Anfang springen die meisten ab
Der Auslöser wird gut getracktEin Bild mit wenig Details startet nie
Das erste Bild passt zum DruckDer „Lebendig werden“-Effekt hängt davon ab
Der Inhalt bleibt, wenn die Hand wackeltSonst wirkt es kaputt
Text ist in der echten Entfernung lesbarIn AR zoomt niemand
Am Ende gibt es einen klaren nächsten SchrittGenau dort entsteht dein Ergebnis

Die Wahl des Bildes ist ein Thema für sich: Lies dazu, wie du ein Bild auswählst, das gut getrackt wird. Ideen für Kampagnen findest du in WebAR-Marketing: 8 Formate.

Bereit, das umzusetzen? Probier diese Regeln bei deinem nächsten Projekt in WAS Design Studio aus. Die Grundfunktionen sind kostenlos und ohne Zeitlimit.

FAQ

Wie lang sollte ein AR-Erlebnis sein?

So lang, wie die Leute dort bleiben, wo sie scannen. Ein Plakat an der Bushaltestelle bekommt einen kurzen Moment; ein lebendiges Fotoalbum zu Hause kann die Aufmerksamkeit viel länger halten. Kläre das zuerst (Regel 1) und gestalte dann passend dazu.

Brauche ich einen Designer, damit AR gut aussieht?

Das hilft, aber die Regeln oben sind wichtiger als der letzte Schliff. Ein klarer Call to Action, ein schneller Start und Inhalte, die aus dem Druck herauswachsen, schlagen eine wunderschöne Szene, die niemand findet.

Sollte jedes AR-Projekt interaktiv sein?

Nicht unbedingt. Ein lebendiges Foto kann einfach ein Video sein. Aber schon eine einzige Aktion am Ende, etwa ein Button zu deiner Website, gibt den Leuten einen Grund, bis zum Schluss dranzubleiben, und dir ein messbares Ergebnis.

Woran erkenne ich, ob Leute meine AR bis zum Ende anschauen?

Schau in die Analyse. Web-AR.Studio hat eine integrierte Analyse, und du kannst Google- oder Facebook-Zähler mit deinem Projekt verbinden.

Web-AR.Studio-TeamProdukt und Support

Erfahren Sie mehr über die Verwendung von Web-AR.Studio

Wir zeigen Ihnen, wie Sie dies tun und beantworten alle Ihre Fragen in unserem pädagogischen AR-Webinar!

AR.Studio Cookie Notice

Wir verwenden Cookies, die für den Betrieb dieser Website erforderlich sind, sowie Analyse-Cookies nur mit Ihrer Zustimmung. Sie können Ihre Wahl jederzeit ändern. Weitere Details

close