کارت های رهبری و ماموریت UI: بهترین شیوه ها
1) چرا همه چیز: اهداف UI
رهبران: بلافاصله توضیح دهید که «چه کسی است که در آن» و چرا به بازی بعدی; نشان دادن نزدیکترین هدف (+ N نقطه قبل از ap).
کارتهای ماموریت: قوانین طولانی را به مدت ۱۰ تا ۳۰ دقیقه به یک «واحد عمل» قابل فهم تبدیل کنید.
2) سلسله مراتب اطلاعات رهبری
حداقل مجموعه ستونها:1. محل (#) با عرض پایدار و تعداد زیادی.
2. پلیر (نماد/قاب/عنوان، نام مستعار کوتاه) - قابل کلیک → مشخصات.
3. امتیاز/امتیاز متریک (SP/MMR/نقاط رویداد) - تراز به سمت راست.
4. منطقه جایزه/رتبه (محدوده نماد/جایزه نادر).
5. زمان/مرحله (زنده/مقدماتی/نهایی)، تایمر پایان.
الگوها:- خط خود را برجسته کنید (ردیف چسبنده + «بازگشت به من»).
- «آستانه هدف»: مرگ کوچک «− 48 SP به TOP-100.»
- چسباندن کراوات («T-10» برای نقاط یکسان).
3) کنترل و ناوبری
فیلترها: لیگ/بخش، منطقه، دوستان، «فقط ارائه دهنده من».
مرتب سازی بر اساس مکان (به طور پیش فرض)، توسط نقاط، زمان ورود، توسط منطقه جایزه.
صفحه بندی در مقابل پیمایش بی نهایت:- دسکتاپ - صفحه بندی + «به خودتان»، تلفن همراه - پیمایش بی پایان، اما با «به ابتدا/به خودتان».
- پرش به رتبه: یک فیلد ورودی رتبه برای انتقال فوری (مهم برای تابلوهای مقیاس).
4) به روز رسانی زنده (بدون تکان دادن)
به روز رسانی تفاوت: ما فقط خطوطی را که در واقع حرکت کرده اند تغییر می دهیم.
انیمیشن حرکت خط: 120-200 میلی ثانیه، کاهش ؛ بدون پرش.
ضد سوسو زدن: به روز رسانی دسته ای هر 1-2 ثانیه (نه بیشتر).
به روز رسانی خوش بینانه: اضافه کردن نقاط به صورت محلی و علامت «هماهنگ سازی»....
5) یکپارچگی و ایمنی در رهبران UI
توضیح قوانین: دکمه «عینک چگونه شمارش می شود ؟» در کنار عنوان
ضد قلدری: ماسک بخشی از نام مستعار (گزینه)، شکایت در مورد یک نام سمی - 1 کلیک کنید.
نشانگر حسابهای مشکوک: پنهان از دیگران ؛ بازیکن - «نقاط خود را بررسی می شود».
جدایی بخش: نشان های لیگ بصری متفاوت است به طوری که آنهایی که قوی با شروع کننده ترکیب نمی شوند.
6) آناتومی یک کارت ماموریت (طراحی یک نگاه)
عنوان (≤ 40-50 کاراکتر)، آیکون نوع ماموریت.
توضیحات کوتاه (چه کاری انجام دهید، کجا، برای چه مقدار).
نوار پیشرفت با تعداد/درصد + برآورد زمان (≈ 20-25 دقیقه).
دشواری (۱-۳ امتیاز) و نادر بودن پاداش (رنگ/چهره).
پاداش: نشانه/لوازم آرایشی (مینیاتورهای کوچک)، بدون «پولی» subtext.
مدت: تایمر تا انقضا با رنگ نرم (نارنجی/قرمز در 10٪ گذشته).
CTA: «Start «/» Continue «/» Pick up »- یک دکمه اصلی.
ثانویه: «تغییر ماموریت» (در صورت امکان)، «بیشتر» (قوانین معین).
7) کشورهای کارت ماموریت
قفل شده: خاکستری، با اعلان «پس از سطح 7 باز خواهد شد «؛ CTA = «چه چیزی نیاز دارید ؟» ».
در دسترس: رنگ بر اساس نوع ؛ CTA = «شروع»
در حال انجام: نوار پیشرفت فعال، CTA = «ادامه».
تکمیل شده: چک سبز ؛ CTA = «برداشت» (اثر ≤ 1 ثانیه).
منقضی شده: رنگ پریده ؛ CTA = «مخفی کردن «/» تکرار در فصل N «.
در انتظار (بررسی صداقت): مرگ زرد «بررسی نتیجه 1-3 دقیقه».
8) زبان بصری و دسترسی
رنگ های نادر: مشترک (خنثی)، نادر (آبی)، حماسه (بنفش)، افسانه ای (طلا)، Mythic (لهجه رنگین کمان).
رنگ های معنایی: موفقیت/پیشرفت - سبز، هشدارها - کهربا، مهلت - قرمز.
≥ کنتراست 4. 5:1، فونت ≥ 14-16 پیکسل در تلفن همراه.
همه چیز مهم است نه تنها در رنگ (آیکون/الگوهای).
VFX صرفه جو: 0. 6–1. 2 ج، بدون همپوشانی کنترل.
Anavar: جدول → کارت (2 قرص ستون, 1 تلفن ستون); هدر ثابت.
9) بارگیری حالت ها، حفره ها و خطاها
اسکلت برای جداول و کارت (3-5 خط/کاشی).
حالت خالی: متن مفید + «یک ماموریت پرتاب دریافت کنید».
خطاهای شبکه: قابل فهم، با «تکرار» ؛ آفلاین - نشان دادن کش و علامت «آخرین به روز رسانی: 14:02».
10) عملکرد
مجازی سازی لیست (300 + ردیف).
آیکون ها به عنوان sprites/Lottie (نه یک باغ وحش SVG غیر ضروری).
فیلتر Debounce/جستجو (300-500 میلی ثانیه).
کش های مشتری و ETag برای تخته ها/مأموریت ها.
11) محتوای صادقانه و ضد سوء استفاده در ماموریت های UI
کوتاه «چگونه کار می کند»: قطره شانس، منطق ترحم، mouthguards، هیچ سحابی بازاریابی.
الگوی ضد مزرعه: توجه داشته باشید «تنوع» - پیشرفت سریع تر در هنگام تغییر ارائه دهنده/شرط است.
Cooldowns بر روی دکمه «تغییر ماموریت» و یک اشاره زمانی که شما می توانید دوباره.
12) معیارهایی که واقعا مهم هستند
کارت های ماموریت CTR، نرخ شروع، نرخ تکمیل، متوسط TTC.
تجهیز نرخ/مدت زمان برای لوازم آرایشی مشتق شده از ماموریت.
مشارکت رهبران: کلیک بر روی «به خودتان»، «رفتن به مشخصات»، زمان دید.
میزان شکایت/بی صدا در VFX/اطلاعیه ها.
چسبندگی (DAU/MAU) و بالا بردن D7/D30 برای کسانی که درگیر در ماموریت/مسابقات.
جینی توسط SP: یکنواختی پیشرفت در زمان بازی مشابه.
13) ایده های A/B
1. فرمت نوار پیشرفت: عددی + بصری در مقابل تنها بصری.
2. ارزیابی زمان: نشان می دهد/نشان نمی دهد ؛ تاثیر بر شروع
3. طرح CTA: یک دکمه بزرگ در مقابل دو دکمه مساوی.
4. مرتب سازی پیش فرض: بر اساس مکان در مقابل منطقه جایزه.
5. آستانه نور پس زمینه مهلت: T-10٪ در مقابل T-20٪ از زمان.
6. «به خودتان» در هیئت مدیره رهبر: دکمه vs همیشه یک رشته ثابت است.
14) نمونه هایی از طرح های JSON (محتوا → UI)
کارت ماموریت
جی سون
{
"id": "m. s4. ارائه دهنده diversity", "title": "Open three providers", "summary": "Play with 3 different providers", "difficulty": "medium", "est_time_min": 25 ", progress": {"current": 2, "target": 3}, "rewards": {"tokens": 10 ", cosmetic_drop": {"rararity": "نادر", "p": 0. 1}، «expires_at": «2025-10-26T18: 00: 00Z,» «دولت»: «in_progress,» «cta»: {«برچسب»: «ادامه»، «deeplink»: «برنامه ://open/lobby ؟ tab = providers"}
}
ردیف رهبری
جی سون
{
«رتبه»: 124، «کاربر»: {«شناسه»: «u_59211,» «نام»: «SeaFox»، «avatar_frame": «افسانه ای. موج «}», نمره «: 18420,» لیگ «:» طلا من «,» : «بالا 100», « : 47», : غلط, «مرحله»: «مقدماتی», « :»
}
15) میکروکپی (کوتاه و روشن)
ماموریت شروع شد: «برویم! ≈ 20 دقیقه باقی مانده است».
تشویق پیشرفت - «ارائه دهنده 1 بیشتر قبل از جایزه».
مهلت - «10٪ از زمان، شما در یک حرکت زمان خواهید داشت».
بررسی صداقت - «ما نتیجه را بررسی می کنیم (تا 3 دقیقه) - پاداش ذخیره می شود».
16) چک لیست قبل از انتشار
- جداول قابل خواندن در 320 پیکسل ؛ «به خودتان» و هدر چسبنده وجود دارد.
- کارت های ماموریت «در یک نگاه» روشن هستند: هدف، زمان، پاداش، CTA.
- به روز رسانی زمان واقعی بدون سوسو زدن ؛ تکه های مختلف و فرکانس بوچ.
- صفحه نمایش چگونه کار می کند: فرمول های نقطه/کلاه/نادر.
- کنترل سر و صدا: محدودیت VFX/دقیقه، حالت آرام شب.
- دسترسی: کنتراست، نه تنها رنگ، ناوبری صفحه کلید.
- ضد سوء استفاده: cooldowns «تغییر ماموریت»، برجسته تنوع.
- معیارها و طرح A/B ایجاد شده است ؛ کلیک کنید و همگام سازی سیاهههای مربوط.
رابط کاربری قوی کارت های رهبری و ماموریت، قابلیت خواندن فوری، پویایی نرم، شفافیت صادقانه و سر و صدای کنترل شده است. به بازیکن نزدیک ترین هدف، پیشرفت قابل فهم و شسته و رفته VFX، حفظ به روز رسانی پایدار و قوانین روشن است. سپس هیئت مدیره موتور رقابت می شود و کارت های ماموریت تبدیل به یک «واحد عمل» مناسب می شوند که به طور سیستماتیک تعامل و حفظ را افزایش می دهد.