AR ინტერფეისები და გაფართოებული ფენები
1) რა არის AR და „გაფართოებული ფენები“
Augmented Reality (AR) - ციფრული შინაარსი რეალურ დროში რეალურ სამყაროში.
გაფართოებული ფენები (AR ფენები) - კამერის/სცენის თავზე ლოგიკური დონე: მენიუ, ნავიგაცია, 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. სისტემა layer (სერვისი): კალიბრაცია, ტრეკინგის ხარისხი, განათების/გეგმის სტატუსი.
6. Safety layer (უსაფრთხოება): საზღვრები, შეჯახების გაფრთხილება, „არა-spawn“ ზონა.
ფენები შექმნილია როგორც კომპოზიციები: სისტემას შეუძლია დროებით გაზარდოს Guidance- ის პრიორიტეტი Annotation- ზე (მაგალითად, ნავიგაციის დროს).
4) სივრცითი საფუძვლები: წამყვანები, მასშტაბები, ფანჯარა, შუქი
წამყვანები:- პლანტარული (იატაკი, მაგიდა), იზომეტრული (ზედაპირი), ობიექტის (ცნობადი ფორმები), გეო-წამყვანი (კოორდინატები).
- აჩვენეთ ტრეკინგის მდგომარეობა: არასტაბილური, სტაბილური (გამჭვირვალეობის/ხატის ცვლილება).
- მასშტაბი: ყოველთვის დაიწყეთ რეალური (1:1) ან განათავსეთ მასშტაბები აშკარად (ხაზი/ჩრდილი).
- მონახაზი: დამაჯერებელი AR მოითხოვს სწორ „გადახურვას“ რეალურ ობიექტებზე. თუ არა, გამოიყენეთ რბილი ჩრდილები და „სუბსტრატი-აურა“ ისე, რომ ობიექტი „იჯდეს“ სცენაზე.
- განათება და ჩრდილები: ადაპტირება რეალურ შუქზე, ჩრდილი რბილია და მიბმული თვითმფრინავთან.
- სტაბილურობა: თავიდან აიცილეთ „drebezga“ - შეარბილეთ წამყვანების პოზა (ფილტრები, ინერცია).
5) ურთიერთქმედება: ჟესტები, თვალები, ხმა, ჰაპტიკა
მობილური AR
ჟესტები: tap (არჩევანი), drag (თვითმფრინავის გადაადგილება), pinch (მასშტაბი), twist (rotate), long-press (მენიუ).
თანაშემწეები: სხივის კურსორი, კუთხეების/ნეკნების „წებოვანი“ მითითებები.
ჰაპტიკა: მსუბუქი „ტიკი“ წამყვანების/დოქტინგის დაფიქსირებისას.
ყურსასმენები/სპატიური მოწყობილობები
სახე/კურსორი + ჟესტი „pinch/air tap“.
ხმა: მოკლე გუნდები („კონსოლიდაცია“, „ბილიკების ჩვენება“, „ჩამოგდება“).
სივრცითი ღილაკები: დიდი, მინიმუმ 44 × 44 px მანძილის ეკვივალენტით, მომხმარებლისთვის „ბილბორდინგით“.
წესი: კრიტიკულ ნაბიჯებზე დუბლირებული შეყვანა (ჟესტი + ღილაკი + ხმა).
6) ინფორმაციული და ვიზუალური იერარქია
AR ფენების ოქროს წესი: მინიმალური UI, მაქსიმალური კონტექსტი.
წაიკითხეთ სცენა: თუ მომხმარებელი სწრაფად მოძრაობს, შეამცირეთ კომენტარების სიმკვრივე და გაზარდეთ ნავიგაციის კონტრასტი.
ჩარჩო: ეკრანზე შეინახეთ არაუმეტეს 3-5 ობიექტი მაღალი ვიზუალური პრიორიტეტით.
კითხვის მანძილი: მთავარი ტექსტი 2-3 მ, მცირე - არაუმეტეს 0. 5 მ; ყოველთვის გამოიყენეთ „ტირილი“ კითხვისთვის.
გადასვლები: გლუვი გარეგნობა/გაუჩინარება (120-200 ms), თვითმფრინავზე „ჩამოსხმა“, როდესაც ხედიდან გასვლა ხდება.
7) AR სახელმწიფოები და ფიტბეკი
კალიბრაცია: "მოძებნეთ თვითმფრინავი... ნელა გაატარეთ კამერა." აჩვენეთ პროგრესი/რჩევები.
წამყვანთან დაკავშირება/გაზრდა: „ნაპოვნია ზედაპირი“, „წამყვანი ფიქსირდება“.
ტრეკინგის შეცდომა: „არ არის საკმარისი შუქი/კამერა დახურულია/ძალიან ახლოს“. შესთავაზეთ მოქმედებები: „ჩართეთ განათება“, „უკან დახევა 50 სმ“.
წარმატება: მსუბუქი ჰაპტიკა + მწვანე მაჩვენებელი.
ჩატვირთვა/ნაკადი 3D: ჩონჩხის კონტეინერი/მარტივი მარიონეტული ფორმა, პროგრესი%.
8) წვდომა (A11y) და კომფორტი
ურთიერთქმედების დიდი მიზნები, ტირილის და ტექსტის მაღალი კონტრასტი.
შეყვანის ალტერნატივები: ეკრანზე ღილაკი, ხმა, პოზიციების გამარტივებული ქსელები.
შემცირება: კამერის გლუვი მოძრაობები, პარალელური შეზღუდვა, პატივისცემა 'reduce motion'.
სტატუსის დუბლირება: „წამყვანი ფიქსირდება“, „მარშრუტი განახლებულია“.
შემეცნებითი დატვირთვის შეზღუდვა: არაუმეტეს ერთი რთული მოქმედება ერთხელ; რეჟიმი „ფოკუსი“ (მეორეხარისხოვანი ფენები).
9) ლოკალიზაცია და მრავალფეროვნება
ტექსტები i18n გასაღებებში; სიგრძის რეზერვი DE/TR.
გაზომვისა და ვალუტის ერთეულები - ადგილობრივი (მ, სმ; UAH, EUR).
ცვალებადი ჟესტები და ხმა: გაითვალისწინეთ ადგილობრივი ბრძანებები/გამოთქმა.
ეტიკეტების „ბილბორდი“ - მომხმარებლისთვის, RTL განლაგების ვარიანტები.
10) კონფიდენციალურობა, უსაფრთხოება, შესაბამისობა
კამერა = პერსონალური მონაცემები. ახსენით დაჭერის, შენახვის მიზანი, TTL.
პირველადი დამუშავება; პირის/ნომრების შენიღბვა.
No-record რეჟიმი: ვიდეო/ჩარჩოების შენახვის გამორთვა.
უსაფრთხოების ზონები: არ დაიძინოთ ობიექტები კარებში/კიბეებში; გააფრთხილეთ ახლომახლო მოძრაობის შესახებ.
IGaming მარკეტინგისთვის: ნუ განათავსებთ AR ელემენტებს შეზღუდვების მქონე ადგილებში (კანონები/ასაკი).
11) პროდუქტიულობა და ხარისხი
სცენის ბიუჯეტები: სამკუთხედები, ტექსტურები (ზომები/ფორმატი), draw calls; LOD/ impostors.
განათება: ყალბი/ყალბი shadows; მოერიდეთ ძვირადღირებულ დინამიურ წყაროებს.
ქსელი: პროგრესული დატვირთვა 3D (GLB/DRACO/meshopt), ქეშირება.
ბატარეა/გათბობა: შეინარჩუნეთ FPS სტაბილურად; გადახურებისას შეამცირეთ განახლების/ხარისხის სიხშირე.
დიაგნოზი: ტრეკინგის ინდიკატორი, FPS verelles (dev), წამყვანების ლოგო.
12) AR ფენის განლაგების ნიმუშები
12. 1 ოთახში ნავიგაცია
Guidance: ისრები იატაკზე, „პურის ნამსხვრევები“ ყოველ 3-5 მ.
ანოტაცია: მიზნის სახელი, მანძილი და დრო.
Safety: გაფრთხილება კიბეებზე/დახურულ ადგილებში.
ურთიერთქმედება: ეტიკეტზე „tap“ ჟესტი - მარშრუტის დეტალები/ალტერნატივა.
12. 2 სასწავლო ოვერლი (ინსტრუქცია)
Object: ინსტრუმენტის 3D ჩრდილი/ნაწილები ინსტალაციის ადგილზე.
Guidance: ზონის ეტაპობრივი განათება (ეტაპი 1/3).
ინტერვიუ: „შემდეგი/უკან“, ხმა „მზად არის“.
Feedback: „დამონტაჟებულია სწორად“, haptic + მწვანე ბეჭედი.
12. 3 პოდკა/ვიზუალიზაცია 1:1
ანჩორი: იატაკის/მაგიდის ძებნა - „დაშვება“ ჩრდილით.
კონტროლი: სახელურები მასშტაბები/როტაცია, ქსელი 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.
ვარიატიული სცენები: გაპრიალებული ზედაპირი უხეში; ნათელი მზე მუქი.
Edge შემთხვევები: სარკეები/მინა, განმეორებითი ნიმუშები (ხალიჩები), ვიწრო დერეფნები.
ბრმა ზონები: თვითმფრინავის ნაწილობრივი დეტაჟი, უარყოფითი კუთხეები, სწრაფი სიარული.
15) ანტი შაბლონები
„UI შეკავება“: ეტიკეტები თითოეულ ობიექტში - გადატვირთვა.
ტრეკინგისა და კალიბრაციის სტატუსის არარსებობა (მომხმარებელს არ ესმის, რომ ის „ტრიალებს“).
მიკროშრიფტი 2-3 მ სუბსტრატის გარეშე (წაიკითხეთ).
ობიექტების მკვეთრი ტელეპორტები წამყვანის დაკარგვის დროს.
რთული ჟესტები ღილაკით/ხმით ალტერნატივის გარეშე.
AR- ფენებისთვის „გაჩერების/დამალვის“ არარსებობა.
კამერის კონფიდენციალურობისა და ადგილმდებარეობის კანონების უგულებელყოფა.
16) ჩეკის ფურცლები
სცენის გამოსვლამდე
- ღუზა სტაბილურია; ნაჩვენებია ტრეკინგის სტატუსები.
- ტექსტი წაიკითხეთ 2-3 მ-ზე, არის ლაქები/ფანჯარა/ჩრდილები.
- მაკონტროლებლები: tap/drag/pinch/rotate + ალტერნატივა (ღილაკი/ხმა).
- Safety ზონები და არა-spawn რეგიონები.
- A11y: მხედველობაში იქნა მიღებული დიდი მიზნები, მაღალი კონტრასტი, 'reduce motion'.
- ლოკალიზაცია და გაზომვის ერთეულები სწორია.
- Perf: LOD, შეკუმშული ტექსტურები, სტაბილური FPS.
- კონფიდენციალურობა/ლოგოები: თანხმობა, შენიღბვა, TTL.
UX დიაგნოზი
- დრო-ანჩორი 5 წმ ტიპიურ სცენაზე.
- Anchor success - 90% ნორმალური განათებით.
- Drop-off კალიბრაციაზე 10% -ს შეადგენს.
- საჩივრები ტუმბოს შესახებ <5%.
17) მინი ჰაიდი შინაარსზე და მიკროკოპი AR- სთვის
კალიბრაცია: „შეუფერხებლად გაატარეთ კამერა ზედაპირის მოსაძებნად“.
ბმული: "ნაპოვნია ზედაპირი. შეეხეთ ობიექტის დაყენებას."
ჟესტების მინიშნება: "შეამცირეთ თითები. ორი თითით გადააბრუნეთ".
ნავიგაცია: "წადი ეტიკეტზე. დარჩა 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.
- დოკუმენტაცია: კალიბრაციის, ჟესტების, ტრეკინგის სტატუსის, მიკროკოპის მაგალითები.
19) მაგალითები „წინ/შემდეგ“
ნავიგაცია სტატუსის გარეშე, წესდებით
სანამ: ისრები „ტრიალებს“, მომხმარებელი კარგავს.
ამის შემდეგ: „ცუდი ტრეკინგის“ ინდიკატორი + რჩევა „შენელდება“, ისრები ამცირებენ სიმკვრივეს, ჩნდება ბილიკის ხაზი.
ჩრდილი ჩრდილის გარეშე, ჩრდილით და ბადით
სანამ: ობიექტი „არღვევს“, მასშტაბი გაუგებარია.
შემდეგ: რბილი ჩრდილი, ბადე 10 სმ, კედელზე ჭურვი - რეალიზმი და ნდობა.
გადატვირთული ტექსტი
2 მ-ზე სხვადასხვა ფერის 6 პრეზენტაცია
შემდეგ: 2-3 საკვანძო ფონი და ხატი, დანარჩენი მოთხოვნით.
20) სწრაფი დაწყება (განხორციელების გეგმა)
1. სცენარი არის ფენა: განსაზღვრეთ რას წყვეტს AR (ნავიგაცია? ინსტრუქცია? პოდკა?).
2. პროტოტიპი (mid-fi-AR-proto): Falsh-3D/ვიდეო verelles და ადრეული შემოწმება.
3. მოდელი/შინაარსი: ოპტიმიზაცია 3D (ნაგავსაყრელები/ტექსტურები/LOD).
4. კალიბრაცია/წამყვანი: სტაბილურობა ადრე, ვიდრე „სილამაზე“.
5. საველე ტესტები: შუქი/ზედაპირი/მოძრაობა.
6. A11u/უსაფრთხოება/კონფიდენციალურობა: შემოწმების ფურცლები და პოლიტიკა.
7. მეტრიკა და ტელემეტრია: წამყვანები, სტაბილურობა, დავალებების წარმატება.
8. Iteration/rollout: კანარის გაშვება მოწყობილობებსა და სცენებზე.
საბოლოო ყალბი ფურცელი
კონტექსტი ადრე UI: აჩვენეთ მხოლოდ საჭირო ფენები.
სტაბილური წამყვანები, რეალური მასშტაბები, ჩრდილები და ფანჯარა ნდობის საფუძველია.
მულტივუდი: ჟესტები + ღილაკი + ხმა, აშკარა სტატუსები.
კომფორტი და A11y: დიდი მიზნები, მაღალი კონტრასტი, ნაკლები მოძრაობა.
კამერის კონფიდენციალურობა და უსაფრთხოების ზონა ნაგულისხმევია.
გაზომეთ წამყვანები და სტაბილურობა, ტესტირება რეალურ პირობებში, შეამოწმეთ შინაარსი.
აუცილებელია - მე მოვამზადებ AR ნიმუშებს თქვენი სკრიპტისთვის (ნავიგაცია ოთახში, სასწავლო ოვერლეი, 1:1) მიკროკოპით, AR-tokens- ით და ჩეკების სიებით თქვენი დიზაინის სისტემისთვის.