Eye-tracking և UX-նավարկություն

1) Ինչու՞ օգտագործել Eye-tracking-ը

Itrexing-ը ցույց է տալիս, թե ինչպես են օգտագործողները սկանավորում ինտերֆեյսը, որ նկատում են, որ անտեսում են, որտեղ կորցնում են։ Այն ավելացնում է կլինիկական և սկրոլլ մետրիկաները, բացահայտելով ուշադրության ճանապարհը և տեսողական հիերարխիայի համապատասխանությունը օգտագործողի խնդիրներին։

Հիմնական քեյսները

Նավիգացիայի և տեղեկատվական ճարտարապետության ստուգումը (ընտրացանկը, ֆիլտրերը, որոնումը)։

Առաջին էկրանի/above the fold և ակցենտների դասավորությունը։

Քարտերի/աղյուսակների տարբերակների համեմատությունը (F-pattern, Z-pattern, Գութենբերգի դիագրամ)։

Բանային կույր ախտորոշումը, ծանրաբեռնվածությունը և «տեսողական աղմուկը»։

Բարձր ճշգրտությամբ ապրանքներ 'ֆինանսներ, տոկոսադրույքներ, լայվ գծապատկերներ, քեշեր։

2) Ի՞ նչ արտեֆակտներ են տալիս itrexing-ը

Heatmap (ջերմության քարտեզը) 'համախմբված լարման ինտենսիվությունը ոլորտում։

Gaze plot/Scanpath: Ամրագրման հաջորդականությունը (չափված կետերը) և սակկադը (սլաքները)։

AOI-մետրիկները 'ինտերֆեյսի նշված գոտիների ցուցանիշները (կոճակներ, դաշտեր, ընտրացանկեր, դրոշներ, քարտեր, աղյուսակներ)։

Անցումային մատրիցներ. Ինչպե՞ ս են օգտագործողները «նետում» գոտիների միջև (նավիգացիոն սովորություններ)։

Հատվածային հաշվետվություններ 'տարբերություններ դերերի/սարքերի/փորձառությունների մասին։

3) Ուշադրության հիմնական արտոնագրերը

F-pattern (տեքստեր/աղյուսակներ) 'վերին տողը ձախ սյունակը ցածր է։

Z-pattern (lendings): ձախ գագաթը աջ գագաթն է։

Գուտենբերգի դիագրամը 'ուժեղ/թույլ քառակուսիներ, կարդալու բնական ճանապարհ։

Կույր տարածքները 'աջ/ստորին տարածքները խիտ էկրանների վրա, «բանավոր կույր»։

Մրցակցային խարիսխ 'զեղչերի լաց, չափիչ տարրեր, անիմացիոն դրոշներ, «գողանում» են CTA-ի ուշադրությունը։

4) Մետրիկի, որին մենք վիրահատում ենք

Յուրաքանչյուր AOI-ի և էկրանի համար ընդհանուր առմամբ

TTFF (Time to First Fixation) - ժամանակը մինչև առաջին ամրագրումը գոտում։

Fixation count/duration - ամրագրման քանակը/ընդհանուր տևողությունը։

Medell Time-ը ընդհանուր ժամանակ է գոտում (ներառյալ կրկնվող մոտեցումները)։

Revisits-ը AOI-ում վերադարձումների թիվն է (դժվարությունների/կարևորության նշան)։

Sequence score/ամրագրման կարգը, որքանով վաղ գոտին մտնում է հաջորդականության մեջ։

Scanpath length/Entropy - երկարություն/քաոտիկություն (ցածր էնտրոպիա = պարզ հիերարխիա)։

Transports probability - AOI A-ից B.

Coverage/Convex hase-ը տեսողական զանգվածի տարածքն է (ավելցուկ շրջանցումը = գերծանրքաշային)։

Մեկնաբանությունը կարճ է

Ցածր TTFF-ը և բարձր dell CTA-ում, լավ (արագ նկատեցին, մտածեցին և կլանեցին)։

Բարձր TTFF-ը միգրացիայի վրա վատ է (երկար ժամանակ փնտրում էին ընտրացանկը)։

Մեկ բլոկին վերադառնալու շատ բան կա 'անհասկանալի կամ պարտադիր գործողություն առանց նախազգուշացման։

5) Ուսումնասիրության պլանը (ձևանմուշ)

Նպատակը 'ստուգել, թե արդյոք օգտագործողը գտնում է նավիգացիայի հիմնական տարրերը արագ և կանխատեսելի։

Սեգմենտներ ՝ 2-3 (նորեկներ/փորձառություններ; desktop/medile)։

Նմուշը '6-8 սեգմենտում (որակապես) կամ 25-60 (քվասի-քանակական)։

Առաջադրանքներ ՝ 5-7 իրական լուծումներ վերահսկվող մեկնարկի հետ (տե՛ ս ներքևում)։

Սարքավորումը 'ստացիոնար թրեյլեր/բջջային տեղադրում/վեբ տեսախցիկ (տե՛ ս 387)։

