طراحی وب

طراحی Toggle و Switch با UX صحیح

Toggle Switch برای تغییر وضعیت بین دو حالت (روشن/خاموش) استفاده می‌شود. طراحی صحیح آن مهم است.

1405/01/10 1 دقیقه مطالعه 377 بازدید

Toggle Switch برای تغییر وضعیت بین دو حالت (روشن/خاموش) استفاده می‌شود. طراحی صحیح آن مهم است.

Toggle vs Checkbox

Toggle: تغییر فوری (مثل WiFi). Checkbox: نیاز به تأیید (مثل فرم). از هم متفاوت هستند.

  • Toggle: اثر فوری
  • Checkbox: نیاز به Submit
  • Toggle: on/off binary

طراحی

رنگ واضح برای on/off، اندازه مناسب (حداقل 44px عرض)، لیبل متنی و انیمیشن نرم.

جمع‌بندی

Toggle برای تغییرات فوری. Checkbox برای فرم‌ها. اشتباه نگیرید.

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

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

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

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