Eye-tracking და UX ნავიგაცია
1) რატომ გამოიყენეთ Eye tracking
Itrecing გვიჩვენებს, თუ როგორ ანადგურებენ მომხმარებლები ინტერფეისს: რა შეამჩნია, რომ ისინი უგულებელყოფენ სად იკარგებიან. იგი ავსებს კლიშეებსა და სკრიპტებს, ამჟღავნებს ყურადღების გზას და შეესაბამება ვიზუალურ იერარქიას მომხმარებლის ამოცანებს.
ძირითადი შემთხვევები:- ნავიგაციისა და ინფორმაციის არქიტექტურის შემოწმება (მენიუ, ფილტრები, ძებნა).
- პირველი ეკრანის/above the fold და აქცენტების განლაგება.
- ბარათების/კატალოგების/ცხრილების ვარიანტების შედარება (F-pattern, Z-pattern, გუტენბერგის დიაგრამა).
- ბანერის სიბრმავის, გადატვირთვის და „ვიზუალური ხმაურის“ დიაგნოზი.
- მაღალი სიზუსტის მქონე პროდუქტები: ფინანსები, განაკვეთები, მსუბუქი ბაზრები, ქეშერი.
2) რა არტეფაქტებს იძლევა itrecing
Heatmap (სითბოს რუკა): რეგიონში ფიქსაციების საერთო ინტენსივობა.
Gaze plot/Scanpath: ფიქსაციების თანმიმდევრობა (დანომრილი წერტილები) და საქკადი (ისრები).
AOI მეტრიკა: მითითებული ინტერფეისის ზონების ინდიკატორები (ღილაკები, ველები, მენიუ, ბანერები, ბარათები, ცხრილები).
გარდამავალი მატრიცები: როგორ „გადადიან“ მომხმარებლები ზონებს შორის (სანავიგაციო ჩვევები).
სეგმენტის მოხსენებები: ყურადღების განსხვავებები როლების/მოწყობილობების/გამოცდილების მიხედვით.
3) ყურადღების ძირითადი ნიმუშები
F-pattern (ტექსტები/ცხრილები): ზედა ხაზი - მარცხენა სვეტი - ჰორიზონტალი ქვემოთ.
Z-pattern (lendings): მარცხენა ზედა - მარჯვენა ზედა - დიაგონალი - მარჯვენა ქვედა.
გუტენბერგის დიაგრამა: ძლიერი/სუსტი კვადრატები, კითხვის ბუნებრივი გზა.
ბრმა ზონები: მარჯვენა/ქვედა რეგიონები მკვრივ ეკრანებზე, „ბანერის სიბრმავე“.
კონკურენციის წამყვანი: ფასდაკლების ტირილი, მომაკვდინებელი ელემენტები, ანიმაციური ბანერები - CTA- ს ყურადღება „იპარავს“.
4) მეტრიკები, რომლებსაც ჩვენ ვმოქმედებთ
თითოეული AOI- სთვის და მთლიანობაში ეკრანისთვის:- TTFF (დრო პირველი ფიქსაცია) - ზონაში პირველი ფიქსაციის დრო.
- Fixation count/duration - ფიქსაციის რაოდენობა/მთლიანი ხანგრძლივობა.
- Dwell Time არის საერთო დრო ზონაში (განმეორებითი ზარების ჩათვლით).
- Revisits არის AOI- ში დაბრუნების რაოდენობა (სირთულის/მნიშვნელობის ნიშანი).
- ტრანსფორმაცია - AOI- დან B- ში გადასვლის ალბათობა
- Sequence score/ფიქსაციის რიგი - რამდენად ადრეა ზონა თანმიმდევრობით.
- Scanpath length/Entropy არის მარშრუტის სიგრძე/ქაოტურობა (დაბალი ენტროპია = მკაფიო იერარქია).
- Coverage/Convex hull - ვიზუალური შემოწმების ფართობი (ზედმეტი შემოვლითი = გადატვირთვა).
- დაბალი TTFF და მაღალი dwell CTA- ზე - კარგად (სწრაფად შეამჩნია, იფიქრა და დაარტყა).
- მაღალი TTFF ნავიგაციისთვის ცუდია (ისინი მენიუს ეძებენ დიდი ხნის განმავლობაში).
- ბევრი დაბრუნება ერთ ბლოკში არის ეჭვი გაურკვევლობის ან სავალდებულო მოქმედების გარეშე.
5) კვლევის გეგმა (შაბლონი)
მიზანი: შეამოწმოს, იპოვნებს თუ არა მომხმარებელი ნავიგაციის მნიშვნელოვან ელემენტებს სწრაფად და პროგნოზირებად.
სეგმენტები: 2-3 (დამწყებთათვის/ექსპერიმენტული; დესკტოპი/მობილური).
ნიმუში: 6-8 სეგმენტზე (თვისობრივად) ან 25-60 (კვაზი რაოდენობრივად).
დავალებები: 5-7 რეალისტური სცენარი კონტროლირებადი სტარტით (იხ. ქვემოთ).
აპარატურა: სტაციონარული ტრეკერი/მობილური ინსტალაცია/ვებ კამერა (იხ. § 7).
AOI: წინასწარ გაითვალისწინეთ ძირითადი ელემენტები (ლოგო/ძებნა/მენიუ/ფილტრები/STA/ბანერი/ბარათი/ცხრილი/ქეშერი).
პროცედურა: კალიბრაცია - ამოცანა - შედეგების დაფიქსირება - მოკლე debrief, მიმდინარე საკითხების გარეშე.
გამოშვება: heatmap, scanpath, AOI მეტრიკის ცხრილი, რეკომენდაციები და A/B ჰიპოთეზები.
სკრიპტის შაბლონი
1. „მოძებნეთ და ჩართეთ ბნელი თემა (ან მიუთითეთ განაკვეთის ზღვარი)“.
2. „გაფილტრეთ X პროვაიდერის კატალოგი და წაშალეთ RTP.“
3. „გახსენით ქეშერი და დააკვირდით დასკვნის შესაძლო მეთოდებს.“
4. „იპოვნეთ ლაივ მოვლენა და დაამატეთ შედეგი ბეტსლიპში.“
5. „მოძებნეთ წესები და პასუხისმგებელი თამაში.“
თითოეული ნაბიჯისთვის ჩაწერეთ TTFF, გადასვლები, წარმატება და შესრულების დრო.
6) AOI მარკირება: საუკეთესო პრემიები
გააკეთეთ ზონები სემანტიკური: „მთავარი მენიუ მთლიანად“, „ძებნა“, „ფილტრები“, „თამაშის ბარათი: გარეკანი“, „CTA: თამაში“, „ბანერი პრომო“, „პურის ნამსხვრევები“.
გაიზიარეთ ინფორმატორები (ეტიკეტები, სტატუსები) და ინტერაქტივები (ღილაკები).
მობილზე გაითვალისწინეთ ფარული პანელები (ბურგერი/ფარდული), როგორც ცალკეული AOI.
ცხრილების/კოეფიციენტებისთვის: ცალკეული AOI სვეტების მიხედვით („ლიგა“, „მსუბუქი ინდიკატორი“, „კოეფი 1X2“, „CTA დამატება“).
ნუ ამოიღებთ პიქსელებს: ეკრანზე 10-15 AOI არის ოპტიმალური ანალიზისთვის.
7) აღჭურვილობა, სიზუსტე და შეზღუდვები
აპარატურის ტრეკერები (სამაგიდო/მობილური რგოლები): მაღალი სიზუსტე, კარგია მკვრივი UI- სთვის (ცხრილი, კოეფიციენტები).
ვებკამერა (remote ET): იაფი/სწრაფი, მაგრამ ხმაურის ზემოთ, უარესი მცირე მიზნებისათვის; შესაფერისია უხეში იერარქიისთვის.
კალიბრაცია - კრიტიკული: 5-9 ქულა; განმეორება გადაადგილების/დაღლილობის დროს.
Think-aloud- ს შეუძლია დამახინჯდეს მზერა ნიმუში - გამოიყენეთ მინიმალურად, უკეთესია, ვიდრე post-task interview.
8) ანალიტიკური დაანგარიშება
1. მონაცემთა ხარისხი: ტრეკინგის სიზუსტე, ზარალის პროცენტი, რეალური ფიქსაცია.
2. პრობლემების კოდექსი: წარმატება, დრო, შეცდომები, სუბიექტური მასშტაბები (SEQ/UMUX-Lite).
3. AOI ცხრილი: TTFF, dwell, revisits, გადასვლები, entropy - სეგმენტებისა და მოწყობილობების მიხედვით.
4. Heatmap + Scanpath: ჩვენ ვეძებთ ზედმეტი წამყვანებს, „ზოლები“, გამოტოვეთ.
5. ჰიპოთეზები და გადაწყვეტილებები: რა უნდა შეიცვალოს/გაფართოვდეს/დაარქვეს/დამალვა; რა მინიშნებები/სკაფოლდინგი.
6. პრიორიტეტიზაცია: Impact × Effort; სწრაფი რედაქტირება - პროტოტიპი და საკონტროლო განმეორებითი ტესტირება.
7. ვალიდიზაცია: A/B საკვანძო მეტრებზე (CTR სანავიგაციო, დავალების დრო, ნაბიჯის კონვერტაცია).
9) ტიპიური აღმოჩენები და როგორ რეაგირებენ მათზე
მაღალი TTFF ძებნა/ფილტრებისთვის, მათ მუდმივად ხილვა, კონტრასტის/ეტიკეტის გაზრდა.
ბანერი ყურადღებას აქცევს პირველადი CTA- ს, ამცირებს ბანერის ვიზუალურ წონას, პოზიციის გაცვლას, დაამატეთ ჩარჩო/წონა CTA შრიფტით.
ბარათებზე გრძელი სკანპატი არის ვიზუალური პრიმიტივების გამარტივება (ნაკლები პლაცდარმი/ეტიკეტი), გადახედვის სტანდარტიზაცია.
სტატუსის/შეცდომების სუსტი გამოვლენა - ფერი/ხატები + ველის სიახლოვე, ARIA-label, მიკროკოპირაიტი.
სანავიგაციო ჩიხები - აშკარა „ბორბლები“, breadcrumbs, ფიქსირებული ქუდი, რომელიც CTA- ს დუბლირებას ახდენს.
10) iGaming/ფინანსური UI: AOI მაგალითები და გადაწყვეტილებები
კაშერი: დეპოზიტის/დასკვნის ჩანართები, მეთოდები, ლიმიტები, საკომისიო, ETA - ჩვენ ვამოწმებთ TTFF- ს და დადასტურების გზას.
Betslip: შედეგის დამატება, თანხის შეცვლა, კოეფიციენტების მინიშნება, რისკის ვარგისიანობა და თვალის მიკროტალღების მინიმუმამდე შემცირება.
მსუბუქი ბაზრები/კოეფიციენტების ცხრილი: კოეფიციენტების სვეტის პრიორიტეტი, წებოვანი ქუდი, ცვლილებების განათება.
სლოტის ლობი: პროვაიდერის ბარათი, ბეიჯი (ჯეკპოტი/ფრისპინი), მექანიკური ფილტრები და თავიდან ავიცილოთ ვიზუალური ხმაური ისე, რომ CTA „თამაში“ არ დაიკარგოს.
პასუხისმგებელი თამაში: მაღალი ყურადღების ზონაში ლიმიტების განთავსება, ბურგერისთვის დამალვა.
11) ანგარიშის შაბლონი (კოპირება ვიკში)
კონტექსტი: პროდუქტი/ვერსია/მოწყობილობა
დავალებები: სია, წარმატების კრიტერიუმები
სეგმენტები: N თითოეული
AOI: სქემა/სია
ძირითადი მეტრიკა: TTFF/dwell/revisits/გადასვლები
აღმოჩენები (ტოპ 5): მოკლედ + ვიზუალური (heatmap/scanpath)
რეკომენდაციები: რანგირებული (Impact × Effort)
ექსპერიმენტები: A/B გეგმა, მოსალოდნელი ეფექტი, ვადა
რისკები/კომენტარები: მონაცემთა შეზღუდვები/განზოგადება
12) ჩეკის სია გაშვებამდე
ჩამოყალიბებულია კვლევის მიზნები/კითხვები
- დავალებები რეალისტური და ატომურია (60 წამიანი დავალება)
- AOI აღინიშნება, ლეგენდა შეთანხმებულია
- კალიბრაცია შემოწმებულია, განმეორება გადაადგილების დროს
- კონტრდაზვერვის პარამეტრები (A/B ბრძანება)
- თანხმობის შეგროვება და კონფიდენციალურობის პოლიტიკა მზად არის
- ცხრილის ანალიზის გეგმა/შაბლონები
- UX საკონტროლო მეტრიკა (წარმატება, დრო, SEQ) დაკავშირებულია
13) ანტიპატერნები და ინტერპრეტაციის ხაფანგები
განიხილეთ „მეტი ფიქსაცია = უკეთესი“. ზოგჯერ ეს დაბნეულობაა.
გამოიტანეთ დასკვნები მხოლოდ heatmap- ით თანმიმდევრობის გარეშე.
აურიეთ სხვადასხვა ეკრანები/რეზოლუციები ერთ heatmap- ში.
დავალების შინაარსისა და კონტექსტის უგულებელყოფა (ბანერი შეიძლება შესაფერისი იყოს).
დასკვნების გადატანა ყველა მომხმარებელზე სეგმენტის/მოწყობილობის გარეშე.
გამოიტანეთ ხმამაღალი დასკვნები 5 მონაწილეზე, როგორც რაოდენობრივი გამოკვლევა.
14) ეთიკა და კონფიდენციალურობა
ინფორმირებული თანხმობა: მიზნები, ჩაწერა, შენახვა, ანონიმიზაცია.
მინიმუმამდე დაიყვანეთ PII, შეინახეთ ნედლეული მონაცემები შეზღუდულად, გამოიყენეთ ID.
მგრძნობიარე სცენარებისთვის (ფინანსები/თამაშები) - რბილი ფორმულირებები, კითხვის გამოტოვების შესაძლებლობა, უსაფრთხო დემო მონაცემები.
15) სწრაფი დაწყება (ერთი პაგერი)
1. აღწერეთ 3-5 ძირითადი სანავიგაციო ამოცანა.
2. დაანგარიშეთ 10-15 AOI სამიზნე ეკრანებზე.
3. ჩაატარეთ 8-10 სესია (10-12 წუთი): კალიბრაცია - დავალება - მოკლე debrief.
4. შეამცირეთ AOI ცხრილი (TTFF, dwell, გადასვლები, entropy) სეგმენტების/მოწყობილობების მიხედვით.
5. ჩამოაყალიბეთ Top-5 აღმოჩენა და 3-5 A/B ჰიპოთეზა (პოზიცია, ზომები, საავტორო უფლებები, ხილვადობა).
6. SBM სწრაფი რედაქტირება - საკონტროლო itrecing იმავე დავალებებზე.