TOP-10 تقنيات بصرية لواجهة البعثة

ثلاثة أشياء مهمة في واجهة المهمة: وضوح الهدف، والشعور بالتقدم، وإيقاع الانتصارات الصغيرة. فيما يلي عشر حيل تزيد من المشاركة/الإنجاز وتقلل الشكاوى دون تحميل الشاشة أكثر من اللازم.

1) سلم التقدم بدلاً من الشريط «اللامتناهي»

ما هو عليه: مقياس T1→T2→Final مجزأ مع عتبات صريحة ونقاط جائزة.

السبب: من الأسهل على الدماغ فهم الخطوات المنفصلة بدلاً من «التقدم المستمر بنسبة 63٪».

كيفية الرسم

3-5 أقسام، وقع كل منها: «T1 100 نقطة»، «T2 300»، «Final 600».

أظهر المكافآت المستلمة مباشرة على علامات القراد (FS/cache/badge icons).

انقر فوق → نافذة منبثقة «ما قدموه/عندما يحترق».

A/B-idea: سلم مع أيقونات مقابل مقياس جاف. الانتظار: + 3-5 مساءً حتى الانتهاء T1.

2) «كم بقي» في وحدات مفهومة

ما هو: بجانب التقدم نظهر ما يعادل الجهد: نقاط → جولات → دقائق.

الصيغة تحت غطاء المحرك (تقريبًا)

"120 نقطة متبقية ≈ 8 جولات من €0. 5 ≈ 6-8 دقائق"

القواعد

المرة الأولى، ثم الجولات والمال.

اقرأ متوسط آخر 10-20 إجراء للمستخدم (مطالبات التكيف).

قم بالتحديث كل 2-3 ثوانٍ، بدون «قفزات».

فكرة A/B: اليسار في النظارات «مقابل» اليسار في دقائق. "الانتظار: − 10-15٪ من المخارج المبكرة.

3) بطاقات الخطوة مع «هدف واحد لكل شاشة»

ما هو: كل خطوة مهمة هي بطاقة منفصلة ذات هدف كبير وزر "كيف يتم احتسابها ؟ ».

تكوين البطاقة

العنوان: «الخطوة 2 من 3».

الهدف: خط 1 («جمع النقاط 300 أو 150 الدوران»).

التقدم: سلم صغير/شريحة» 180/300 «.

زر «؟» → قائمة بالألعاب المضمنة/المستبعدة، والقبعات، والأمثلة.

افعل: خط كبير، تباين هرمي بصري.

لا تفعل: تحميل زائد مع الظروف الصغيرة والعلامات النجمية.

4) أهداف OR: «شوكة» بصرية لثلاثة مسارات

ما هو: بدلاً من النص «أو/أو» - ثلاثة أزرار مسار متساوية (منافسة سريعة مع الحبكة).

القواعد

جميع المسارات الثلاثة مرئية في نفس الوقت ؛ نشطة.

تحت كل زر - mini-ETA: «~ 8-10 دقائق»، «1 مرة × 20»، «100 دورة».

نص صغير

"اختر مسارًا مناسبًا. يمكنك التبديل في أي وقت - سيستمر التقدم"

فكرة A/B: علامات تبويب مقابل بلاط الأزرار. الانتظار: + 4-7 ص participation_net.

5) مناطق المكافأة على لوحة المتصدرين وفي البعثات

ما هو: تقسيم الجدول/الشبكة إلى مناطق (Top-3/4-10/11-50/51 +)، إظهار الحد الأدنى من المكافأة المضمونة لكل منطقة.

المتعلم البصري

لوحات الألوان للمناطق ؛ بالقرب من مركز اللاعب - «2400 نقطة متبقية إلى المنطقة 4-10».

اللوحة «مضمونة: FS × 10» في المنطقة مباشرة، دون «انظر في القواعد».

الفائدة: يزيل «السقف الزجاجي»، ويشكل هدفًا واقعيًا.

6) وحدة Timebox مع «نافذة تنفس»

ما هو: مؤقت بصري للمرحلة النشطة (15-20 دقيقة) + بطاقة «توقف مؤقت بدون عقوبة».

شاشة

وقع مؤقت الحلقة «النافذة 20:00».

في النهاية: الرسوم المتحركة الناعمة + حدد «العودة لاحقًا «/» التمديد »(إذا سمح بذلك).

الرسالة: «التوقف لن يقطع الخط».

التأثير: يرفع الجلسات/DAU ويقلل من التعب.

7) الرسوم المتحركة الدقيقة «تشعل» وتحمل الهياكل العظمية

ما هي هذه: ومضات خفيفة/قصاصات مع تقدم ومكافآت ؛ هياكل عظمية + متلألئة في أماكن بها بيانات.

أدلة بالحركة

المدة 200-350 مللي ثانية، المنحنيات سهولة/سهولة الخروج.

لا تتداخل مع المحتوى الرئيسي، ولكن «تسليط الضوء».

تكرر الهياكل العظمية هندسة البطاقات ؛ لامع 1. 2–1. 6 ثانية.

فكرة A/B: مع الرسوم المتحركة مقابل بدون. انتظر: − 8-12٪ من المخارج المبكرة، + CTR «للاستمرار».

8) تولا السياقية: «كيف تحسب ؟» و «لماذا لا يأتي ؟»

ما هو: «؟» أيقونة بجوار الهدف تفتح دليلًا مصغرًا به صيغ وأمثلة وأخطاء متكررة.

قالب كتلة

«كيف نحسب»: صيغة + 1 مثال.

«الحدود القصوى»: لكل معدل/دقيقة/يوم (أرقام).

