AR интерфейстері және кеңейтілген қабаттар

1) AR және «кеңейтілген қабаттар» дегеніміз не?

Augmented Reality (AR) - нақты уақытта нақты әлемге сандық контентті салу.
Кеңейтілген қабаттар (AR-layers) - камера/сахна үстіндегі логикалық деңгейлер: аңдатпа, навигация, 3D-нысандар, кеңестер, талдау, жүйелік мәртебелер. Олар кеңістікте нені көрсетуді, қалай өзара әрекеттесуді және қашан жасыруды басқарады.

AR-UX негізгі мақсаты: «шындықты» ауыстыру емес, ортаға мән қосу. Әрбір қабат пайдаланушының "Бұл не? Ол қайда? Ары қарай не"

2) AR қайда қолданылады

Навигация және бағдарлау: бағыттар көрсеткіштері, жергілікті жердегі бағыттамалар, кіреберістерді жарықтандыру.
Контексіндегі оқыту/кеңестер: «салынған» нұсқаулықтар, қадамдық монтаждау/теңшеу.
Витриналар мен өлшеулер: объектілерді 1:1 мөлшерінде визуализациялау (жиһаз, құрылғылар).
Ойындар мен квесттер: зәкірлік объектілер, миссиялар, локациядағы лут.
Сервис/инспекция: тәуекел аймақтарын бөлу, жабдықтың үстінен чек-парақтар.
Маркетинг/іс-шаралар: AR-баннерлер, нақты кеңістіктегі AR-купондар.

iGaming кейстері үшін - абайлаңыз: AR-ды ойын процесіне әсер ету ретінде емес, навигация және көрнекі кеңестер ретінде пайдаланыңыз (комплаенс/жауапты ойын).

3) Кеңейтілген қабаттардың таксономиясы

1. Annotation layer (қолтаңбалар/жапсырмалар): атаулары, мәртебелері, бағалары/сілтемелері.
2. Guidance layer (навигация): бағыттамалар, тректер, кеңістіктегі «нан үгінділері», көмекші сәулелер.
3. Object layer (3D-нысандар/аватарлар): физика, зәкірлер, LOD баптаулары бар модельдер.
4. Interaction layer: трансформация тұтқалары, «ыстық нүктелер», радиалды мәзірлер.
5. System layer (сервис): калибрлеу, трекинг сапасы, жарықтандыру/жоспар мәртебесі.
6. Safety layer (қауіпсіздік): шекаралар, соқтығыстардың алдын алу, «no-spawn» аймақтары.

Қабаттар композиция ретінде жобаланады: жүйе уақытша Annotation үстінен Guidance басымдығын арттыра алады (мысалы, навигация кезінде).

4) Кеңістіктік негіздер: зәкірлер, масштаб, окклюзия, жарық

• Планарлық (еден, үстел), изометриялық (беттер), объектілік (танылатын нысандар), гео-зәкірлер (координаттар).
• Трекинг күйін көрсетіңіз: тұрақсыз → тұрақты (мөлдірлік/иконаның өзгеруі).
• Масштаб: әрқашан нақты (1:1) бастаңыз немесе анық (сызғыш/көлеңке) масштабты белгілеңіз.
• Окклюзия: сенімді AR нақты объектілермен (depth/people occlusion) дұрыс «жабуды» талап етеді. Егер жоқ болса, нысанды сахнаға «отырғызу» үшін жұмсақ көлеңкелерді және «субстрат-ауруды» пайдаланыңыз.
• Жарық пен көлеңке: нақты жарыққа бейімделіңіз, көлеңке - жұмсақ және жазықтыққа байланған.
• Тұрақтылық: «сілкінуден» аулақ болыңыз - зәкір қалыбын тегістеңіз (сүзгілер, инерция).

5) Өзара іс-қимыл: қимылдар, көзқарас, дауыс, хаптика

Мобайл-AR

Қимылдар: tap (таңдау), drag (жазықтық бойынша жылжыту), pinch (масштаб), twist (ротейт), long-press (мәзір).
Көмекшілер: сәуле-курсор, бұрыштарға/қабырғаларға «жабысқақ» байланыстар.
Хаптика: зәкірді бекіту/түйістіру кезінде жеңіл «тик».

Гарнитуралар/спатиалды құрылғылар

Көрініс/курсор + «пинч/air tap» белгісі.
Дауыс: қысқа командалар («бекіту», «жолдарды көрсету», «тастау»).
Кеңістіктік түймешелер: пайдаланушыға «билбордингі» бар қашықтықтың эквиваленті кезінде ірі, кем дегенде 44 × 44 px.

Ереже: сындарлы қадамдарда енгізуді қайталаңыз (ишара + түймешік + дауыс).

6) Ақпараттық және көрнекі иерархия

AR-қабаттардың алтын ережесі: минимум UI, максимум контекст.
Сахнаны оқыңыз: егер пайдаланушы жылдам қозғалса, аңдатпа тығыздығын азайтыңыз және навигация контрастын арттырыңыз.
Фрейминг: экранда жоғары көрнекі басымдығы бар 3-5 объектіден артық ұстаңыз.
Оқу қашықтығы: үлкен мәтін 2-3 м, ұсақ мәтін - 0-ден жақын емес. 5 м; әрқашан оқу үшін «плашканы» пайдаланыңыз.
Өтпелер: тегіс пайда болу/жоғалу (120-200 мс), көру өрісінен шыққанда жазықтыққа «жабысу».

