خرائط الحرارة وتحليلات النقر

1) سبب الحاجة إلى خرائط الحرارة

تتخيل خرائط الحرارة السلوك: حيث ينقر المستخدمون، وكيف يحركون المؤشر ويقومون بالتمرير. هذه طريقة سريعة لاكتشاف صراع التسلسل الهرمي، والمناطق «القابلة للنقر» الكاذبة، ولافتات التسخين الزائد، والكتل «الميتة» والأعناق الضيقة للمسار إلى الإجراء المستهدف (التسجيل، الإيداع، إطلاق اللعبة، المشاركة في البطولة).

التأثير الرئيسي: تخمين أقل - المزيد من الحقائق. يتم اتخاذ القرارات بشأن وضع اللهجات على أساس التفاعلات الحقيقية.

2) أنواع خرائط الحرارة

1. انقر فوق Heatmap - انقر فوق الكثافة: يوضح المناطق التي تسترعي الانتباه، حيث تنقر على العناصر غير التفاعلية.
2. Move Heatmap - مسارات المؤشر: مقياس انتباه الوكيل على سطح المكتب.
3. تمرير Heatmap - تمرير العمق و «خط التجعد»: نسبة المستخدمين الذين وصلوا إلى كل جزء من الصفحة.

4. الانتباه/قصاصات الورق - خريطة الشدة + المصدر/الجهاز/انهيار الحالة A/B

5. نقرات الغضب - سلسلة من النقرات السريعة في مرحلة ما: مؤشر الإحباط.
6. نقرات ميتة - نقرات بدون عواقب (لا انتقال/حدث).
7. نقرات الخطأ - نقرات تفشل (التحقق من الصحة، أعطال الشبكة).

3) حيث تكون بطاقات الحرارة مفيدة بشكل خاص (سيناريوهات iGaming)

الرئيسية/الهبوط: التحقق من «البطل» وتفرد P1-CTA.
فهرس الألعاب: رؤية البحث/المرشحات، النقرات على الشارات، مناطق البطاقات «الزائفة».
صفحة اللعبة: مسابقة «العب الآن» مقابل الأنشطة الثانوية (عرض توضيحي، مفضل).
النقد (الإيداع/السحب): نقرات ميتة على الإكراميات، والتركيز على العمولات/الحدود.
البطولات/العروض الترويجية: نقرات على القواعد والمؤقتات والخطوط المجدولة والجوائز.
اللعبة المسؤولة: تحقيق الحدود ومعدل الفشل.

4) المقاييس ومؤشرات الأداء الرئيسية لخرائط الحرارة

مناطق CTR = نقرات المنطقة/انطباعات المنطقة.
تمرير العمق p50/p90 - متوسط العمق وعاليه.
وقت العرض - متوسط وقت رؤية القطاع.
معدل نقر الغضب = جلسات بنقرات ≥3 من 1-2 ثانية في منطقة واحدة/جميع الجلسات.
Dead Click Share = نقرات بدون عواقب/جميع النقرات.
مسافة Mis-Click - متوسط المسافة من منطقة النقر إلى أقرب عنصر تفاعلي (مؤشر إلى «تكلفة خاطئة»).
انقر فوق التحول بعد التغيير - تحول التركيز بعد الإصدار/الخيار ب.
تغطية خط الطي - نسبة اتفاقيات التجارة المركزية الرئيسية التي تقع فوق خط التجعد.

رابط الأعمال: ربط المقاييس مع FMC و TTV و Success Rate وتحويلات شباك التذاكر.

5) إعداد البيانات وجمعها: الممارسة

