AR-Schnittstellen und erweiterte Schichten

1) Was sind AR und „erweiterte Schichten“

Augmented Reality (AR) - Überlagerung von digitalen Inhalten auf die reale Welt in Echtzeit.
Erweiterte Schichten (AR-Schichten) - Logische Ebenen über der Kamera/Szene: Anmerkungen, Navigation, 3D-Objekte, Hinweise, Analysen, Systemstatus. Sie bestimmen, was gezeigt wird, wo im Raum, wie man interagiert und wann man sich versteckt.

Das Hauptziel von AR-UX ist es, der Umgebung Bedeutung zu verleihen, anstatt die Realität zu „ersetzen“. Jede Schicht muss eine benutzerdefinierte Frage beantworten: "Was ist das? Wo ist es? Was nun"

2) Wo man AR anwendet

Navigation und Orientierung: Wegweiser, Pfeile im Gelände, Beleuchtung der Eingänge.
Training/Hinweise im Kontext: „Overlay“ -Anleitung, Schritt für Schritt Montage/Aufbau.
Vitrinen und Anbauten: Visualisierung von Objekten in der Größe 1:1 (Möbel, Geräte).
Spiele und Quests: Ankerobjekte, Missionen, Loot im Ort.
Service/Inspektion: Zuweisung von Risikobereichen, Checklisten über Ausrüstung.
Marketing/Events: AR-Banner, AR-Coupons im realen Raum.

Für iGaming-Fälle - Vorsicht: Verwenden Sie AR als Navigations- und visuelle Hinweise und nicht als Einfluss auf das Gameplay (Compliance/verantwortungsvolles Spielen).

3) Taxonomie der erweiterten Schichten

1. Annotationsschicht (Signaturen/Labels): Titel, Status, Preise/Links.
2. Guidance layer (Navigation): Pfeile, Spuren, „Brotkrümel“ im Raum, Hinweise Strahlen.
3. Objektebene (3D-Objekte/Avatare): Modelle mit Physik, Ankern, LOD-Einstellungen.
4. Interaktionsebene (Kontrollen): Transformationsgriffe, „Hotspots“, radiale Menüs.
5. Systemschicht (Service): Kalibrierung, Tracking-Qualität, Licht-/Planstatus.
6. Sicherheitsschicht (Sicherheit): Grenzen, Kollisionswarnungen, „No-Spawn“ -Zonen.

Ebenen werden als Kompositionen entworfen: Das System kann vorübergehend die Priorität von Guidance gegenüber Annotation erhöhen (z. B. beim Navigieren).

4) Räumliche Grundlagen: Anker, Skala, Okklusion, Licht

• Planar (Boden, Tisch), isometrisch (Oberflächen), Objekt (erkennbare Formen), Geo-Anker (Koordinaten).
• Zeigen Sie den Tracking-Status an: instabil → stabil (Änderung der Transparenz/Symbole).
• Maßstab: Beginnen Sie immer mit dem echten (1:1) oder markieren Sie den Maßstab explizit (Lineal/Schatten).
• Okklusion: Eine überzeugende AR erfordert eine korrekte „Überlappung“ mit realen Objekten (depth/people occlusion). Wenn nicht, verwenden Sie weiche Schatten und eine „Substrat-Aura“, um das Objekt in die Szene zu „setzen“.
• Beleuchtung und Schatten: Passen Sie sich dem realen Licht an, der Schatten ist weich und an die Ebene gebunden.
• Stabilität: Vermeiden Sie „Prasseln“ - glätten Sie die Ankerhaltung (Filter, Trägheit).

5) Interaktion: Gesten, Blick, Stimme, Haptik

Mobile-AR

Gesten: Tippen (Auswahl), Ziehen (Bewegen entlang der Ebene), Pinch (Skalierung), Twist (Rotate), Langpresse (Menü).
Helfer: Strahlcursor, „klebrige“ Bindungen an Ecken/Kanten.
Haptik: leichtes „Tick“ beim Fixieren des Ankers/Andocken.