AOI 'նախօրոք նշեք հիմնական տարրերը (լոգոն/որոնում/ֆիլտրեր/STA/banner/քարտը/www.ksher)։

Ընթացակարգը հետևյալն է ՝ տրամաչափումը բացատրում է արդյունքների ամրագրումը կարճ debrief առանց խնդիրների։

Ելքը 'heatmap, scanpath, AOI-մետրիկ, առաջարկություններ և A/B վարկածներ։

Բարդ առաջադրանքներ

1. «Գտեք և միացրեք Մութ թեման (կամ սահմանափակում տվեք տոկոսադրույքով)»։

2. «Ֆիլտրեք X պրովայդերի կատալոգը և վերցրեք RTP-ով»։

3. «Բացեք քեշերը և նայեք առկա ելույթի մեթոդներին»։

4. «Գտեք լայվ իրադարձություն և ավելացրեք արդյունքը բետսլիպում»։

5. «Գտնել Կանոնները և պատասխանատու խաղը»։

Յուրաքանչյուր մրցույթի համար մենք արձանագրում ենք TTFF-ը, անցումները, հաջողությունը և կատարման ժամանակը։

6) AOI-ի նշումը 'best pract.ru

Տարածքներ դարձրեք սեմանտիկ ՝ «Հիմնական ընտրացանկը ամբողջությամբ», «Որոնումը», «Ֆիլտրը», «Խաղի քարտը ՝ շապիկ», «CTA 'խաղալ», «Banner promo», «Հացը»։

Կիսեք ինֆորմատորները (պիտակներ, արձաններ) և ինտերակտիվ (կոճակներ)։

Ալթայլում հաշվի առեք թաքնված վահանակները (բուրգեր/փոթորիկ) որպես առանձին AOI։

Աղյուսակների/կոոֆների համար 'առանձին AOI սյուներով («Liga», «Live», «Coff 1X2», «CTA ավելացնել»)։

Մի ջարդեք պիքսելներին '10-15 AOI էկրանի վրա' օպտիմալ վերլուծություն։

7) Սարքավորումներ, ճշգրտություն և սահմանափակումներ

Ապարատային տրակտերներ (սեղանի/բջջային ռիգաներ) 'բարձր ճշգրտություն, լավ UI-ի համար (սեղաններ, գործակիցներ)։

Վեբ տեսախցիկը (remote ET) 'ավելի էժան/արագ, բայց աղմուկից բարձր, ավելի վատ փոքր նպատակների համար։ հարմար է կոպիտ հիերարխիայի համար։

Տրամաբանությունը կրիտիկական է '5-9 կետեր; փոխառություն/հոգնածություն։

Think-aloud-ը կարող է աղավաղել տեսանկյունը 'օգտագործել նվազագույն, ավելի լավ post-task-interview։

8) Վերլուծական pline

1. Տվյալների որակը 'ճեղքման ճշգրտությունը, հաճախորդի տոկոսը, վալիդային ամրագրումը։

2. Առաջադրանքներ 'հաջողություն, ժամանակ, սխալներ, սուբյեկտիվ մասշտաբներ (SEQ/UMUX-Lite)։

3. AOI-2019: TTFF, Dell, revisits, անցումներ, entropy - հատվածներով և սարքերով։

4. Heatmap + Scanpath: Մենք փնտրում ենք ուշադրության ավելցուկ խարիսխներ, «Scanpath», բաց թողեք։

5. Հիպոթեզներ և լուծումներ 'ինչ վերափոխել/փոխակերպել/թաքցնել։ ինչ հուշումներ/սկեֆոլդինգ։

6. Գերակայություն ՝ Impact no Effect; արագ ճշգրտումներ են կատարվում նախատիպը ստուգման կրկնվող փորձարկում։

7. Վալիդիզացիա ՝ A/B հիմնական մետրերի վրա (CTR նավարկության, առաջադրանքի ժամանակը, շարժիչի փոխակերպումը)։

9) Բնորոշ գտածոներ և ինչպես արձագանքել դրանց

Բարձր TTFF-ը որոնման/ֆիլտրերի վրա պատրաստվում է դրանք անընդհատ տեսանելի դարձնել, բարձրացնել հակադրությունը/պիտակը։

Բանկերը ձգում է ուշադրությունը առաջնային CTA-ից 'նվազեցնելով բաների տեսողական քաշը, փոխանակել դիրքերը, ավելացնել CTA տառատեսակի շրջանակը/քաշը։

Երկար scanpath քարտերով պլանավորվում է պարզեցնել տեսողական պրիմիտիվները (ավելի քիչ շերտեր/պիտակներ), ստանդարտացնել գերազանցությունը։

Կարգավիճակների/սխալների թույլ հայտնաբերումը բացատրում է գույնը/իկոնիկան + մոտ դաշտին, ARIA-label-ին, միկրոկոպիրատինգին։

