طراحی وب

طراحی Modal و Dialog با UX صحیح

Modal و Dialog از پراستفاده‌ترین و پرسوءاستفاده‌ترین المان‌های UI هستند.

1404/12/11 1 دقیقه مطالعه 576 بازدید

Modal و Dialog از پراستفاده‌ترین و پرسوءاستفاده‌ترین المان‌های UI هستند.

چه زمانی Modal؟

فقط برای اقدامات مهم: تأیید حذف، ورود اطلاعات ضروری و هشدارهای بحرانی. نه برای اطلاعات.

  • فقط اقدامات مهم
  • قابل بسته شدن با ESC و کلیک بیرون
  • Focus trap برای a11y

جایگزین‌ها

Drawer، Bottom Sheet، Inline Expansion و Toast بهتر از Modal برای اکثر سناریوها هستند.

جمع‌بندی

قبل از Modal، از خودتان بپرسید: آیا واقعاً Modal لازم است؟

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!