تجربه: 2

سن: 18 الی 30

محدوده حقوق و دستمزد: قابل مذاکره

جای خالی: 1

طبیعت شغلی : پیمانی

تاریخ ارسال : 2026.01.01

آخرین تاریخ : 2026.04.30

هدف

طراحی یک صفحه خطای کاستوم (Custom Error Page) متناسب با سیستم دیزاین برای مدیریت خطاهای مربوط به ایندکس‌های خارجی در بخش Next. این صفحه باید جایگزین خطاهای پیش‌فرض شود و تجربه کاربری شفاف، قابل فهم و قابل بازیابی (Retry) ارائه دهد.

---

محدوده طراحی

۱. سناریوی نمایش

• نمایش صفحه خطا در مواقعی که:

  • داده‌ها از ایندکس یا منبع خارجی بارگیری نمی‌شوند

  • خطای ارتباطی، تایم‌اوت یا عدم دسترسی به سرویس رخ می‌دهد

• صفحه خطا باید مستقل از سایر صفحات و به‌صورت Full Page نمایش داده شود

---

۲. محتوای صفحه خطا

• عنوان اصلی:
  «خطایی رخ داده است»

• متن توضیحی:
  توضیح کوتاه و کاربرپسند درباره مشکل بارگذاری داده‌ها

• دکمه اصلی (CTA):
  «برای بارگیری مجدد روی دکمه کلیک کنید»

• امکان افزودن متن کمکی (اختیاری):
  مثل «در صورت تداوم مشکل، چند دقیقه بعد دوباره تلاش کنید»

---

۳. المان‌های بصری

• استفاده از:

  • آیکن یا ایلوستریشن مرتبط با خطا / قطع ارتباط

  • طراحی ساده، مینیمال و واضح

• تمرکز بر کاهش استرس کاربر و القای قابل‌حل بودن خطا

• عدم استفاده از پیام‌های فنی یا خطاهای سیستمی برای کاربر نهایی

---

۴. تعامل (Interaction)

• دکمه Retry با حالت‌های:

  • Normal

  • Hover

  • Disabled (در صورت نیاز)

• طراحی به‌گونه‌ای که توسعه‌دهنده بتواند دکمه را به منطق Reload یا Refetch متصل کند

-----------------------------------------------------------------------------------------------------------------------
منابع تسک:

سیستم دیزاین 
https://www.figma.com/design/sMuoKrJG3vFwXDChULYUXk/Metaverse-RGB-beta-v?node-id=0-1&p=f&t=GFQVAijtxPGkRFax-0