«لا تحرز تقدما ؟» 3 أسباب + روابط للألعاب/الأوضاع المستبعدة.

بالإضافة إلى: يقلل بشكل حاد من تذاكر الدعم.

9) الألوان والتباين والأيقونات (WCAG + Dark Theme)

القواعد الأساسية

النص تناقض الحد الأدنى WCAG AA (4. 5:1)، كبير - 3:1.

اللون ≠ الوسيلة الوحيدة للمعنى: إضافة أيقونات/أنماط.

الأيقونات: 2-3 أشكال أساسية (نجمة - مكافآت، هدف - خطوة/مهمة، برق - «شرر»).

الموضوع المظلم: الخلفية # 0F/12، «الشرر» يتوهج بدون RGB السامة.

حقوق النشر الصغيرة

"ستحترق المكافأة في غضون 12 ساعة" - دائمًا بجوار زر "Get'.

10) حالات فارغة، أخطاء، تسميات «حرق»

ما هو: شاشات مدروسة عندما لا تكون هناك بيانات/مهام وعندما تسوء الأمور.

إنه فارغ

الرسم التوضيحي + "اليوم مجاني. هل تريد تجربة قائمة اليوم ؟ "

حدد زر المهمة → (يؤدي إلى الاختيار).

أخطاء

"فشل في تحديث التقدم. نكرر..." + spinner ≤3 sec → "جرب المزيد "/" دردشة. "

يتم عرض حالة «Burn to X» على بطاقة الجائزة وفي قائمة الجوائز.

عناصر بينية إضافية

وصل Cap إلى الشريحة: "200/200 نقطة/ساعة - الحد الأقصى. إعادة تعيين الساعة 00:00"

الشارة «كادت أن تصل»: مؤشر أصفر عندما يشير ≤150 إلى العتبة.

انتقالات اللعبة: «غير اللعبة - سيستمر التقدم» (ضد الطحن).

التوطين: الأرقام ذات المساحات غير المكسورة «€1,000»، تنسيق وقت 24 ساعة، أسماء الأيام حسب الموقع.

النصوص الدقيقة (يمكن إدراجها كما هي)

"120 نقطة متبقية ≈ 8 جولات من €0. 5 (6-8 دقائق)"

"أنت في منطقة 11-50. مضمون: FS × 10. زيادة 4-10 - 2400 نقطة"

"وصل الكاب: 200 نقطة/ساعة. إعادة تعيين الساعة 00:00 (أوروبا/كييف) "

«اختر مسارًا: Fast/Competition/With a plot - يمكنك التغيير في أي وقت».

مقاييس لتجارب واجهة المستخدم

تأثير واجهة المستخدم على القمع: CTR "Start'، participation_net، T1/T2 الانتهاء.

السلوك: الخروج المبكر (≤5 دقيقة)، time-to-T1/T2، مسارات معدل التبديل، المشاهدة «؟» الأدوات.

الجودة: شكاوى/1k، أخطاء تحديث التقدم، زمن الوصول p95.

القيمة: Δ ARPPU (net)، Prize & Bonus/Active، Net Uplift.

الإطار ألف/باء (قصير)

الوحدة: المستخدم ؛ التعيين اللاصق ؛ التقسيم الطبقي (المنصة/الجغرافيا/علم الدافع).

الفرضيات: السلم مقابل الممر ؛ «دقائق» مقابل «نقاط» ؛ مسارات الأزرار مقابل علامات التبويب ؛ مع الرسوم المتحركة «الشرر» مقابل بدون.

CUPED: وقت ما قبل الجلسة متغير ؛ نافذة أسبوع ≥2 مع مراحل D0-D2/D3-D7.

قائمة التحقق من مصمم المهمة

T1→T2→Final السلم مع أيقونات الجوائز.
كتلة «كم بقي» في دقائق/جولات.
بطاقات الخطوات، هدف واحد لكل شاشة.
مسارات أو - ثلاثة أزرار مرئية مع إيتا.
مناطق المكافأة والموت «مضمون».
Timebox timer + نافذة التنفس.
الرسوم المتحركة الدقيقة «شرارة»، هياكل عظمية/لمعان.
«كيف يحسب ؟» + أسباب «لماذا لا تذهب».
تباين/أيقونات/موضوع مظلم ؛ «سوف تحترق من خلال X».
الدول الفارغة والأخطاء الخيرية.

علبة صغيرة (صناعية)

من قبل: شريط التقدم بدون عتبات، نص «بقي 120 نقطة»، واقيات الفم المخفية، لا توجد حالات فارغة دافئة.

بعد: سلالم ذات جوائز، «8 جولات/6-8 دقائق»، أو - مسارات - أزرار، وحدة صندوق زمني، «؟» «تم الوصول إلى الغطاء»، تثير + الهياكل العظمية، مناطق الجوائز.

نتيجة 4 أسابيع مقابل التحكم: participation_net + 6. 4 ص، الانتهاء + 10. 8 ص، الخروج المبكر − 18٪، الشكاوى/1 ك − 31٪، Δ ARPPU (صافي) + €1. 7 جائزة при ومكافأة/ +€0 نشطة. 5.

واجهة المهمة الجيدة هي الانضباط البصري: خطوات بدلاً من «مستنقع النسبة المئوية»، وأدلة جهد محددة، ومكافآت مرئية، وديناميكيات ناعمة. أضف إمكانية الوصول والتولا الواضحة والجداول الزمنية والرسوم المتحركة الأنيقة - وستبدأ المهام في العمل كـ «إيقاع انتصارات صغيرة» بدلاً من سلسلة طويلة ومملة من التقدم.