ردیابی چشم و ناوبری UX

1) چرا استفاده از ردیابی چشم

ردیابی چشم دقیقا نشان می دهد که چگونه کاربران رابط را اسکن می کنند: چه چیزی متوجه می شوند، چه چیزی آنها را نادیده می گیرند، جایی که آنها از دست داده اند. این معیارهای کلیک و پیمایش را تکمیل می کند، مسیر توجه و مطابقت سلسله مراتب بصری را با وظایف کاربر نشان می دهد.

• ناوبری و معماری اطلاعات (منوها، فیلترها، جستجو) را بررسی کنید.
• اعتبار سنجی از صفحه اول/بالای برابر و لهجه.
• مقایسه گزینه های کارت/دایرکتوری/جدول (الگوی F، الگوی Z، نمودار گوتنبرگ).
• تشخیص نابینایی بنر، اضافه بار و «سر و صدای بصری».
• محصولات با شرط بندی بالا در دقت: امور مالی، شرط، بازار زندگی می کنند، صندوقدار.

2) ردیابی چشم چه مصنوعات می دهد

نقشه حرارتی: شدت تثبیت شده توسط منطقه جمع شده است.
طرح نگاه/Scanpath: دنباله ای از تثبیت (نقاط شماره) و saccade (فلش).
معیارهای AOI: شاخص هایی برای مناطق رابط مشخص شده (دکمه ها، زمینه ها، منوها، آگهی ها، کارت ها، جداول).
ماتریس های انتقال: چگونه کاربران «پرش» بین مناطق (عادات ناوبری).
گزارش های بخش: تفاوت در توجه به نقش/دستگاه/تجربه.

3) الگوهای توجه اساسی

الگوی F (متون/جداول): ردیف بالا → ستون چپ → افقی زیر.
الگوی Z: بالا سمت چپ → بالا سمت راست → مورب → پایین سمت راست.
نمودار گوتنبرگ: ربع قوی/ضعیف، مسیر خواندن طبیعی.
نقاط کور: مناطق راست/پایین بر روی صفحه نمایش متراکم، «کوری بنر».
مجریان رقیب: تخفیف می میرد، عناصر سوسو زدن، آگهی های متحرک - «سرقت» توجه از CTA.

4) معیارهایی که ما کار می کنیم

• TTFF (زمان اولین تثبیت) - زمان تا اولین تثبیت در منطقه.
• تعداد ثابت/مدت زمان - تعداد/مدت زمان کل ثابت.
• زمان توقف - زمان کل در منطقه (از جمله تماس های مجدد).
• Revisits - تعداد بازده در AOI (نشانه دشواری/اهمیت).
• احتمال انتقال - احتمال انتقال از AOI A به B.
• Sequence score/order of fixations - چقدر زود منطقه به دنباله می افتد.
• طول مسیر اسکن/آنتروپی - طول مسیر/تصادفی (آنتروپی کم = سلسله مراتب روشن).
• پوشش/محدب بدنه - منطقه بازرسی بصری (بای پس بیش از حد = اضافه بار).

• TTFF پایین و اقامت بالا در CTA - خوب (به سرعت متوجه، فکر و کلیک).
• TTFF بالا برای ناوبری - بد (برای مدت زمان طولانی برای منو جستجو شد).
• بسیاری از آنها به یک بلوک باز می گردند - سوء ظن ابهام یا یک اقدام اجباری بدون دستورالعمل.

5) طرح مطالعه (قالب)

هدف این است که آزمایش کنید که آیا کاربر آیتم های ناوبری کلیدی را به سرعت و قابل پیش بینی پیدا می کند.
بخش ها: 2-3 (مبتدیان/با تجربه ؛ دسکتاپ/موبایل).
نمونه: 6-8 در هر بخش (کیفی) یا 25-60 (شبه کمی).
اهداف: 5-7 سناریو واقع بینانه با شروع کنترل شده (پایین را ببینید).
تجهیزات: ردیاب ثابت/نصب تلفن همراه/وب کم (نگاه کنید به § 7).
AOI: عناصر کلیدی قبل از علامت گذاری (لوگو/جستجو/منو/فیلتر/CTA/بنر/کارت/جدول/کش).
روش: کالیبراسیون → وظیفه → نتایج ضبط → گزارش کوتاه بدون سوالات پیشرو.
بازده: نقشه حرارتی، مسیر اسکن، جدول معیارهای AOI، توصیه ها و فرضیه های A/B.

