دیالوگ ها

یک پنجره محاوره‌ای، یک پنجره مدال است که در جلوی یک برنامه ظاهر می‌شود تا اطلاعات مربوط به وظایفی را که نیاز به پاسخ فوری کاربر دارند، نمایش دهد.

یک دیالوگ می‌تواند یک هشدار باشد که نیاز به تعامل کاربر دارد. همچنین می‌تواند یک دیالوگ انتخاب یا تأیید باشد که نیاز به انتخاب یا تأیید کاربر دارد. این دیالوگ تا زمانی که رد نشود یا اقدام لازم انجام نشود، تمرکز را حفظ می‌کند. از آنجا که دیالوگ‌ها مزاحم هستند، باید به مقدار کم استفاده شوند.

دیالوگ‌ها (Dialog) با Toastها (هر دو عضو خانواده کامپوننت‌های دیالوگ هستند) مرتبط هستند، اما همانطور که در جدول نشان داده شده است، از نظر هدف و اولویت متفاوت هستند.

کامپوننت هدف اولویت
نان تست ها یک پیام آموزنده نمایش می‌دهد. نیازی به تعامل کاربر ندارد. پس از ۸ ثانیه ناپدید می‌شود. کم
گفتگو اطلاعات و گزینه‌های مربوط به وظایفی را که نیاز به تعامل کاربر دارند، نمایش می‌دهد. یک کادر محاوره‌ای تا زمانی که کاربر پاسخ ندهد، فوکوس را حفظ می‌کند. بالا

آناتومی

دیالوگ‌ها حاوی متن اطلاعاتی و کنترل‌های رابط کاربری هستند که درخواست پاسخ از کاربر را دارند.

۱. پس‌زمینه گفتگو
۲. سربرگ کارت
۳. بخش محتوا
۴. منطقه عمل کارت

مشخصات

نماد راهنما
کامپوننت دکمه‌ها
مشخصات، دستورالعمل‌های سبک و موارد دیگر
نماد راهنما
کامپوننت موارد لیست
مشخصات، دستورالعمل‌های سبک و موارد دیگر

گفتگو بدون عنوان

گفتگو با عنوان

دیالوگ با عنوان وسط چین

کادر محاوره‌ای قابل پیمایش

سفارشی‌سازی

با سفارشی‌سازی جنبه‌های زیر از دیالوگ‌ها، برند خود را بیان کنید:

  • فونت‌ها
  • استایل‌دهی به دکمه‌های فعال، غیرفعال و غیرفعال
  • ابعاد و محل قرارگیری دکمه‌ها

مثال‌ها

گفتگو با عنوان - روز
گفتگو با عنوان - شب
کادر محاوره‌ای قابل پیمایش - روز
کادر محاوره‌ای قابل پیمایش - شب
دیالوگ در عمل