Headsets/Spatialgeräte

Blick/Cursor + Geste „pinch/air tap“.
Stimme: kurze Befehle („pin“, „Wege zeigen“, „zurücksetzen“).
Räumliche Tasten: groß, mindestens 44 × 44 px bei äquivalenter Entfernung, mit „Billboard“ zum Benutzer.

Regel: In kritischen Schritten die Eingabe duplizieren (Geste + Taste + Stimme).

6) Informations- und visuelle Hierarchie

Die goldene Regel der AR-Schichten: Minimum UI, Maximum Kontext.
Szene lesen: Wenn sich der Benutzer schnell bewegt, reduzieren Sie die Dichte der Anmerkungen und erhöhen Sie den Kontrast der Navigation.
Framing: Halten Sie nicht mehr als 3-5 Objekte mit hoher visueller Priorität auf dem Bildschirm.
Lesedistanz: großer Text in 2-3 m, klein - nicht näher als 0. 5 m; Verwenden Sie aus Gründen der Lesbarkeit immer einen „Stempel“.
Übergänge: glattes Erscheinen/Verschwinden (120-200 ms), „Kleben“ an der Ebene beim Verlassen des Sichtfelds.

7) Zustände und Zufuhr AR

Kalibrierung: "Finde die Ebene... langsam mit der Kamera". Zeigen Sie den Fortschritt/Hinweise.
Ankerreferenz/Verstärkung: „Fläche gefunden“, „Anker gesichert“.
Tracking-Fehler: „Nicht genügend Licht/Kamera geschlossen/zu nah“. Schlagen Sie Aktionen vor: „Hintergrundbeleuchtung aktivieren“, „50 cm zurückziehen“.
Erfolg: leichte Haptik + grüner Indikator.
Download/Streaming 3D: Skeleton-Container/einfache Proxy-Form, Fortschritt%.

8) Zugänglichkeit (A11y) und Komfort

Große Interaktionsziele, hoher Kontrast von Stempel und Text.
Alternativen zur Eingabe: Taste auf dem Bildschirm, Stimme, vereinfachte Positionsvoreinstellungen.
Verringerung der Reisekrankheit: sanfte Kamerabewegungen, Parallaxenbegrenzung, Respekt vor 'reduzierter Bewegung'.
Statusaktualisierung: „Der Anker ist gesichert“, „Die Strecke ist erneuert“.
Begrenzung der kognitiven Belastung: nicht mehr als eine komplexe Aktion auf einmal; „Fokus“ -Modus (blendet kleinere Ebenen aus).

9) Lokalisierung und Multi-Regionen

Texte in i18n-Schlüsseln; Längenreserve auf DE/TR.
Einheiten und Währungen - lokal (m, cm; UAH, EUR).
Variable Gesten und Stimme: Berücksichtigen Sie lokale Befehle/Aussprachen.
„Billboarding“ -Shortcuts - zum Nutzer, RTL-Ausrichtungsmöglichkeiten.

10) Vertraulichkeit, Sicherheit, Compliance

Kamera = persönliche Daten. Klären Sie den Zweck der Erfassung, Speicherung, TTL.
On-device primäre Verarbeitung; Maskierung von Personen/Nummern im Logbuch.
No-record-Modus: Deaktivieren Sie das Speichern von Video/Frames.
Sicherheitsbereiche: Gegenstände in Türen/Treppen nicht reduzieren; Warnung vor Bewegung in der Nähe.
Für iGaming-Marketing: Platzieren Sie AR-Elemente nicht an Orten mit Einschränkungen (Gesetze/Alter).

11) Leistung und Qualität