7) Жай-күйлер және фидбек AR

Калибрлеу: "Жазықтықты табыңыз... камераны баяу жүргізіңіз". Прогресс/кеңестер көрсетіңіз.
Зәкірді байлау/күшейту: «Беті табылды», «Зәкір бекітілді».
Трекинг қатесі: «Жарық жеткіліксіз/камера жабық/тым жақын». «Жарықтандыруды қосу», «50 см шегіну» әрекеттерін ұсыныңыз.
Табыс: жеңіл хаптика + жасыл индикатор.
Жүктеу/стриминг 3D: скелетон-контейнер/қарапайым прокси пішін,% прогресс.

8) Қолжетімділік (A11y) және жайлылық

Өзара іс-қимылдың ірі мақсаттары, плашкалар мен мәтіннің жоғары контрастылығы.
Енгізу баламалары: экрандағы түймешік, дауыс, оңайлатылған позиция пресеттері.
Тербелуді төмендету: камераның бірқалыпты қозғалысы, параллаксты шектеу, 'reduce motion' құрметі.
«Зәкір бекітілді», «Маршрут жаңартылды» мәртебелерін дыбыстау.
Когнитивтік жүктемені шектеу: бір уақытта бір күрделі әрекеттен артық емес; «фокус» күйі (екінші дәрежелі қабаттарды өшіреді).

9) Оқшаулау және мультиөңірлер

i18n-кілттердегі мәтіндер; DE/TR ұзындық қоры.
Өлшем бірліктері мен валюталар - жергілікті (м, см; UAH, EUR).
Вариативті қимылдар мен дауыс: жергілікті командаларды/айтуларды ескеріңіз.
«Билбординг» - пайдаланушыға, RTL-теңестіру нұсқалары.

10) Құпиялылық, қауіпсіздік, комплаенс

Камера = дербес деректер. Ұстау, сақтау, TTL мақсатын түсіндіріңіз.
On-device бастапқы өңдеу; логин кезінде адамдарды/нөмірлерді бүркемелеу.
No-record режімі: бейне/кадрларды сақтауды өшіру.
Қауіпсіздік аймақтары: объектілерді есіктерде/баспалдақтарда ұстап қалмаңыз; қатар қозғалыс туралы ескертіңіз.
iGaming маркетинг үшін: AR элементтерін шектеулері бар орындарға (заңдар/жас) орналастырбаңыз.

11) Өнімділік және сапа

Сахна бюджеттері: үшбұрыштар, текстуралар (өлшемдері/форматы), draw calls; LOD/ impostors.
Жарықтандыру: baked/fake shadows; қымбат динамикалық көздерден аулақ болыңыз.
Желі: прогрессивті 3D жүктеу (GLB/DRACO/meshopt), кэштеу.
Батарея/қыздыру: FPS тұрақты ұстаңыз; қызған кезде жаңарту жиілігін/сапасын төмендетіңіз.
Диагностика: трекинг индикаторы, FPS-оверлей (dev), зәкірлер логы.

12) AR-қабаттарды орналастыру үлгілері

12. 1 Үй-жайда навигация

Guidance: едендегі көрсеткіштер, «нан үгінділері» - әрбір 3-5 м белгілер.
Annotation: мақсат атауы, қашықтық және уақыт.
Safety: баспалдақтар/жабық аймақтар туралы ескерту.
Өзара іс-қимыл: → егжей-тегжейлі белгідегі «tap» белгісі/бағыттың баламасы.

12. 2 Оқытушы оверлей (нұсқаулық)

Object: 3D-көлеңке құралы/бөлшектер орнатылған жерде.
Guidance: аймақты кезең-кезеңмен жарықтандыру (step 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 (дрейф/« дребезг »).
Калибрлеу/жүктеу кезеңдерінде Drop-off.
Nausea/comfort score (сауалнама), тербеліске шағымдар.
Battery drain / session length.

A/B-идеялар: калибрлеу кезіндегі кеңестер түрі, көрсеткіштер пішіні, плашкалар контрасты, көлеңкелерсіз vs.

14) «Нақты әлемде» тестілеу

In-situ: пайдаланылатын жерде тестілеңіз (жарық, фактуралар, шу).
Құрылғылар диапазоны: әлсіз/күшті, әртүрлі камералар/ФОВ.
Вариативті көріністер: жылтыратылған беті vs кедір-бұдырлы; ашық күн vs күңгірт.
Edge-кейстер: айналар/шыны, қайталанатын паттерндер (кілемдер), тар дәліздер.
Соқыр аймақтар: жазықтықтың бөлшектері, теріс бұрыштар, жылдам жүру.

15) Қарсы үлгілер