التجزئة حسب الجهاز: سطح المكتب/الهاتف المحمول بشكل منفصل (لا تنطبق حركات المؤشر على الهاتف المحمول).
شرائح المصدر: عضوي، مدفوع، إحالة، «VIP/new».
السيناريوهات/الصفحات: الرئيسية، الكتالوج، اللعبة، شباك التذاكر، العروض الترويجية.
أخذ العينات: 10-30٪ من حركة المرور كافية لصورة مستقرة، وأكثر لسيناريوهات نادرة.
Фрейм событий (طبقة البيانات): фиксируйте 'click _ target'،' component _ id '،' is _ interactive '،' click _ etudent '(نجاح/فشل/لا شيء)،' ui _ state '(تحوم/تركيز/معطل)،' متغير '(A/B)،' جزء '(جديد/عائد/V).
روبوتات الحجب: مرشحات المستخدم والعامل + الاستدلال السلوكي (التمرير فائق السرعة، الأنماط غير الإنسانية).
توليد المنطقة: بناءً على محددات دلالية ("data-heatmap =" hero-cta ") - أكثر استقرارًا من فئات CSS.
حالات الرؤية: ضع في اعتبارك الأغطية اللزجة/CTAs العائمة (بخلاف ذلك التشوهات).

6) الخصوصية والامتثال

نحن لا نسجل البيانات الشخصية (القيم والخرائط والوثائق المدخلة).
نخفي الحقول والمحادثات والمحافظ.
خيارات الاشتراك/إلغاء الاشتراك في البسكويت والتتبع ؛ احترام DNT والقواعد المحلية.
إخفاء هوية IP/ID وتقييد تخزين الجلسات.
سجلات الوصول: من يشاهد تسجيلات الجلسة ولماذا.

7) التفسير: كيف لا ترتكب خطأ

انقر ≠ الاهتمام. يمكن أن يكون النقر نتيجة للارتباك (ميت/غضب) - تحقق من النتيجة.
المنطقة الساخنة من اللافتة ليست دائمًا جيدة: ربما «تأكل» انتباه P1.
الكتل الباردة ليست بالضرورة سيئة: ربما يكون هذا مرجعًا/محتوى SEO P4.
قارن قبل/بعد و A/B، وليس خرائط الحرارة المطلقة.
انظر المسار: أين النقرة الأولى، مدى سرعة وصولهم إلى P1 (من الوقت إلى P1).

8) تشخيص المشاكل الشائعة

معدل النقر عالي الغضب على بطاقة اللعبة → في انتظار نقرة على المنطقة التي لا تتم فيها معالجة النقرة → وتوسيع منطقة الضرب، أو جعل البطاقة بأكملها قابلة للنقر أو منفصلة بصريًا عن المناطق غير التفاعلية.
نقرات ميتة على الأيقونات/الشارات → إضافة حركة أو إزالة أسلوب «النقر».
قم بتمرير Depth Dip إلى CTA → تحريك CTA لأعلى، وإضافة كتلة مرساة/لزجة.
تحويل النقرات إلى اللافتات → تقليل الوزن البصري، والحد من الرسوم المتحركة، وتوضيح الأولويات.
منخفض CTR للمرشحات مع نقرات عالية عند البحث → تغيير ترتيب/سطوع المرشحات، إعطاء إعدادات مسبقة سريعة.

9) التكامل مع A/B والقمع

• «إذا قمت بزيادة مساحة ضرب البطاقة من 160 × 200 إلى البطاقة الكاملة وإضافة تكلفة مرئية، فستنخفض Dead Click Share بنسبة 30٪، وسيزداد FMC في إطلاق اللعبة بنسبة 8-12٪.»
• لكل فرضية، اربط مقاييس UX المستهدفة (Rage/Dead/Scroll) ومقاييس الأعمال (FMC، TTV، تحويل الودائع).
• قم بتشغيل A/B مع خريطة حرارة إلزامية على كلا الفرعين: معدل النقر فوق التحول والانتباه «التسريبات».

10) لوحة القيادة UX Team

