نقشه های حرارتی و تجزیه و تحلیل کلیک کنید

1) چرا نقشه های گرما مورد نیاز است

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

اثر کلیدی: حدس و گمان کمتر - حقایق بیشتر. تصمیم گیری در مورد قرار دادن لهجه ها بر اساس تعاملات واقعی انجام می شود.

2) انواع نقشه حرارتی

1. روی Heatmap کلیک کنید - تراکم کلیک کنید: نشان می دهد که کدام مناطق توجه می کنند، جایی که آنها روی عناصر غیر تعاملی کلیک می کنند.
2. حرکت Heatmap - مسیرهای مکان نما: متریک توجه پروکسی بر روی دسکتاپ.
3. اسکرول Heatmap - عمق اسکرول و «خط چین»: نسبت کاربرانی که به هر بخش از صفحه رسیده اند.

4. توجه/Confetti - نقشه شدت + منبع/دستگاه/تجزیه مورد A/B

5. کلیک های خشم - مجموعه ای از کلیک های سریع در یک نقطه: شاخص ناامیدی.
6. کلیک های مرده - کلیک بدون عواقب (بدون انتقال/رویداد).
7. Error Clicks - کلیک هایی که شکست می خورند (اعتبار سنجی، شکست شبکه).

3) جایی که کارت های حرارتی به ویژه مفید هستند (سناریوهای iGaming)

اصلی/فرود: بررسی «قهرمان» و منحصر به فرد از P1-CTA.
کاتالوگ بازی ها: نمایش جستجو/فیلترها، کلیک بر روی مدالها، مناطق کارت «دروغین».
صفحه بازی: رقابت «بازی در حال حاضر» در مقابل فعالیت های ثانویه (نسخه ی نمایشی، مورد علاقه ها).
نقدی (سپرده/برداشت): کلیک مرده در راهنمایی, تمرکز بر کمیسیون/محدودیت.
مسابقات/تبلیغات: کلیک بر روی قوانین، تایمر، خطوط جدولی، جوایز.
بازی مسئول: دستیابی به محدودیت ها و میزان شکست.

4) معیارها و KPI ها برای نقشه های گرما

CTR مناطق = کلیک منطقه/برداشت منطقه.
عمق پیمایش p50/p90 - عمق متوسط و زیاد.
Time in View - میانگین زمان مشاهده بخش.
نرخ کلیک خشم = جلسات با ≥3 کلیک 1-2 ثانیه در یک منطقه/تمام جلسات.
Dead Click Share = کلیک بدون عواقب/همه کلیک ها.
فاصله کلیک اشتباه - فاصله متوسط از منطقه کلیک تا نزدیکترین عنصر تعاملی (اشاره گر به «false affordance»).
کلیک کنید تغییر پس از تغییر - تغییر تمرکز پس از انتشار/گزینه B.
Line-of-Fold Coverage - نسبت CTA های کلیدی که در بالای خط چین قرار دارند.

لینک کسب و کار: معیارهای مرتبط با FMC، TTV، میزان موفقیت و تبدیل دفتر جعبه.

5) راه اندازی و جمع آوری داده ها: تمرین

تقسیم بندی توسط دستگاه: دسکتاپ/تلفن همراه به طور جداگانه (حرکات مکان نما به تلفن همراه قابل اجرا نیست).
برش های منبع: ارگانیک، پرداخت شده، ارجاع، «VIP/جدید».
سناریوها/صفحات: اصلی، کاتالوگ، بازی، دفتر جعبه، تبلیغات.
نمونه برداری: 10-30٪ از ترافیک برای یک تصویر پایدار کافی است، بیشتر برای سناریوهای نادر.
Фрейм событий (لایه داده): фиксируйте 'click _ target', 'component _ id', 'is _ interactive', 'click _ outcome' (success/fail/none), 'ui _ state' (hover/focus/disabled), 'variant' (A/B), 'segment' (new/returning/VIP).
مسدود کردن رباتها: فیلترهای عامل کاربر + اکتشافات رفتاری (پیمایش فوق العاده سرعت، الگوهای غیر انسانی).
تولید منطقه: بر اساس انتخابگرهای معنایی ("data-heatmap =" hero-cta ") - پایدارتر از کلاسهای CSS است.
حالت های دید: کلاه های چسبنده/CTA های شناور (در غیر این صورت تحریف) را در نظر بگیرید.

6) حفظ حریم خصوصی و انطباق

ما اطلاعات شخصی (مقادیر وارد شده، نقشه ها، اسناد) را ثبت نمی کنیم.
ما فیلدها، چت ها، کیف پول ها را ماسک می کنیم.
گزینه های opt-in/opt-out برای کوکی ها و ردیابی ؛ احترام به DNT و قوانین محلی.
ناشناس سازی IP/ID و محدودیت ذخیره سازی جلسه.
Access logs: چه کسی ضبط جلسات را تماشا می کند و چرا.

7) تفسیر: چگونه اشتباه نکنیم

≠ علاقه کلیک کنید. کلیک کردن می تواند نتیجه سردرگمی (مرده/خشم) باشد - نتیجه را بررسی کنید.
منطقه داغ بنر همیشه خوب نیست: شاید توجه P1 را «می خورد».
بلوک های سرد لزوما بد نیستند: شاید این محتوای مرجع/SEO P4 باشد.
مقایسه قبل/بعد و A/B، نقشه حرارت مطلق نیست.
مسیر را ببینید: اولین کلیک کجاست، با چه سرعتی به P1 می رسند (زمان به P1).

8) تشخیص مشکلات مشترک

