AR arayüzleri ve genişletilmiş katmanlar

1) AR ve "genişletilmiş katmanlar'nedir

Artırılmış Gerçeklik (AR) - Dijital içeriğin gerçek dünyadaki gerçek zamanlı üst üste bindirilmesi.
Genişletilmiş katmanlar (AR katmanları) - kameranın/sahnenin üstündeki mantıksal seviyeler: ek açıklamalar, gezinme, 3D nesneler, ipuçları, analizler, sistem durumları. Neyin gösterileceğini, uzayda nerede, nasıl etkileşime girileceğini ve ne zaman saklanacağını kontrol ederler.

AR-UX'in temel amacı, gerçekliği "değiştirmek'değil, çevreye anlam katmaktır. Her katman bir kullanıcı sorusuna cevap vermelidir: "Bu nedir? Bu nerede? Şimdi ne yapmalı?»

2) AR nerede kullanılır

Navigasyon ve yönlendirme: yön göstergeleri, yerdeki oklar, girdilerin aydınlatılması.
Bağlam eğitimi/ipuçları: "üst üste bindirilmiş" talimatlar, adım adım düzenleme/özelleştirme.
Vitrinler ve bağlantı parçaları: 1:1 boyutunda nesnelerin görselleştirilmesi (mobilya, cihazlar).
Oyunlar ve görevler: çapa nesneleri, görevler, yerlerde yağma.
Servis/muayene: Risk alanlarının belirlenmesi, ekipmanın üstündeki kontrol listeleri.
Pazarlama/etkinlikler: AR afişleri, gerçek alanda AR kuponları.

IGaming durumları için - dikkat: AR'yi oyun üzerinde bir etki olarak değil, navigasyon ve görsel ipuçları olarak kullanın (uyumluluk/sorumlu oyun).

3) Genişletilmiş katman taksonomisi

1. Açıklama katmanı (imzalar/etiketler): adlar, durumlar, fiyatlar/bağlantılar.
2. Rehberlik katmanı (navigasyon): oklar, izler, uzayda'ekmek kırıntıları ", ışın ipuçları.
3. Nesne katmanı (3D nesneler/avatarlar): fizik, çapa, LOD ayarlarına sahip modeller.
4. Etkileşim katmanı: dönüştürme tutamaçları, sıcak noktalar, radyal menüler.
5. Sistem katmanı (servis): kalibrasyon, takip kalitesi, aydınlatma/plan durumu.
6. Güvenlik katmanı: sınırlar, çarpışmadan kaçınma, yumurtlamayan bölgeler.

Katmanlar kompozisyonlar olarak tasarlanmıştır: sistem geçici olarak Ek Açıklama üzerinden Rehberlik önceliğini artırabilir (örneğin, gezinirken).

4) Mekansal temel: çapalar, ölçek, oklüzyon, ışık

• Düzlemsel (zemin, tablo), izometrik (yüzeyler), nesne (tanınabilir şekiller), jeo-ankrajlar (koordinatlar).
• İzleme durumunu göster: kararsız - kararlı (saydamlık/simgelerde değişiklik).
• Ölçek: Her zaman gerçeğinden (1:1) başlayın veya ölçeği açıkça (cetvel/gölge) işaretleyin.
• Oklüzyon: AR'yi ikna etmek, gerçek nesnelerle (derinlik/insan oklüzyonu) doğru "örtüşme" gerektirir. Değilse, nesneyi sahnede "oturtmak" için yumuşak gölgeler ve bir "aura altlığı" kullanın.
• Aydınlatma ve gölgeler: gerçek ışığa, gölgeye ayarlayın - yumuşak ve düzleme bağlı.
• Kararlılık: "sıçrama'dan kaçının - pürüzsüz çapa duruşu (filtreler, atalet).

5) Etkileşim: jestler, görünüm, ses, haptikler

Mobil-AR