Նավիգացիոն փակագծերը արտահայտվում են ակնհայտ «բարձրացումներ», breadcrum.ru, ֆիքսված գլխարկ, որը կրկնօրինակում է CTA-ն։

10) iGaming/ֆինանսական UI-ի համար 'AOI-ի և որոշումների օրինակներ։

Քեշեր ՝ «Դեպոզիտ/եզրակացություն» ներդրումներ, մեթոդներ, լիմիտներ, կոդեր, ETA-ներ, ստուգում ենք TTFF-ը և «Հաստատել» ճանապարհը։

Բեթսլիպ 'ավելացնելով արդյունքը, գումարի փոփոխությունը, գործակիցների, ռիսկի-բարբարոսների առաջարկությունները նվազագույնի են հասցնում տեսակետի փոխակերպումը։

Live-markets/coff-աղյուսակները 'գործակիցների սյունակի գերակայությունը, կիտրոնի գլխարկը, փոփոխության լուսավորությունը։

Լոբբիի արցունքները 'պրովայդերի քարտը, բեյջը (ջեքսպոտ/ֆրիսպին), մեխանիկական ֆիլտրերը, խուսափում ենք տեսողական աղմուկից, որպեսզի CTA-ն չկորցնի։

Պատասխանատու խաղը 'սահմանների տեղադրումը բարձր ուշադրության գոտում, մի թաքցրեք բուրգերի համար։

11) Զեկույցի ձևանմուշը (պատճենել wiki)

Համատեքստ ՝ ապրանք/տարբերակ/սարք

Առաջադրանքներ ՝ ցուցակ, հաջողության չափանիշներ

Սեգմենտներ ՝ N բոլորի համար

AOI 'սխեմա/2019

Հիմնական մետրերը ՝ www.TTFF/www.elll/revisits/անցումներ

Գտածոները (Top-5) ՝ հակիրճ + տեսողական (heatmap/scanpath)

Առաջարկություններ ՝ վիրավորված (Impact no Effect)

Փորձարկումներ ՝ A/B պլան, որը ակնկալվում է էֆեկտին, ժամանակը

Ռիսկեր/մեկնաբանություններ ՝ տվյալների սահմանափակումներ/ընդհանրացում

12) Չեկ թուղթը գործարկելուց առաջ

• Ուսումնասիրության նպատակները/հարցերը ձևակերպված են
• Առաջադրանքները իրատեսական են և ատոմային (3660 վայրկյան/խնդիր)
• AOI-ը նշված է, լեգենդը համաձայնեցված է
• Կալիբրալիկան ստուգված է, երբ շարժվում է
• Ինտերֆեյսի տարբերակները անհավասարակշիռ են (A/B կարգ)
• Համաձայնությունների հավաքումը և գաղտնիության քաղաքականությունը պատրաստ են
• Աղյուսակների վերլուծության/ձևանմուշների պլանը պատրաստված է
• UX (հաջողությունը, ժամանակը, SEQ) հաշվարկները միացված են

13) Հակապատերենը և մեկնաբանության թակարդները

Հաշվել «ավելի շատ ամրագրումներ = ավելի լավ»։ Երբեմն դա խառնաշփոթ է։

Եզրակացություններ անել միայն heatmap առանց հաջորդականության (scanpath)։

Խառնեք տարբեր էկրաններ/լուծումներ մեկ heatmap-ում։

Անտեսել առաջադրանքի բովանդակությունը և կոնտեքստը (դրոշը կարող է տեղին լինել)։

Եզրակացություններ տանել բոլոր օգտագործողների վրա առանց սեգմենտացման/սարքի։

Բարձրաձայն եզրակացություններ անել հինգ մասնակիցների վրա որպես քանակական ուսումնասիրություն։

14) Էթիկան և սեփականաշնորհումը

Տեղեկացված համաձայնություն 'նպատակներ, գրառում, պահպանում, անանունացում։

Նվազագույնի հասցրեք PII-ը, պահեք հում տվյալները սահմանափակ, օգտագործեք ID-ը։

Զգայուն հաշվարկների համար (ֆինանսներ/խաղեր) փափուկ ձևակերպումներ են, հարցը բաց թողնելու հնարավորությունը, անվտանգ դեմո տվյալները։

15) Արագ սկիզբը (one-pager)

1. Նշեք նավիգացիայի երեք-հինգ հիմնական խնդիրները։

2. Նշեք 10-15 AOI-ը ռուսական էկրանների վրա։

3. Անցկացրեք 8-10 նստաշրջան (10-12 րոպե) 'բարդ խնդրի տրամաչափումը կարճ debrief է։

4. Խառնեք AOI-աղյուսակը (TTFF, dell, անցում, entropy) հատվածներով/սարքերով։

5. Ձևացրեք Top-5 գտածո և 3-5 A/B վարկածներ (դիրքեր, չափեր, կոպիրայթ, տեսանելիություն)։

6. Արագ ճշգրտումները բացատրվում են նույն առաջադրանքների վրա վերահսկվող itrexing-ով։