• نظرة عامة على خريطة الحرارة: أفضل الشاشات، تستمر 7/28 يومًا، مقسمة حسب الجهاز.
• الانتباه مقابل النتيجة: مناطق النقر العالي والنتائج المنخفضة.
• Rage/Dead Trend: Dynamics by Page Type.
• تمرير قمع العمق: أسهم Key Block Achievement.
• انقر فوق التحول بعد الإصدار: قبل/بعد المقارنة عبر المناطق الرئيسية.
• VIP vs New Users: اختلافات في نمط الانتباه.

11) التفاصيل الفنية (توصيات التنفيذ)

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

• 'ui _ click: {zone, component_id, is_interactive, contribution, variant, device, page, ts}'
• ارتبط بالتحليلات: اجتياز 'الجلسة _ id '/' المستخدم _ bucket' من منصة A/B (بدون PII).
• استقرار المنطقة: لا ترث ملصقات خريطة الحرارة في عقد الأطفال حتى لا «تطمس» النقرات.

12) قائمة مراجعة البطاقات الحرارية

1. هل تحتوي الشاشات الرئيسية على P1 واحد فوق خط التجعد ؟

2. معدل نقرة الغضب <عتبة الهدف (على سبيل المثال 1. 5%)?

3. مشاركة Dead Clicks على البطاقات

4. تمرير العمق p50 يصل إلى كتلة مع العرض/CTA ؟

5. هل هناك مصفوفة نتائج النقر (انقر → انطلق/حدث/خطأ/لا شيء) ؟

6. هل فكرت في الاختلافات بين مصادر الهاتف المحمول/سطح المكتب وحركة المرور ؟

7. هل جميع الحقول والمناطق الحساسة مقنعة ؟

8. بنيت «قبل/بعد» للإصدارات الأخيرة و A/B ؟

9. P1 تم اختبار CTR المستبق للافتات الساخنة ؟

10. هل تُصاغ الإجراءات التصحيحية وتُتخذ مع P1-P3 ذات الأولوية ؟

13) الأنماط المضادة

صنف صفحة على خريطة حرارة واحدة بدون سياق تحويل.
امزج بيانات الهاتف المحمول وسطح المكتب.
استخلص استنتاجات حول أقل من 200 جلسة على شاشات معقدة.
تجاهل الموت/الغضب، انظر فقط إلى الخريطة «الجميلة».
تراكب خريطة الحرارة فوق DOM القديمة (بعد إعادة التصميم، هاجرت المحددات).

14) تحديد الأولويات وتصميم المهام

• المشكلة: «High Dead Click Share (18٪) على شارات بطاقة اللعبة».
• العقل (فرضية): "الشارة منمنمة كزر ؛ لا عمل"
• الحل: «اجعل الشارات غير تفاعلية بصريًا أو اربط «الفلتر بالملصق» action.»
• التأثير المتوقع: «− 50٪ نقرات ميتة، + 5٪ FMC في إطلاق اللعبة».
• معايير القبول: عتبات المقاييس المقاسة في لوحة القيادة.

15) أسئلة متكررة

هل أحتاج دائمًا إلى تشغيل بطاقات الحرارة ؟ - نعم على المسارات الرئيسية ؛ في الخدمة - عن طريق العينة.
هل يمكن الوثوق ببطاقات النقل ؟ - فقط كإشارة غير مباشرة (سطح المكتب فقط).
ما هو الأهم: النقرات أم التمرير ؟ - يعتمد على الشاشة ؛ للهبوط، خط الانحناء مهم، للنقد - انقر فوق النتائج.

16) TL ؛ د

خرائط الحرارة هي أشعة سينية بصرية سريعة للواجهة. انظر ليس فقط «حيث يكون الجو حارًا»، ولكن أيضًا كيف ينتهي: ميت/غضب/أخطاء. الجزء، وصلة إلى A/B ومقاييس الأعمال، والتقاط الإجراءات التصحيحية. الشيء الرئيسي هو قلة الضوضاء والمزيد من الإشارات لزيادة التحويلات.