Hareketler: dokunun (seçim), sürükleyin (düzlem boyunca hareket), sıkıştırın (ölçek), döndürün (döndürün), uzun basın (menü).
Yardımcılar: ışın imleci, köşelere/kenarlara "yapışkan" bağlar.
Haptika: Çapa/kenetlenme sabitlenirken hafif bir kene.

Kulaklıklar/Mekansal

Look/cursor + pinch/air tap hareketi.
Ses: kısa komutlar ("pin", "yolları göster", "sıfırla").
Mekansal düğmeler: Büyük, en az 44 × 44 piksel mesafe eşdeğeri ile, kullanıcıya "bina'ile.

Kural: Kritik adımlarda yinelenen girdi (jest + düğme + ses).

6) Bilgi ve görsel hiyerarşi

AR katmanlarının altın kuralı: UI minimum, bağlam maksimum.
Sahneyi okuyun: Kullanıcı hızlı hareket ediyorsa, ek açıklama yoğunluğunu azaltın ve gezinme kontrastını artırın.
Çerçeveleme: Ekranda yüksek görsel önceliğe sahip en fazla 3-5 nesne bulundurun.
Okuma mesafesi: büyük metin 2-3 m, küçük - 0'dan yakın değil. 5 m; Okunabilirlik için her zaman bir "kalıp" kullanın.
Geçişler: düzgün görünüm/kaybolma (120-200 ms), görüş alanından ayrılırken düzleme "yapıştırma".

7) AR durumları ve geri bildirimleri

Kalibrasyon: "Uçağı bulun... Kamerayı yavaşça yönlendirin. "İlerleme/ipuçlarını göster.
Çapa Gerekçesi/Takviyesi: Yüzey Bulundu, Çapa Bağlantılı.

İzleme hatası: "Yeterli ışık/kamera kapalı/çok yakın değil. "Eylemler önerin: "Arka ışığı açın", "50 cm geri çekilin"

Başarı: açık haptikler + yeşil gösterge.
Yükleme/akış 3D: iskelet konteyner/basit proxy formu, ilerleme %.

8) Erişilebilirlik (A11y) ve konfor

Büyük etkileşim hedefleri, kalıpların ve metnin yüksek kontrastı.
Giriş alternatifleri: ekrandaki düğme, ses, basitleştirilmiş konum ön ayarları.
Hareket hastalığı azaltma: düzgün kamera hareketleri, paralaks sınırlaması, 'yeniden harekete geçme' için saygı.
Durumların dile getirilmesi: "Çapa düzeltildi", "Rota güncellendi".
Bilişsel yükün sınırlandırılması: Bir seferde birden fazla karmaşık eylem; Odak modu (küçük katmanları bastırır).

9) Yerelleştirme ve çoklu bölgeler

I18n tuşlarındaki metinler; DE/TR'de uzunluk marjı.
Birimler ve para birimleri - yerel (m, cm; UAH, EUR).
Değişken hareketler ve ses: Yerel komutları/telaffuzları göz önünde bulundurun.
"Bina" kısayolları - kullanıcıya, RTL hizalama seçenekleri.

10) Gizlilik, Güvenlik, Uyum

Kamera = kişisel veriler. Yakalama, depolama, TTL amacını açıklayın.
Cihaz üzerinde birincil işleme; Oturum açarken yüzleri/sayıları maskeleme.
Kayıt yok modu: Video/kare kaydetmeyi devre dışı bırakır.
Güvenlik bölgeleri: Kapılarda/merdivenlerde nesneleri yuvarlamayın; yakındaki trafik konusunda uyarın.
IGaming pazarlaması için: AR öğelerini kısıtlı yerlere yerleştirmeyin (yasalar/yaş).

11) Performans ve kalite