قالب دستنوشتۀ تکلیف

1. «پیدا کردن و روشن کردن تم تاریک (یا تعیین محدودیت نرخ)».
2. «Filter the directory by provider X and sort by RTP» را انتخاب کنید.
3. «کش را باز کنید و به روشهای خروجی موجود نگاه کنید».
4. «رویداد زنده را پیدا کنید و نتیجه را به betslip اضافه کنید».
5. «پیدا کردن قوانین و صفحه بازی مسئول».
برای هر مرحله، TTFF، انتقال، موفقیت و زمان اجرا را برطرف می کنیم.

6) مارک AOI: بهترین شیوه ها

مناطق را معنایی کنید: «منوی اصلی کامل»، «جستجو»، «فیلترها»، «کارت بازی: پوشش»، «CTA: بازی»، «بنر تبلیغاتی»، «خرده نان».
اطلاع دهنده های جداگانه (برچسب ها، وضعیت ها) و تعاملی (دکمه ها).
در تلفن همراه، پانل های پنهان (برگر/پرده) را به عنوان AOI های جداگانه در نظر بگیرید.
برای جداول/عوامل: جدا AOI ستون («لیگ», «شاخص زنده», «عامل» 1X2, «اضافه کردن CTA»).
به پیکسل ها خرد نشوید: 10-15 AOI در هر صفحه برای تجزیه و تحلیل بهینه است.

7) تجهیزات، دقت و محدودیت ها

ردیاب های سخت افزاری (سکوهای دسک تاپ/موبایل): دقت بالا، مناسب برای UI متراکم (جداول، ضرایب).
وب کم (ET از راه دور): ارزان تر/سریع تر اما سر و صدای بالاتر، بدتر برای اهداف کوچک ؛ مناسب برای یک سلسله مراتب خشن.
کالیبراسیون - بحرانی: 5-9 امتیاز ؛ تکرار در افست/خستگی.
فکر کردن با صدای بلند می تواند الگوی نگاه را تحریف کند - از مصاحبه حداقل و بهتر بعد از کار استفاده کنید.

8) خط لوله تحلیلی

1. کیفیت داده ها: دقت ردیابی، درصد از دست دادن، تثبیت معتبر.
2. خلاصه ای از وظایف: موفقیت، زمان، خطاها، مقیاس های ذهنی (SEQ/UMUX-Lite).
3. جدول AOI: TTFF، ساکن، بازبینی، انتقال، آنتروپی - توسط بخش و دستگاه.
4. Heatmap + Scanpath: ما به دنبال لنگرهای اضافی توجه، «چسبنده»، حذفیات.
5. فرضیه ها و راه حل ها: چه چیزی برای تنظیم مجدد/بزرگنمایی/تغییر نام/پنهان کردن ؛ چه سرنخ/داربست.
6. اولویت بندی: تاثیر × تلاش ویرایش سریع → نمونه اولیه → تست مجدد معیار.
7. اعتبار سنجی: A/B در معیارهای کلیدی (CTR ناوبری، زمان کار، تبدیل مرحله).

9) یافته های معمول و نحوه واکنش به آنها

TTFF بالا در جستجو/فیلترها → آنها را به طور مداوم قابل مشاهده، افزایش کنتراست/برچسب.
بنر جلب توجه از CTA اولیه → کاهش وزن بصری از بنر، موقعیت تبادل، اضافه کردن یک قاب/CTA وزن فونت.
Scanpath طولانی در کارت → ساده اولیه بصری (قالب/برچسب کمتر)، استاندارد پیش نمایش.
وضعیت ضعیف/تشخیص خطا → رنگ/آیکون + نزدیکی به زمینه، ARIA-برچسب، میکرو copywriting.
ناوبری به پایان می رسد → صریح «بازده»، breadcrumbs، کلاه ثابت، تکرار CTA.

