AR interfeyslari va kengaytirilgan qatlamlar
1) AR va «kengaytirilgan qatlamlar» nima?
Augmented Reality (AR) - real vaqtda haqiqiy dunyoga raqamli kontentni joylashtirish.
Kengaytirilgan qatlamlar (AR-layers) - kamera/sahna ustidagi mantiqiy darajalar: annotatsiyalar, navigatsiya, 3D-obyektlar, maslahatlar, tahlillar, tizim holatlari. Ular fazoda nimani ko’rsatishni, qanday muloqot qilishni va qachon yashirishni boshqaradilar.
AR-UX ning asosiy maqsadi: «haqiqatni almashtirish» emas, balki muhitga ma’no qo’shish. Har bir qatlam foydalanuvchi savoliga javob berishi kerak: "Bu nima? Bu qayerda? Keyingi nima?"
2) ARni qayerda qo’llash kerak
Navigatsiya va yo’nalish: yo’nalish ko’rsatkichlari, joylardagi ko’rsatkichlar, kirish joylarini yoritish.
Oʻqish/maslahatlar kontekstida: «oʻrnatilgan» koʻrsatmalar, bosqichma-bosqich montaj/sozlash.
Vitrinalar va o’lchovlar: obyektlarni 1:1 miqdorida vizualizatsiya qilish (mebel, qurilmalar).
O’yinlar va kvestlar: langar obyektlar, missiyalar, lokatsiyadagi lut.
Servis/inspeksiya: xavf zonalarini ajratish, asbob-uskunalar ustiga chek varaqalari.
Marketing/tadbirlar: AR-bannerlar, real makonda AR-kuponlar.
iGaming keyslari uchun - ehtiyot bo’ling: o’yin jarayoniga ta’sir sifatida emas, balki navigatsiya va vizual maslahatlar sifatida AR’dan foydalaning.
3) Kengaytirilgan qatlamlar taksonomiyasi
1. Annotation layer (imzolar/yorliqlar): nomlar, maqomlar, narxlar/havolalar.
2. Guidance layer (navigatsiya): o’qlar, treklar, fazodagi «non bo’laklari», yo’l-yo’riq nurlari.
3. Object layer (3D-obʼektlar/avatarlar): fizika, langarlar, LOD moslamalari mavjud modellar.
4. Interaction layer: transformatsiya qalamlari, «issiq nuqtalar», radial menyular.
5. System layer (xizmat): kalibrlash, treking sifati, yoritish/reja maqomi.
6. Safety layer (xavfsizlik): chegaralar, to’qnashuvlarning oldini olish, «no-spawn» zonalari.
Qatlamlar kompozitsiya sifatida loyihalashtiriladi: tizim vaqtincha Guidancening Annotation ustuvorligini oshirishi mumkin (masalan, navigatsiya paytida).
4) Fazoviy asoslar: langarlar, masshtab, okklyuziya, yorug’lik
Langarlash (anchors):- Planar (pol, stol), izometrik (sirt), obyekt (tanib olinadigan shakllar), geo-langarlar (koordinatalar).
- Treking holatini koʻrsating: beqaror → barqaror (shaffoflik/piktogramma oʻzgarishi).
- Masshtab: har doim haqiqiy (1:1) dan boshlang yoki masshtab (chiziq/soya) ni aniq belgilang.
- Oklyuziya: ishonchli AR haqiqiy obʼektlar (depth/people occlusion) bilan toʻgʻri «qoplashni» talab qiladi. Agar yo’q bo’lsa, ob’ekt sahnaga o’tishi uchun yumshoq soyalar va «substrat-aura» dan foydalaning.
- Yoritish va soyalar: haqiqiy yorug’likka moslashing, soyalar yumshoq va tekislikka bog’langan.
- Barqarorlik: langar (filtrlar, inertsiya) pozitsiyasini tekislashdan qoching.
5) O’zaro hamkorlik: imo-ishora, ko’rinish, ovoz, xaptika
Mobayl-AR
Imo-ishoralar: tap (tanlash), drag (tekislikda harakatlanish), pinch (masshtab), twist (roteyt), long-press (menyu).
Yordamchilar: nurli kursor, burchaklarga/qovurg’alarga yopishqoq bog’lash.
Xaptika: langarni mahkamlashda/tutashtirishda yengil «tik».
Garnitura/spatial qurilmalar
Ko’rinish/kursor + «pinch/air tap» imo-ishorasi.
Ovoz: qisqa buyruqlar («mahkamlash», «yo’llarni ko’rsatish», «tashlash»).
Fazoviy tugmalar: katta, 44 × 44 px masofa ekvivalentida, foydalanuvchiga «bilbording» bilan.
Qoida: tanqidiy qadamlarda kiritishni takrorlang (imo-ishora + tugma + ovoz).
6) Axborot va vizual ierarxiya
AR qatlamlarining oltin qoidasi: minimum UI, maksimal kontekst.
Sahnani o’qing: agar foydalanuvchi tez harakat qilsa, izohlar zichligini kamaytiring va navigatsiya kontrastini oshiring.
Freyming: Ekranda vizual ustuvorligi yuqori bo’lgan 3-5 ta ob’ektni ushlab turing.
Oʻqish masofasi: katta matn 2-3 m, kichik matn esa 0 dan yaqin emas. 5 m; har doim oʻqish uchun «ploshka» dan foydalaning.
O’tish joylari: silliq ko’rinish/yo’qolish (120-200 ms), ko’rish maydonidan chiqishda tekislikka «yopishish».
7) AR holati va fidbek
Kalibrlash: "Tekislikni toping... asta-sekin kamerani boshqaring". Progress/maslahatlarni koʻrsating.
Langar bog’lash/kuchaytirish: «Sirt topildi», «Langar o’rnatildi».
Treking xatosi: «Yorugʻlik yetarli emas/kamera yopiq/juda yaqin». «Chiroqni yoqish», «50 sm orqaga chekinish» kabi harakatlarni taklif qiling.
Muvaffaqiyat: engil xaptika + yashil indikator.
3D yuklash/striming: skeleton-konteyner/oddiy proksi shakli, progress%.
8) Qulaylik (A11y) va qulaylik
O’zaro hamkorlikning katta maqsadlari, plashka va matnlarning yuqori kontrastlari.
Kirish muqobillari: ekrandagi tugma, ovoz, soddalashtirilgan pozitsiya presetlari.
Chayqalishni kamaytirish: kameraning silliq harakatlari, parallaksni cheklash, hurmat qilish’reduce motion’.
«Langar mustahkamlandi», «Yo’nalish yangilandi» maqomlarini ovozga qo’yish.
Kognitiv yuklamani cheklash: bir vaqtning o’zida bittadan ko’p bo’lmagan murakkab harakat; «fokus» rejimi (ikkinchi darajali qatlamlarni oʻchiradi).
9) Mahalliylashtirish va multiregionlar
i18n-kalitlardagi matnlar; uzunlik zaxirasi DE/TR.
O’lchov birliklari va valyutalar - lokal (m, sm; UAH, EUR).
Variativ imo-ishora va ovoz: mahalliy buyruqlar/talaffuzlarni hisobga oling.
«Bilbording» yorliqlari - foydalanuvchiga, tekislashning RTL variantlari.
10) Maxfiylik, xavfsizlik, komplayens
Kamera = shaxsiy ma’lumotlar. Tutib olish, saqlash, TTL maqsadini tushuntiring.
On-device birlamchi ishlov berish; logda shaxslarni/raqamlarni yashirish.
No-record rejimi: video/kadrlarni saqlashni oʻchirish.
Xavfsizlik zonalari: eshik/zinapoyalarda obyektlarni o’chirmang; yonma-yon harakatlanish haqida ogohlantiring.
iGaming marketing uchun: AR elementlarini cheklangan joylarga (qonunlar/yoshlar) joylashtirmang.
11) Unumdorlik va sifat
Sahna byudjetlari: uchburchaklar, to’qimalar (o’lchamlari/formati), draw calls; LOD/ impostors.
Yoritish: baked/fake shadows; qimmat dinamik manbalardan qoching.
Tarmoq: progressiv 3D yuklash (GLB/DRACO/meshopt), keshlash.
Batareya/isitish: FPSni barqaror ushlab turing; haddan tashqari qizib ketganda yangilanish/sifat tezligini pasaytiring.
Diagnostika: treking indikatori, FPS-overley (dev), langar loglari.
12) AR-qatlamlarni joylashtirish patternlari
12. 1 Xonada navigatsiya
Guidance: poldagi o’qlar, har 3-5 m da «non bo’laklari».
Annotation: maqsad nomi, masofa va vaqt.
Safety: zinapoyalar/yopiq zonalar haqida ogohlantirish.
O’zaro ta’sir: → tafsilotlar/yo’nalishning muqobili.
12. 2 O’qituvchi overley (yo’riqnoma)
Object: Oʻrnatilgan joydagi 3D asboblar/detallar soyasi.
Guidance: zonani bosqichma-bosqich yoritish (step 1/3).
Interaction: «Keyingi/Orqaga», «Tayyor» ovozi.
Feedback: «Toʻgʻri oʻrnatilgan», xaptika + yashil halqa.
12. 3 1:1 ga taqlid qilish/vizualizatsiya qilish
Anchor: pol/stol qidirish → soyali «qoʻnish».
Controls: ruchkalar masshtab/aylanish, panjara 10 sm, snap devorlarga.
A11y: «Pozitsiyani tiklash», «Yorqinroq qilish» tugmalari.
Perf: past poli, almashtiriladigan materiallar.
13) AR-UX metrikasi
Anchor success rate (barqaror langarlar ulushi), Time-to-anchor.
Placement accuracy (oʻrtacha joylashtirish xatosi).
Task success/Time-on-task stsenariy bo’yicha.
Stability score (dreyf/« drebezg »).
Kalibrlash/yuklash bosqichlarida Drop-off.
Nausea/comfort score (so’rov), chayqalish haqida shikoyatlar.
Battery drain / session length.
A/B-g’oyalar: kalibrlashdagi maslahatlar turi, ko’rsatkichlar shakli, plashkalar kontrasti, soyalar vs soyasiz.
14) «Real dunyoda» test sinovi
In-situ: foydalaniladigan joyda (yorug’lik, faktura, shovqin) sinab ko’ring.
Qurilmalar diapazoni: kuchsiz/kuchli, turli kameralar/FOV.
Variativ sahnalar: silliqlangan sirt vs xiralashgan; yorqin quyosh vs alacakaranlık.
Edge-keyslar: oyna/shisha, takrorlanuvchi patternlar (gilamlar), tor yo’laklar.
Ko’r zonalar: tekislikning qisman detekti, salbiy burchaklar, tez yurish.
15) Anti-patternlar
«UI-ifloslash»: har bir ob’ektdagi yorliqlar → qayta yuklash.
Treking va kalibrlash maqomining mavjud emasligi (foydalanuvchi «titrayotganini» tushunmaydi).
Mikroshrift 2-3 m (o’qish mumkin emas).
Langar yo’qolganda obyektlarning keskin teleportlari.
Tugma/ovoz bilan muqobilsiz murakkab imo-ishoralar.
AR qatlamlari uchun «stop/yashirish» mavjud emas.
Kameraning maxfiyligini va joylashish qonunlarini e’tiborsiz qoldirish.
16) Chek varaqlari
Sahnani chiqarishdan oldin
- Langarlash barqaror; treking maqomi ko’rsatilgan.
- Biz matnni 2-3 metrga o’qiymiz.
- Nazorat: tap/drag/pinch/rotate + muqobil (tugma/ovoz).
- Xavfsizlik zonalari va no-spawn maydonlari sozlangan.
- A11y: katta maqsadlar, yuqori kontrast,’reduce motion’hisobga olingan.
- Lokalizatsiya va o’lchov birliklari to’g’ri.
- Perf: LOD, siqilgan to’qimalar, barqaror FPS.
- Maxfiylik/loglar: rozilik, niqoblash, TTL.
Diagnostika UX
- Time-to-anchor ≤ 5 c tipik sahnada.
- Anchor success ≥ normal yoritilganda 90%.
- Kalibrlashda Drop-off ≤ 10%.
- Shikoyatlar <5%.
17) AR uchun kontent va microcopy bo’yicha mini-gidlar
Kalibrlash: «Sirtni topish uchun kamerani silliq boshqaring».
Bogʻlash: "Yer yuzasi topildi. Obʼektni qoʻyish uchun teging".
Imo-ishora: "Qisqartirish uchun barmoqlaringizni siqing. Ikki barmogʻingiz bilan buringlar".
Navigatsiya: "Yorliqqa boring. Qolgan 12 m".
Xato: "Yorugʻlik yetarli emas. Yoritgichni yoqing yoki derazaga yaqinlashing".
Chiqish: «AR qatlamlarini yashirish »/« Kameraga qaytish».
18) AR uchun dizayn-tizim (standart DS kengaytirish)
AR-tokens & patterns:- `scale. minReadableDistance`, `label. backplate. opacity`, `shadow. softness`, `anchor. snapThreshold`, `occlusion. enabled`.
- Komponentlar: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
- Patternlar: ARPlacement, ARNavigation, ARInstruction.
- Hujjatlar: kalibrlash, imo-ishoralar, treking maqomi bo’yicha gaydlar, microcopy namunalari.
19) «oldin/keyin» misollari
Statussiz navigatsiya → statusli
Yo’q: o’qlar titraydi, foydalanuvchi yo’qoladi.
Keyin: «Yomon treking» indikatori + «sekinlashish» tavsiyasi, o’qlar zichlikni kamaytiradi, yo’l chizig’i paydo bo’ladi.
Soyasiz namuna → soyali va to’rli
Do: obyekt «parvoz» qiladi, masshtabi tushunarsiz.
Keyin: yumshoq soya, 10 sm to’r, devorga snap → realizm va ishonch.
Ortiqcha yuklangan matn → oʻqiladigan plashkalar
Do: 6 annotatsiyalar har xil rangda 2 m
Keyin: fonli va ikonkali 2-3 ta asosiy plashka, qolganlari - so’rov bo’yicha.
20) Tezkor boshlash (joriy etish rejasi)
1. Stsenariy → qatlam: AR (navigatsiya? yo’riqnoma? kiyinish?).
2. Prototip (mid-fi → AR-proto): soxta-3D/video-overley → erta tekshirish.
3. Model/kontent: 3D (poligonlar/to’qimalar/LOD) ni optimallashtiring.
4. Kalibrlash/langar: «go’zallik» oldidan barqarorlik.
5. Dala sinovlari: yorug’lik/sirt/harakat.
6. A11u/xavfsizlik/maxfiylik: chek-varaqlar va siyosat.
7. Metrika va telemetriya: langar, barqarorlik, vazifalarning muvaffaqiyati.
8. Iteratsiyalar/rollaut: qurilmalar va sahnalar bo’yicha kanareykali ishga tushirish.
Yakuniy shpargalka
Kontekst: faqat kerakli qatlamlarni koʻrsating.
Barqaror langarlar, real masshtab, soyalar va okklyuziya - ishonch asosidir.
Multivvod: imo-ishoralar + tugma + ovoz, aniq holatlar.
Qulaylik va A11y: katta maqsadlar, yuqori kontrast, kamroq harakat.
Kamera va safety-zonaning maxfiyligi - andoza.
Langar va barqarorlikni o’lchang, haqiqiy sharoitda sinab ko’ring, kontentni optimallashtiring.
Sizning dizayn tizimingiz uchun microcopy, AR-tokens va chek varaqlari bilan ssenariylaringizga (xonada navigatsiya qilish, o’qitish overleylari, 1:1 sinov) AR-patternlarni tayyorlashim kerak.