شرح تسک
در این تسک، هدف طراحی صفحه و پنل مدیریتی در بخش توسعه سطوح (Level Development) است که کاربران بتوانند:
-
سفارش جدید ثبت کنند (مثلاً درخواست هدیه همراه یا قابلیت ویژه در سطح)،
-
سفارشات موجود سایر کاربران را مشاهده کرده و در صورت تمایل جذب (خرید یا کرایه) کنند.
این بخش باید شامل دو ماژول اصلی باشد:
ساختار و بخشهای صفحه
1. هدر و معرفی بخش
-
عنوان اصلی: «سفارشات سطوح و هدایا»
-
زیرعنوان: «در این بخش میتوانید سفارشات خود را ثبت کرده یا سفارشات سایر شهروندان را مشاهده و جذب کنید.»
-
فیلتر انتخاب سطح (مثلاً شهروند / خبرنگار / شهردار و …)
-
نوار تب بالا شامل دو تب:
-
سفارشات ثبتشده
-
ثبت سفارش جدید
2. تب اول: لیست سفارشات ثبتشده
صفحه باید شامل کارتهایی برای نمایش سفارشات باشد.
هر کارت سفارش شامل اطلاعات زیر است:
-
شناسه سفارش
-
نوع سفارش (مثلاً: هدیه همراه / آیتم خاص سطح / قابلیت ویژه)
-
مبلغ (قیمت خرید یا کرایه)
-
بازه زمانی کرایه (در صورت وجود)
-
نام و سطح کاربر صاحب سفارش
-
تاریخ ثبت
-
وضعیت مالکیت (آزاد / در حال کرایه / رزرو شده / فروختهشده)
-
تعداد جذب یا رزروهای انجامشده
در پایین کارت دو دکمه وجود دارد:
⚙️ در صورتی که کاربر فعلی سطح یا دسترسی لازم برای کرایه را نداشته باشد، دکمه "کرایه" غیرفعال نمایش داده شود.
3. فیلترها و دستهبندیها در لیست سفارشات
در بالای لیست سفارشات بخش فیلتر تعبیه شود با گزینههای:
-
فیلتر بر اساس نوع سفارش (هدیه همراه / قابلیت سطحی / آیتم خاص)
-
فیلتر بر اساس مبلغ (رنج قیمت)
-
فیلتر بر اساس نوع مالکیت (برای فروش / برای کرایه / رزرو شده)
-
فیلتر بر اساس سطح کاربر
-
فیلتر بر اساس وضعیت دسترسی (قابل جذب برای من / غیرقابل جذب)
همچنین قابلیت جستجو بر اساس شناسه سفارش یا نام کاربر صاحب سفارش وجود داشته باشد.
4. تب دوم: پنل ثبت سفارش جدید
در این بخش، کاربر میتواند سفارش جدید خود را ثبت کند.
فرم شامل فیلدهای زیر است:
-
انتخاب نوع سفارش (هدیه همراه / آیتم سطحی / قابلیت ویژه)
-
توضیحات سفارش
-
انتخاب نوع دسترسی:
-
فقط خرید (Buy)
-
فقط کرایه (Rent)
-
هر دو
-
تعیین مبلغ (برای خرید یا کرایه)
-
در صورت کرایه: تعیین بازه زمانی مجاز (از تاریخ ... تا تاریخ ...)
-
انتخاب سطح مرتبط (در صورت وجود چند سطح کاربری برای فرد)
-
دکمه ثبت سفارش
در پایین فرم، پیشنمایش سفارش نمایش داده شود تا کاربر قبل از ثبت نهایی، جزئیات خود را مرور کند.
5. پنل سمت راست (یا سایدبار)
برای کاربران با سطح بالا (مثلاً شهردار یا نگین سطح)، یک سایدبار مدیریتی نمایش داده شود شامل:
6. مکانیزم جذب سفارش
در تعاملات طراحیشده، زمانی که کاربر روی دکمه «خرید» یا «کرایه» کلیک میکند:
-
اگر وارد سامانه نشده → مودال ورود باز شود
-
اگر وارد شده → مودال تأیید عملیات باز شود
در مودال تأیید نمایش داده شود:
-
مبلغ نهایی
-
نوع تراکنش (خرید / کرایه)
-
زمان فعالسازی
-
دکمه تأیید یا لغو
7. نمایش تأثیر جذب هدیه همراه
پس از موفقیت در خرید یا کرایه، سیستم به کاربر اطلاع دهد:
« هدیه همراه با موفقیت به سطح شما اضافه شد. ویژگیهای سطح شما تا پایان دوره کرایه دو برابر فعال خواهند بود.»
الزامات طراحی فیگما
-
رعایت کامل سیستم دیزاین متاورس رنگ (استفاده از کامپوننتها و استایلهای موجود).
-
طراحی در دو نسخه Light / Dark.
-
پشتیبانی از زبانهای فارسی (RTL) و انگلیسی (LTR).
-
طراحی کاملاً ریسپانسیو (Desktop / Tablet / Mobile).
-
استفاده از Auto Layout، Variants و Components برای کارتها و فرمها.
-
ایجاد Prototype تعاملی برای:
تحویلدادنیها (Deliverables)
-
فایل فیگما شامل:
-
صفحه اصلی سفارشات
-
پنل ثبت سفارش
-
مودالهای خرید و کرایه
-
حالتهای Light/Dark
-
Prototype تعاملی با گردش کار کامل
-
فایل مستند طراحی (Design Specs برای فرانتاند)
-
ویدیو کوتاه از تعاملات اصلی صفحه
✅ معیار پذیرش (Acceptance Criteria)
-
امکان مشاهده سفارشات ثبتشده با فیلترها و دستهبندیها.
-
امکان ثبت سفارش جدید با تعیین نوع، مبلغ و بازه زمانی.
-
نمایش درست وضعیت دسترسی (فعال / غیرفعال) برای دکمههای جذب.
-
تطابق کامل با سیستم دیزاین متاورس رنگ.
-
طراحی کامل در دو زبان و دو حالت رنگی.
-
Prototype قابل تعامل و تستشده.
اولویت
خیلی بالا — این تسک بخش اصلی سیستم تبادل و تعامل شهروندان درون سطوح است و در نسخه بعدی متاورس رنگ برای تست اقتصاد تعاملی کاربران مورد استفاده قرار میگیرد.
------------------------------------------------------------------------------------------------
منابع تسک:
لینک فیگما بخش های خارجی متارنگ :
لینک سایت رسمی پروژه :
دسترسی به سامانه مدیریت بر مدیران :