نرخ کلیک بالا خشم بر روی کارت بازی → انتظار برای یک کلیک بر روی منطقه که در آن کلیک پردازش نمی → گسترش ضربه منطقه, کل کارت قابل کلیک و یا بصری جدا مناطق غیر تعاملی.
کلیک های مرده بر روی آیکون ها/مدالها → اضافه کردن عمل و یا حذف سبک «قابل کلیک».
حرکت عمق شیب به CTA → حرکت CTA بالاتر، اضافه کردن بلوک لنگر/چسبنده.
تغییر کلیک به آگهی ها → وزن بصری را کاهش می دهد، انیمیشن ها را محدود می کند و اولویت ها را روشن می کند.
CTR پایین فیلترها با کلیک های بالا در جستجو → تغییر سفارش/روشنایی فیلترها، به ایستگاه از پیش تنظیم سریع.

9) ادغام با A/B و قیف

• «اگر شما افزایش منطقه ضربه از کارت از 160 × 200 به کارت کامل و اضافه کردن affordance بصری، پس از آن مرده کلیک کنید سهم 30٪ کاهش می یابد، و FMC در راه اندازی بازی 8-12٪ افزایش خواهد یافت».
• برای هر فرضیه، معیارهای UX هدف (Rage/Dead/Scroll) و معیارهای کسب و کار (FMC، TTV، تبدیل سپرده) را پیوند دهید.
• اجرای A/B با یک نقشه حرارت اجباری در هر دو شاخه: نرخ کلیک کنید تغییر و توجه «نشت».

10) داشبورد تیم UX

• بررسی اجمالی Heatmap: صفحه نمایش بالا، آخرین 7/28 روز، تقسیم بر دستگاه.
• توجه در مقابل نتیجه: مناطق با کلیک بالا و نتیجه پایین.
• خشم/روند مرده: دینامیک بر اساس نوع صفحه.
• حرکت قیف عمق: کلید بلوک دستاورد سهام.
• روی Shift پس از انتشار کلیک کنید: قبل/بعد از مقایسه در مناطق کلیدی.
• VIP در مقابل کاربران جدید: تفاوت الگوی توجه.

11) جزئیات فنی (توصیه های پیاده سازی)

• 'data-heatmap-zone =' hero-cta '', 'data-heatmap-zone =' game-card '', 'data-heatmap-zone =' cashier-primary ''.

• 'ui _ click: {zone, component_id, is_interactive, result, variant, device, page, ts}'
• ارتباط با تجزیه و تحلیل: عبور 'session _ id '/' user _ bucket' از پلت فرم A/B (بدون PII).
• ثبات منطقه: برچسبهای heatmap را در گرههای کودک به ارث نبرید تا «تاری» کلیک نکنید.

12) چک لیست حسابرسی برای کارت های حرارتی

1. آیا صفحه نمایش های کلیدی یک P1 در بالای خط چین دارند ؟

2. نرخ کلیک خشم <آستانه هدف (به عنوان مثال 1. 5%)?
3. کلیک های مرده سهم بر روی کارت <X% (مجموعه راهرو هدف)?

4. عمق پیمایش p50 با پیشنهاد/CTA به بلوک می رسد ؟

5. آیا ماتریس Click-Outcome وجود دارد (click → go/event/error/nothing) ؟

6. آیا تفاوت بین منابع تلفن همراه/دسکتاپ و ترافیک را در نظر گرفته اید ؟

7. آیا همه زمینه ها و مناطق حساس پوشیده شده اند ؟

8. ساخته شده «قبل/بعد» برای نسخه های اخیر و A/B ؟

9. P1 پیش آزمون CTR برای آگهی های داغ ؟

10. آیا اقدامات اصلاحی با اولویت P1-P3 تدوین و اجرا میشوند ؟

13) ضد الگوهای

یک صفحه را در یک نقشه گرما تنها بدون یک زمینه تبدیل ارزیابی کنید.
داده های تلفن همراه و دسکتاپ را مخلوط کنید.
نتیجه گیری در <200 جلسه در صفحه نمایش پیچیده.
نادیده گرفتن مرده/خشم، فقط به نقشه «زیبا» نگاه کنید.
نقشه گرما را در بالای DOM قدیمی قرار دهید (پس از طراحی مجدد، انتخابگرها مهاجرت کردند).

14) اولویت بندی و طراحی وظایف

• مشکل: «High Dead Click Share (18٪) در مدالهای کارت بازی».
• دلیل (فرضیه): "نشان به عنوان یک دکمه تلطیف ؛ فعالیتی ندارد"
• راه حل: «را مدالها غیر تعاملی بصری و یا اتصال «فیلتر با برچسب» عمل».
• اثر مورد انتظار: «− 50٪ کلیک مرده، + 5٪ FMC در راه اندازی بازی».
• معیارهای پذیرش: آستانه معیارهای اندازه گیری شده در داشبورد.

15) سوالات مکرر

آیا همیشه باید کارت های حرارتی را روشن کنم ؟ - بله در آهنگ های کلیدی ؛ در خدمت - با نمونه.
آیا می توان به انتقال کارت ها اعتماد کرد ؟ - فقط به عنوان یک سیگنال غیر مستقیم (فقط دسکتاپ).
کدام مهمتر است: کلیک یا اسکرول ؟ - بستگی به صفحه نمایش ؛ برای فرود، خط خم شدن مهم است، برای نتایج نقدی کلیک کنید.

16) TL ؛ دکتر متخصص

نقشه های حرارتی یک اشعه ایکس بصری سریع از رابط هستند. ببینید نه تنها «جایی که گرم است»، بلکه همچنین چگونه آن را به پایان می رسد: مرده/خشم/اشتباهات. بخش، پیوند به A/B و معیارهای تجاری، اقدامات اصلاحی را ضبط کنید. نکته اصلی سر و صدای کمتر، سیگنال های بیشتر برای افزایش تبدیل است.