Szenenbudgets: Dreiecke, Texturen (Größen/Format), Zeichnungsaufrufe; LOD/ impostors.
Beleuchtung: baked/gefälschte Schatten; Vermeiden Sie teure dynamische Quellen.
Netzwerk: progressiver 3D-Download (GLB/DRACO/meshopt), Zwischenspeicherung.
Batterie/Heizung: Halten Sie FPS stabil; Reduzieren Sie bei Überhitzung die Aktualisierungsrate/-qualität.
Diagnose: Trackingindikator, FPS-Overlay (dev), Ankerprotokolle.

12) Layoutmuster von AR-Schichten

12. 1 Navigation im Raum

Führung: Pfeile auf dem Boden, „Brotkrümel“ -Marken alle 3-5 m.
Annotation: Name des Ziels, Entfernung und Zeit.
Sicherheit: Warnung vor Treppen/geschlossenen Bereichen.
Interaktion: Geste „tap“ auf dem Etikett → Details/alternative Route.

12. 2 Training Overlay (Anleitung)

Objekt: 3D-Schatten des Werkzeugs/Teils am Aufstellungsort.
Anleitung: Stufenweise Ausleuchtung der Zone (Schritt 1/3).
Interaktion: „Weiter/Zurück“, Stimme „Fertig“.
Feedback: „Richtig eingestellt“, Haptik + grüner Ring.

12. 3 Anprobe/Visualisierung 1:1

Anchor: Suche nach Boden/Tisch → „Landung“ mit Schatten.
Kontrollen: Griffe Maßstab/Rotation, Mesh 10 cm, Snap an den Wänden.
A11y: Schaltfläche „Position zurücksetzen“, „Heller machen“.
Perf: Low-Pole, austauschbare Materialien.

13) AR-UX Metriken

Anchor-Erfolgsrate (Anteil an nachhaltigen Ankern), Time-to-anchor.

Placement accuracy (mittlerer Positionierungsfehler)

Task-Erfolg/Time-on-Task nach Szenario.
Stabilitäts-Score (Drift/„ Drepping “).
Drop-off während der Kalibrier-/Ladephasen.
Nausea/comfort score (Umfrage), Beschwerden über Reisekrankheit.
Battery drain / session length.

A/B-Ideen: Art der Hinweise bei der Kalibrierung, Pfeilform, Stempelkontrast, Schatten vs ohne Schatten.

14) Testen „in der realen Welt“

In-situ: Testen Sie, wo Sie verwendet werden (Licht, Texturen, Lärm).
Gerätespektrum: schwach/stark, verschiedene Kameras/FOV.
Variable Szenen: polierte Oberfläche vs rau; strahlender Sonnenschein gegen Dämmerung.
Randkoffer: Spiegel/Glas, sich wiederholende Muster (Teppiche), schmale Gänge.
Blinde Flecken: Teildetail der Ebene, negative Winkel, zügiges Gehen.

15) Anti-Muster

„UI-Vermüllung“: Etiketten an jedem Objekt → Überlastung.
Kein Spur- und Kalibrierstatus (der Benutzer versteht nicht, was „zittert“).
Mikroschrift 2-3 m ohne Unterlage (unlesbar).
Scharfe Teleporte von Objekten, wenn der Anker verloren geht.
Komplexe Gesten ohne Alternative mit Knopf/Stimme.
Kein „Stop/Hide“ für AR-Schichten.
Ignorieren Sie die Privatsphäre der Kamera und die Gesetze des Standorts.

16) Checklisten

Vor der Veröffentlichung der Szene

• Verankerung stabil; zeigt die Tracking-Status.
• Der Text ist auf 2-3 m zu lesen, es gibt Stempel/Okklusion/Schatten.
• Kontrollen: tap/drag/pinch/rotate + Alternative (Taste/Stimme).
• Sicherheitszonen und No-Spawn-Bereiche sind eingerichtet.
• A11y: große Ziele, hoher Kontrast, 'reduce motion' berücksichtigt.
• Lokalisierung und Einheiten sind korrekt.
• Perf: LOD, komprimierte Texturen, stabiles FPS.
• Datenschutz/Protokolle: Einwilligung, Maskierung, TTL.