10) برای iGaming/رابط کاربری مالی: نمونه هایی از AOI ها و راه حل ها

وجه نقد: برگههای «واریز/برداشت»، روشها، محدودیتها، کمیسیونها، ETA → بررسی TTFF و مسیر «تأیید».
Betslip: اضافه کردن یک نتیجه، تغییر مقدار، نکات ضریب، هشدارهای خطر → به حداقل رساندن حرکات میکرو نگاه.
بازارهای زنده/جداول عامل: اولویت ستون ضریب، کلاه چسبنده، تغییر برجسته.
لابی اسلات: کارت ارائه دهنده، مدالها (جکپات/freespins)، فیلترهای مکانیکی → اجتناب از سر و صدای بصری به طوری که CTA «بازی» از دست داده است.
بازی مسئول: قرار دادن محدودیت در منطقه توجه بالا، پشت همبرگر پنهان نیست.

11) قالب گزارش (کپی به ویکی)

زمینه محصول/نسخه/دستگاه

وظایف: لیست، معیارهای موفقیت

بخش ها: N برای هر

AOI: نمودار/لیست

معیارهای کلیدی: TTFF جدول/ساکن/بازبینی/انتقال

می یابد (بالا-5): مختصر + بصری (heatmap/scanpath)

تاثیر × تلاش توصیه

آزمایش: طرح A/B، اثر مورد انتظار، مدت

خطرات/نظرات: محدودیت های داده/تعمیم پذیری

12) چک لیست قبل از راه اندازی

• اهداف مطالعه/سوالات فرموله
• وظایف واقع بینانه و اتمی (≤60 ثانیه/کار)
• AOI مشخص شده، افسانه موافقت کرد
• کالیبراسیون، تکرار در افست
• گزینه های رابط متعادل هستند (سفارش A/B)
• جمع آوری رضایت و سیاست حفظ حریم خصوصی آماده است
• طرح تجزیه و تحلیل/قالب جدول تهیه شده است
• معیارهای کنترل UX (موفقیت، زمان، SEQ) متصل هستند

13) Antipatterns و تله تفسیر

در نظر بگیرید "تثبیت بیشتر = بهتر است. "گاهی اوقات سردرگمی است.
نتیجه گیری تنها با نقشه حرارتی بدون دنباله (scanpath).
مخلوط صفحه نمایش/قطعنامه های مختلف را به یک نقشه حرارتی.
محتوا و زمینه کار را نادیده بگیرید (بنر ممکن است مناسب باشد).
انتقال خروجی به تمام کاربران بدون تقسیم بندی/دستگاه.
نتیجه گیری با صدای بلند در مورد شرکت کنندگان 5 به عنوان یک مطالعه کمی.

14) اخلاق و حریم خصوصی

رضایت آگاهانه: اهداف، ضبط، ذخیره سازی، ناشناس سازی.
PII را به حداقل برسانید، داده های خام را به میزان محدود ذخیره کنید، از ID استفاده کنید.
برای حالات حساس (امور مالی/بازی ها) - جمله بندی نرم، توانایی به جست و خیز یک سوال، امن داده های نسخه ی نمایشی.

15) شروع سریع (یک پیجر)

1. توصیف 3-5 وظایف ناوبری کلیدی.
2. علامت گذاری 10-15 AOI در صفحه نمایش هدف.
3. انجام 8-10 جلسه (هر 10-12 دقیقه): کالیبراسیون → وظیفه → یک گزارش کوتاه.
4. جدول AOI (TTFF، ساکن، انتقال، آنتروپی) را با بخش/دستگاه خلاصه کنید.
5. تولید یافته های Top-5 و 3-5 A/B فرضیه (موقعیت، ابعاد، کپی رایت، دید).
6. اجرای ویرایشهای سریع → تست ردیابی چشم در وظایف مشابه.