Sahne bütçeleri: üçgenler, dokular (boyut/biçim), çizim çağrıları; LOD/sahtekârlar.
Aydınlatma: pişmiş/sahte gölgeler; Pahalı dinamik kaynaklardan kaçının.
Ağ: Aşamalı 3D yükleme (GLB/DRACO/meshopt), önbelleğe alma.
Pil/ısı: FPS'yi sabit tutun; Aşırı ısınırken yenileme hızını/kalitesini düşürün.
Tanılama: izleme göstergesi, FPS kaplaması (dev), bağlantı günlükleri.

12) AR katmanlarının düzen desenleri

12. 1 Kapalı navigasyon

Rehberlik: yerdeki oklar,'ekmek kırıntıları "- her 3-5 metrede bir işaretler.
Açıklama: hedef adı, mesafe ve zaman.
Güvenlik: Merdivenler/kapalı alanlar hakkında uyarı.
Etkileşim: Etiketteki harekete dokunun - ayrıntılar/alternatif rota.

12. 2 Eğitim yerleşimi (talimat)

Nesne: Aracın/parçanın kurulum yerindeki 3D gölgesi.
Rehberlik-Adım 1/3 alan vurgulama.
Etkileşim: "İleri/Geri", ses "Bitti".
Geri bildirim: "Doğru kurulmuş", dokunsal + yeşil halka.

12. 3 Uydurma/görselleştirme 1:1

Çapa: bir zemin/masa arayın - gölgeli bir "iniş".
Kontroller: ölçek/döndürme tutamakları, 10 cm ızgara, duvarlara yapıştırma.
A11y: Konumu Sıfırla düğmesi, Daha Hafif Yap.
Perf: düşük alanlar, değiştirilebilir malzemeler.

13) AR-UX Metrikleri

Çapa başarı oranı, Çapa zamanı.
Yerleştirme doğruluğu.
Görev başarısı/Time-on-task komut dosyası.
Kararlılık puanı (sürüklenme/" sıçrama").
Kalibrasyon/yükleme aşamalarında bırakma.
Bulantı/konfor skoru (anket), hareket hastalığı şikayetleri.
Pil boşaltma/oturum uzunluğu.

A/B fikirleri: kalibrasyon sırasında ipuçlarının türü, okların şekli, kalıpların kontrastı, gölgeler gölgesiz vs.

14) "Gerçek dünya" testi

Yerinde: nerede kullanılacağını test edin (ışık, dokular, gürültü).
Cihaz yelpazesi: zayıf/güçlü, farklı kameralar/FOV.
Değişken sahneler: cilalı yüzey vs kaba; Parlak güneş vs alacakaranlık.
Kenar kasaları: aynalar/cam, tekrarlayan desenler (halılar), dar koridorlar.
Kör noktalar: kısmi düzlem algılama, negatif açılar, tempolu yürüyüş.

15) Anti-desenler

"UI-clutter": her nesnedeki etiketler - aşırı yük.
İzleme ve kalibrasyon durumu yok (kullanıcı "titreyen'ne olduğunu anlamıyor).
Substrat olmadan 2-3 m mikrokrift (okunamaz).
Çapa kaybolduğunda nesnelerin keskin ışınları.
Düğme/ses alternatifi olmayan karmaşık hareketler.
AR katmanları için durdurma/gizleme yok.
Kamera gizliliğini ve konum yasalarını göz ardı etme.

16) Kontrol listeleri

Sahnenin serbest bırakılmasından önce

• Demirleme stabildir; İzleme durumlarını gösterir.
• Metni 2-3 m'de okuyoruz, kalıplar/oklüzyon/gölgeler var.
• Kontroller: dokunun/sürükleyin/sıkıştırın/döndürün + alternatif (düğme/ses).
• Güvenlik bölgeleri ve yumurtlamayan alanlar yapılandırılmıştır.
• A11y: büyük hedefler, yüksek kontrast, 'hareketi azaltmak'kabul edilir.
• Yerelleştirme ve birimler doğrudur.
• Perf: LOD, sıkıştırılmış dokular, kararlı FPS.
• Gizlilik/günlükler: rıza, maskeleme, TTL.