UX-Diagnose

• Time-to-anchor ≤ 5 c in einer typischen Szene.
• Anchor Erfolg ≥ 90% bei normaler Beleuchtung.
• Drop-off bei der Kalibrierung ≤ 10%.
• Beschwerden über Reisekrankheit <5%.

17) Mini-Hyde durch Inhalt und Mikrokopie für AR

Kalibrierung: „Führen Sie die Kamera sanft, um die Oberfläche zu finden“.
Referenz: "Fläche gefunden. Tippen Sie, um das Objekt zu setzen".
Tipp der Gesten: "Zum Verkleinern die Finger zusammenführen. Drehen Sie mit zwei Fingern, um zu entfalten".
Navigation: "Gehen Sie zum Tag. Noch 12 Meter".
Fehler: "Nicht genug Licht. Schalten Sie die Beleuchtung ein oder gehen Sie zum Fenster".
Ausgabe: „AR-Schichten ausblenden “/„ Zurück zur Kamera“.

18) Designsystem für AR (Erweiterung Standard DS)

• `scale. minReadableDistance`, `label. backplate. opacity`, `shadow. softness`, `anchor. snapThreshold`, `occlusion. enabled`.
• Komponenten: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
• Muster: ARPlacement, ARNavigation, ARInstruction.
• Dokumentation: Guids für Kalibrierung, Gesten, Tracking-Status, Microcopy-Beispiele.

19) Vorher/Nachher Beispiele

Navigation ohne Status → mit Status

Vorher: die Pfeile „zittern“, der Nutzer ist verloren.
Danach: Indikator „Schlechtes Tracking“ + Tipp „verlangsamen“, Pfeile reduzieren die Dichte, eine Trail-Linie erscheint.

Anprobe ohne Schatten → mit Schatten und Netz

Vorher: das Objekt „schwebt“, der Maßstab ist unklar.
Nach: weicher Schatten, 10 cm Mesh, Snap an die Wand → Realismus und Vertrauen.

Überladener Text → lesbare Stempel

Bis zu: 6 Anmerkungen in verschiedenen Farben auf 2 m.
Nachher: 2-3 Schlüsselstempel mit Hintergrund und Icon, der Rest auf Wunsch.

20) Schnellstart (Umsetzungsplan)

1. Szenario → Ebene: Bestimmen Sie, was AR (Navigation? Anleitung? Anprobe?).
2. Prototyp (Mid-Fi → AR-Proto): False-3D/Video-Overlay → frühzeitige Überprüfung.
3. Modell/Inhalt: Optimieren Sie 3D (Polygone/Texturen/LOD).
4. Kalibrierung/Anker: Stabilität vor „Schönheit“.
5. Feldversuche: Licht/Flächen/Bewegung.
6. A11u/Sicherheit/Privatsphäre: Checklisten und Politik.
7. Metriken und Telemetrie: Anker, Stabilität, Erfolg der Aufgaben.
8. Iterationen/Rollout: Kanarienstart nach Geräten und Szenen.

Abschließender Spickzettel

Kontext vor Benutzeroberfläche: Zeigen Sie nur die gewünschten Ebenen an.
Stabile Anker, echter Maßstab, Schatten und Okklusion sind die Grundlage des Vertrauens.
Multivode: Gesten + Taste + Stimme, explizite Status.
Komfort und A11y: große Ziele, hoher Kontrast, weniger Bewegung.
Die Privatsphäre der Kamera und des Sicherheitsbereichs ist die Standardeinstellung.
Anker und Stabilität messen, unter realen Bedingungen testen, Inhalte optimieren.

Es ist notwendig - ich bereite AR-Muster für Ihre Szenarien vor (Indoor-Navigation, Tutorial-Overlays, 1: 1-Anpassung) mit Microcopy, AR-Token und Checklisten für Ihr Designsystem.