«UI-қоқыс салу»: әрбір объектідегі заттаңбалар → қайта тиеу.
Трекинг және калибрлеу мәртебесінің болмауы (пайдаланушы «дірілдейтінін» түсінбейді).
Астарсыз 2-3 м микрошрифт (оқылмайтын).
Зәкір жоғалған кездегі объектілердің шұғыл телепорттары.
Батырмамен/дауыспен баламасыз күрделі қимылдар.
AR-қабаттар үшін «тоқта/жасыру» болмауы.
Камераның құпиялылығын және орналасу заңдарын елемеу.

16) Чек парақтары

Көріністі шығару алдында

• Зәкірлеу тұрақты; трекинг мәртебесі көрсетілген.
• Мәтінді 2-3 м оқимыз, плашкалар/окклюзия/көлеңкелер бар.
• Бақылаулар: tap/drag/pinch/rotate + балама (түймешік/дауыс).
• Қауіпсіздік аймақтары мен no-spawn аймақтары теңшелген.
• A11y: ірі мақсаттар, жоғары контраст, 'reduce motion' ескерілген.
• Оқшаулау және өлшем бірліктері дұрыс.
• Perf: LOD, қысылған текстура, тұрақты FPS.
• Жеке/логи: келісім, бүркемелеу, TTL.

UX диагностикасы

• Time-to-anchor ≤ 5 c типтік сахнада.
• Anchor success қалыпты жарықтандыру кезінде 90% ≥.
• Drop-off калибрлеуде ≤ 10%.
• Шайқалуға шағымдар <5%.

17) AR үшін контент және microcopy бойынша шағын гид

Калибрлеу: «Бетті табу үшін камераны бірқалыпты жүргізіңіз».
Байламы: "Беті табылды. Нысанды қою үшін жанасыңыз.
Ишарат көмегі: "Кішірейту үшін саусақтарды азайтыңыз. Екі саусағыңызбен айналдырыңыз".
Навигация: "Белгіге барыңыз. Қалған 12 м".
Қате: "Жарық жеткіліксіз. Жарықтандыруды қосыңыз немесе терезеге жақындаңыз".
Шығу: «AR-қабаттарды жасыру »/« Камераға оралу».

18) AR үшін дизайн жүйесі (стандартты DS кеңейту)

• `scale. minReadableDistance`, `label. backplate. opacity`, `shadow. softness`, `anchor. snapThreshold`, `occlusion. enabled`.
• Компоненттер: ARBadge, ARLabel, ARHandle, ARIndicator, ARPathNode.
• Паттерндер: ARPlacement, ARNavigation, ARInstruction.
• Құжаттама: гайды калибрлеу, қимылы, трекинг мәртебесі бойынша, мысалдар microcopy.

19) «дейін/кейін» мысалдары

Мәртебесі жоқ → мәртебесі бар навигация

Дейін: «сілтемелер дірілдейді», пайдаланушы жоғалады.
Кейін: «Жаман трекинг» индикаторы + «баяулау» кеңесі, көрсеткіштер тығыздықты азайтады, сызық-соқпақ пайда болады.

Көлеңкесіз өлшеу → көлеңкелі және торлы

Дейін: нысан «қалықтайды», масштабы түсініксіз.
Кейін: жұмсақ көлеңке, 10 см тор, қабырғаға түсу → реализм және сенімділік.

Қайта жүктелген мәтін → оқылатын плашкалар

Дейін: 2 м-ге түрлі түсті 6 аннотация.
Кейін: аясы мен белгісі бар 2-3 негізгі плашкалар, қалғаны - сұраныс бойынша.

20) Жылдам бастау (енгізу жоспары)

1. Скрипт → қабат: AR (навигация) не шешетінін анықтаңыз? нұсқаулық? өлшеу?).
2. Прототип (mid-fi → AR-proto): жалған-3D/бейне-оверлей → ерте тексеру.
3. Модель/мазмұн: 3D (полигондар/текстуралар/LOD) оңтайландырыңыз.
4. Калибрлеу/зәкір: «сұлулықтан» бұрын тұрақтылық.
5. Далалық тесттер: жарық/бет/қозғалыс.
6. А11у/қауіпсіздік/құпиялылық: чек-парақтар және саясат.
7. Метрика және телеметрия: зәкір, тұрақтылық, міндеттердің табысы.
8. Итерациялар/роллаут: құрылғылар мен сахналар бойынша канареялық іске қосу.

Қорытынды шпаргалка

Контекст алдында UI: Тек қажетті қабаттарды көрсетіңіз.
Тұрақты зәкірлер, нақты масштаб, көлеңке және окклюзия - сенімнің негізі.
Мультивод: қимылдар + түймешік + дауыс, айқын мәртебелер.
Жайлылық пен A11y: ірі мақсаттар, жоғары контраст, аз қозғалыс.
Камера мен қауіпсіздік аймағының құпиялылығы - әдепкі.
Зәкір мен тұрақтылықты өлшеңіз, нақты жағдайларда тестілеңіз, контентті оңтайландырыңыз.

Қажет - сіздің сценарийлеріңізге AR-паттерндерді дайындаймын (үй ішіндегі навигация, оқыту оверлейлері, 1:1 өлшеу) microcopy, AR-tokens және дизайн-жүйеңізге арналған чек-парақтарымен.