UX Teşhisi

• Tipik bir sahnede ≤ 5 s çapa zamanı.
• Çapa başarısı normal ışıkta %90 ≥.
• Kalibrasyonda bırakma ≤ %10.
• Hareket hastalığı şikayetleri <%5.

17) AR için içerik ve mikrokopi için mini kılavuz

Kalibrasyon: "Yüzeyi bulmak için kamerayı yavaşça hareket ettirin".
Kaynak: "Yüzey bulundu. Nesneyi ayarlamak için dokunun.

Hareket ipucu: "Azaltmak için parmaklarınızı bir araya getirin. Açmak için iki parmağınızı çevirin"

Navigasyon: "Etikete git. 12 metre kaldı"

Hata: "Yeterli ışık yok. Arka ışığı açın veya pencereye gidin.
Çıkış: "AR katmanlarını gizle "/" Kameraya dön ".

18) AR için tasarım sistemi (standart DS uzantısı)

• 'küçük. MinReadableDistance ',' etiketi. arka plaka. opaklık ',' gölge. Yumuşaklık ',' çapa. SnapThreshold ',' tıkanıklığı. Etkin '.
• Bileşenler: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
• Desenler: ARPlacement, ARNavigation, ARInstruction.
• Dokümantasyon: kalibrasyon kılavuzları, jestler, izleme durumları, mikrokopi örnekleri.

19) Örneklerden önce/sonra

Durumsuz navigasyon - durumlarla

Önce: oklar "titreme", kullanıcı kaybolur.
Sonra: "Kötü izleme" göstergesi + "yavaşla" tavsiyesi, oklar yoğunluğu azaltır, bir iz çizgisi görünür.

Gölge olmadan sığdırma - gölge ve ızgara ile

Önce: nesne "yükselir", ölçek anlaşılmaz.
Sonra: yumuşak gölge, 10 cm ızgara, duvara yaslanmak - gerçekçilik ve güven.

Aşırı yüklenmiş metin - okunabilir kalıplar

En fazla: 2 m'de farklı renklerde 6 ek açıklama.
Sonra: 2-3 anahtar arka plan ve simge ile ölür, geri kalanı - istek üzerine.

20) Hızlı başlangıç (uygulama planı)

1. Senaryo - katman: AR'nin ne karar verdiğini tanımlayın (navigasyon? Talimat mı? uydurmak?).
2. Prototip (mid-fi - AR-proto): yanlış 3D/video bindirme - erken kontrol.
3. Model/İçerik: 3D'yi optimize edin (Çokgenler/Dokular/LOD).
4. Kalibrasyon/ankrajlar: "güzellik'ten önce stabilite.
5. Alan testleri: ışık/yüzeyler/hareket.
6. А11у/security/privacy: kontrol listeleri ve politika.
7. Metrikler ve telemetri: çapalar, istikrar, görev başarısı.
8. Iterasyonlar/rollout: Cihaz ve sahne ile kanarya lansmanı.

Son hile sayfası

UI öncesi bağlam: Yalnızca istediğiniz katmanları gösterin.
Sabit çapalar, gerçek ölçek, gölgeler ve oklüzyon güvenin temelidir.
Çoklu giriş: hareketler + düğme + ses, açık durumlar.
Konfor ve A11y: büyük hedefler, yüksek kontrast, daha az hareket.
Kamera ve güvenlik bölgesi gizliliği varsayılandır.
Çapaları ve kararlılığı ölçün, gerçek koşullarda test edin, içeriği optimize edin.

Gerekli - Senaryolarınız için AR desenleri hazırlayacağım (iç mekan navigasyonu, eğitim kaplamaları, 1:1'e sığdırmak), mikrokopi, AR belirteçleri ve tasarım sisteminiz için kontrol listeleri.