AR интерфейстери жана кеңейтилген катмарлар
1) АР жана "кеңейтилген катмарлары" деген эмне
Augmented Reality (AR) - реалдуу убакытта реалдуу дүйнөгө санариптик мазмунду колдонуу.
Кеңейтилген катмарлар (AR-layers) - камера/сахнанын үстүндөгү логикалык деңгээлдер: аннотациялар, навигация, 3D объектилер, кеңештер, аналитика, системалык статустар. Алар мейкиндикте кайда, кантип өз ара аракеттенүү жана качан жашыруу керек экенин башкарат.
AR-UX негизги максаты: айлана-чөйрөгө маани кошуу эмес, "алмаштыруу" чындык. Ар бир катмар колдонуучунун суроосуна жооп бериши керек: "Бул эмне? кайда? Мындан ары эмне болот?"
2) АР колдонуу үчүн кайда
Багыттоо жана багыттоо: багыттын көрсөткүчтөрү, жердеги жебелер, кире бериштерди жарыктандыруу.
контекстинде окутуу/көмөк көрсөтүү: "жүктөлгөн" көрсөтмөлөр, этап-этабы менен орнотуу/орнотуу.
Витриналар жана сыноолор: 1:1 өлчөмүндөгү объектилерди визуалдаштыруу (эмерек, аппараттар).
Оюндар жана квесттер: казык объектилер, миссиялар, лут жайгашкан.
Сервис/текшерүү: тобокелдик зоналарын, жабдуулардын үстүнөн чек баракчаларын бөлүү.
Маркетинг/иш-чаралар: AR-баннерлер, реалдуу мейкиндикте AR-купондор.
iGaming Cases үчүн - этияттык менен: оюн (комплаенс/жоопкерчиликтүү оюн) таасири катары эмес, багыттоо жана визуалдык жардам катары AR колдонуу.
3) Кеңейтилген катмарларынын таксономиясы
1. Annotation layer (кол тамгалар/этикеткалар): аталыштар, статустар, баалар/шилтемелер.
2. Guidance layer (навигация): жебелер, тректер, мейкиндиктеги "нан күкүмдөрү", учтар.
3. Object layer (3D объекттер/аватарлар): физика, казыктар, LOD жөндөөлөрү бар моделдер.
4. Interaction layer (Controls): өзгөрүү туткалары, "ысык чекиттер", радиалдык меню.
5. System layer (кызмат): калибрлөө, трекинг сапаты, жарыктандыруу/план абалы.
6. Safety layer (коопсуздук): чек аралар, кагылышуулардын алдын алуу, "no-spawn" зоналары.
Катмарлар композиция катары иштелип чыккан: система убактылуу Annotation боюнча Guidance артыкчылыгын жогорулатат (мисалы, багыттоо).
4) Мейкиндик негиздери: казык, масштаб, окклюзия, жарык
Якорь (anchors):- Планардык (пол, стол), изометриялык (беттер), объекттик (таанымал формалар), гео-якорлор (координаттар).
- Tracking абалын көрсөтүү: туруксуз → туруктуу (ачыктыгын/сөлөкөтүн өзгөртүү).
- Масштаб: ар дайым реалдуу (1:1) баштап же так масштабын белгилөө (сызгыч/көлөкө).
- Окклюзия: ынандырарлык AR чыныгы объектилер (depth/people occlusion) менен туура "жабууну" талап кылат. Эгер жок болсо - жумшак көлөкөлөрдү жана "субстрат-ауаны" колдонуу үчүн объект сахнага "отурат".
- Жарык жана көлөкө: чыныгы жарык ылайыкташтырылган, көлөкө - жумшак жана учак менен байланышкан.
- Туруктуулук: "тырмоо" качуу - казык (чыпкалар, инерция) абалын текшилөө.
5) Өз ара аракеттенүү: жаңсоолор, көз караш, үн, хаптика
Мобайл-AR
Кыймыл: tap (тандоо), drag (тегиздикте жылыш), pinch (масштаб), twist (ротейт), long-press (меню).
Жардамчылары: нур-курсор, "жабышчаак" бурчтар/кабыргалар.
Хаптика: жарык "тик" казык бекитүү/бекитүү.
Гарнитура/Spatial түзмөктөр
Көрүү/курсор + ишарат "пинч/air tap".
Үн: кыска командалар ("бекитүү", "жолдорду көрсөтүү", "таштоо").
Мейкиндик баскычтары: ири, 44 × 44 px аралыкка барабар, колдонуучуга "билбординг" менен.
Эреже: критикалык кадамдарда киргизүүнү кайталаңыз (ишарат + баскыч + үн).
6) Маалыматтык жана визуалдык иерархия
AR катмарларынын алтын эрежеси: минималдуу UI, максималдуу контекст.
Сахнаны окуңуз: эгер колдонуучу тез кыймылдаса, аннотациялардын тыгыздыгын азайтыңыз жана навигациянын контрастын жогорулатыңыз.
Фрейминг: Экранда 3-5 жогорку визуалдык артыкчылыктуу объектилерди сактаңыз.
Окуу аралыгы: 2-3 м ири текст, майда - 0 жакын эмес. 5 м; ар дайым окуу үчүн "плашканы" колдонуңуз.
Өтмөктөр: жылмакай көрүнүшү/жоголушу (120-200 ms), көрүү талаасынан чыкканда тегиздикке "жабышуу".
7) Мамлекеттик жана fidbek AR
калибрлөө: "учак табуу... жай камераны жетектеп". Прогрессти/кеңештерди көрсөтүңүз.
Байлоо/казык бекемдөө: "Бети табылды", "казык бекитилди".
Tracking ката: "жетиштүү жарык/камера жабык/өтө жакын". "Жарык күйгүзүү", "50 см артка чегинүү".
Ийгилик: жеңил хаптика + жашыл көрсөткүч.
Жүктөө/3D Streaming: скелет контейнер/жөнөкөй прокси түрү, прогресс%.
8) Жеткиликтүүлүк (A11y) жана сооронуч
Өз ара аракеттенүүнүн чоң максаттары, плашкалардын жана тексттин жогорку контрасты.
Киргизүүнүн альтернативалары: экранда баскычы, үн, жөнөкөйлөштүрүлгөн позиция пресеттери.
солкулдатуу азайтуу: жылмакай камера кыймылы, параллакс чектөө, урматтоо 'reduce motion'.
Статустарды айтуу: "Казык бекитилди", "Маршрут жаңыланды".
Когнитивдик жүктү чектөө: бир убакта бирден ашык эмес татаал иш-аракет; "фокус" режими (экинчи катмарларды басат).
9) Локализация жана көп аймактар
i18n-ачкычтардагы тексттер; DE/TR боюнча узундук запасы.
Өлчөө бирдиктери жана валюталар - жергиликтүү (м, см; UAH, EUR).
Вариативдик ишараттар жана үн: жергиликтүү командаларды/айтууларды эске алуу.
"Билбординг" этикеткалары - колдонуучуга, RTL-тактоо параметрлери.
10) Купуялык, коопсуздук, комплаенс
Камера = жеке маалыматтар. кармоо максатын түшүндүрүп, сактоо, TTL.
On-device баштапкы иштетүү; каттоо учурунда адамдарды/номерлерди жашыруу.
No-record режими: Video/кадрларды сактоо өчүрүү.
Коопсуздук зоналары: эшик/тепкичтерде объекттерди түртүп жок; жакын кыймылын эскертип коюңуз.
Үчүн iGaming маркетинг: чектөөлөрү бар жерлерде AR-элементтерин жайгаштыруу (мыйзамдар/жаш).
11) аткаруу жана сапаты
Сахнанын бюджеттери: үч бурчтуктар, текстуралар (өлчөмдөрү/форматы), draw calls; LOD/ impostors.
Жарык: baked/fake shadows; динамикалык булактардан алыс болуңуз.
Тармак: 3D прогрессивдүү жүктөө (GLB/DRACO/meshopt), кэш.
Батарея/жылытуу: FPS туруктуу кармап туруу; Ашыкча ысып кеткенде жаңылануу/сапатты азайтыңыз.
Диагностика: трекинг көрсөткүчү, FPS-overley (dev), казыктар.
12) AR-катмарларды жайгаштыруу үлгүлөрү
12. 1 Ички навигация
Guidance: жерде жебелер, "нан сыныктары" - ар бир 3-5 м.
Annotation: максаттуу аты, аралык жана убакыт.
Коопсуздук: тепкичтер/жабык зоналар жөнүндө эскертүү.
Өз ара аракеттенүү: белги → майда-чүйдөсүнө чейин/альтернатива багыты боюнча "tap" ишарат.
12. 2 Overlay окутуу (көрсөтмө)
Object: 3D-көлөкө курал/бөлүктөрү орнотулган жерде.
Guidance: этап-этап жарык зонасы (кадам 1/3).
Interaction: "Кийинки/Артка", үн "даяр".
Feedback: "Туура орнотулган", хаптика + жашыл шакек.
12. 3 кийинүү/көрүү 1:1
Anchor: полду/столду издөө → көлөкө менен "конуу".
Controls: туткалары масштаб/айлануу, торчо 10 см, дубалдарга.
A11y: "Позицияны калыбына келтирүү", "Жарык кылуу" баскычы.
Perf: төмөн поли, алмаштыруу материалдар.
13) AR-UX Метрика
Anchor success rate (туруктуу казык үлүшү), Time-to-anchor.
Placement accuracy (орточо жайгаштыруу ката).
Task success/Time-on-task сценарий боюнча.
Stability score (дрейф/" drebezg ").
калибрлөө/жүктөө этаптарында Drop-off.
Nausea/comfort score (сурамжылоо), термелүү жөнүндө даттануулар.
Battery drain / session length.
A/B-идеялары: калибрлөө, жебе формасы, плашкалардын контрасты, көлөкөсүз ж.б.
14) "Реалдуу дүйнөдө" сыноо
In-situ: колдонулган жерде сыноо (жарык, текстура, ызы-чуу).
түзмөктөрдүн диапазону: алсыз/күчтүү, ар кандай камера/FOV.
Вариативдик көрүнүштөр: жылмаланган бети vs бүдөмүк; жарык күн vs күүгүм.
Edge-учурларда: күзгү/айнек, кайталануучу үлгүлөрү (килем), тар коридорлор.
Сокур зоналар: жарым-жартылай учак деталдары, терс бурчтар, тез басуу.
15) Анти-үлгүлөрү
"UI-булгоо": ар бир объект боюнча этикеткалар → ашыкча жүктөө.
трекинг жана калибрлөө статусунун жоктугу (колдонуучу "титиреп" түшүнбөйт).
Микрошрифт 2-3 м субстратсыз (окулбайт).
казык жоготуу учурунда объекттердин кескин телепорттор.
Татаал ишараттар башка баскычы/үн жок.
AR катмарлары үчүн "токтотуу/жашыруу" жок.
Камеранын купуялуулугун жана жайгашкан жеринин мыйзамдарын этибарга албоо.
16) Чек-баракчалар
Сахнаны чыгаруу алдында
- Якорь туруктуу; трекинг статусу көрсөтүлөт.
- Текст 2-3 м окуйбуз, плашки/окклюзия/көлөкө бар.
- Controls: tap/drag/pinch/rotate + альтернатива (баскычы/үн).
- Коопсуздук зоналары жана no-spawn аймактары орнотулган.
- A11y: чоң максаттар, жогорку контраст, 'reduce motion' эске алынган.
- Локализация жана өлчөө бирдиктери туура.
- Perf: LOD, кысылган текстура, туруктуу FPS.
- Купуялык/Логи: макулдук, жашыруу, TTL.
Диагностика UX
- Time-to-anchor ≤ 5 типтүү сахнада c.
- Anchor success ≥ 90% кадимки жарык менен.
- 10% ≤ калибрлөө боюнча Drop-off.
- даттануулар <5%.
17) R үчүн мазмун жана microcopy боюнча мини-жол
Калибрлөө: "Жер бетин табуу үчүн камераны жылмакай жетектеңиз".
Шилтеме: "Жер бети табылды. Объектти коюу үчүн тийиңиз".
ишарат: "Кичирейтүү үчүн манжаларыңызды азайтыңыз. Эки манжаңызды буруңуз".
Навигация: "Белгиге барыңыз. Калган 12 м".
Ката: "Жарык жетишсиз. Жарыктандырууну күйгүзүңүз же терезеге жакындаңыз".
Чыгуу: "AR катмарларын жашыруу "/" Камерага кайтуу".
18) AR үчүн дизайн системасы (стандарттык DS кеңейтүү)
AR-tokens & patterns бөлүмүн кошуу:- `scale. minReadableDistance`, `label. backplate. opacity`, `shadow. softness`, `anchor. snapThreshold`, `occlusion. enabled`.
- Компоненттери: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
- Үлгүлөр: ARPlacement, ARNavigation, ARInstruction.
- Документация: калибрлөө, ишараттар, трекинг статусу, microcopy мисалдары боюнча гайддар.
19) мисалдар "чейин/кийин"
Статусу жок навигация → статусу менен
Чейин: жебелер "титиреп", колдонуучу жоготот.
Андан кийин: "Жаман трекинг" көрсөткүчү + "жайлоо" кеңеши, жебелер тыгыздыгын азайтат, сызык-трек пайда болот.
Көлөкөсүз → Көлөкөсүз жана тор менен өлчөө
Чейин: объект "учуп", масштабы түшүнүксүз.
Кийин: жумшак көлөкө, сетка 10 см, дубалга snap → реализм жана ишеним.
Ашыкча текст → окула турган плашкалар
Чейин: 6 2 м ар кандай түстөгү аннотациялар.
Андан кийин: фон жана сөлөкөт менен 2-3 негизги плашкалар, калганы - суроо-талап боюнча.
20) Тез баштоо (киргизүү планы)
1. Script → катмар: АР (багыттоо чечет? көрсөтмө? кийинүү?).
2. Prototype (mid-fi → AR-proto): жалган-3D/Video Overlay → эрте текшерүү.
3. Модель/мазмун: 3D оптималдаштыруу (полигондор/текстура/LOD).
4. калибрлөө/казык: "сулуулук" алдында туруктуулук.
5. Талаа тесттер: жарык/бет/кыймыл.
6. A11u/коопсуздук/купуялык: чек баракчалар жана саясат.
7. Метрика жана телеметрия: казык, туруктуулук, тапшырмалардын ийгилиги.
8. Итерация/роллаут: аппараттар жана көрүнүштөр боюнча канареалык ишке киргизүү.
Жыйынтыктоочу шпаргалка
Контексттин алдында UI: гана зарыл катмарларды көрсөтүү.
Туруктуу казыктар, реалдуу масштаб, көлөкө жана окклюзия - ишенимдин негизи.
Multivvod: ишараттар + баскычы + үн, айкын абалы.
Комфорт жана A11y: чоң максаттар, жогорку контраст, аз кыймыл.
Камеранын жана коопсуздук зонасынын купуялуулугу - демейки.
Анкерлерди жана туруктуулукту өлчөө, реалдуу шарттарда сыноо, мазмунду оптималдаштыруу.
Зарыл - Сиздин дизайн системасы үчүн microcopy, AR-tokens жана чек баракчалары менен сценарийлер (бөлмө багыттоо, окутуу overley, 1:1) үчүн AR-үлгүлөрдү даярдоо.