TGViewer
فلسفه دیزاین فلسفه دیزاین @dexign · 7.03K subscribers
Post #1276 2.42K
اصول طراحی یک دکمه جابه‌جایی در یک دیزاین سیستم

دکمه‌های جابه‌جایی (Toggle/Swtich Button)، به کاربر اجازه می‌دهند تنظیمات را بین دو یا چند حالت/وضعیت تغییر دهند.
یکی از چیزهایی که ما در مورد دکمه‌های جابجایی بیشتر دوست داریم این است که آنها گزینه‌ها را از قبل ارائه می‌دهند، تنها کاری که کاربر باید انجام دهد این است که یکی را انتخاب کند.

دکمه جابه‌جایی از یک مسیر، و یک به اصطلاح انگشت شست تشکیل شده است.
شست در طول مسیر حرکت می‌کند تا وضعیت فعلی آن را نشان دهد.

سوئیچ‌ها برای ایجاد تغییر فوری استفاده می‌شوند. نیازی به تایید عمل نیست. تغییر باید فورا اعمال شود.

سوئیچ باید به اندازه‌ای بزرگ باشد که کاربر به راحتی روی آن ضربه زده یا کلیک کند.

تفاوت بین مولفه سوئیچ، دکمه رادیویی و چک باکس:
چک باکس‌ها زمانی استفاده می‌شوند که کاربران باید یک یا چند گزینه را از لیست گزینه‌ها انتخاب کنند. برخلاف دکمه جابه‌جایی که بین دو گزینه روشن یا خاموش تغییر می‌کند.
دکمه جابه‌جایی بین دو حالت جابه‌جا می‌شود، در حالی که دکمه رادیویی یک گزینه را از لیستی از گزینه‌های منحصر به فرد متقابل انتخاب می‌کند.
یک دکمه جابه‌جایی با کلیک یا ضربه زدن روی آن فعال می‌شود. در بیشتر موارد، یک دکمه رادیویی یا چک باکس پس از کلیک کاربر بر روی دکمه دیگری پس از انتخاب فعال می‌شود، مانند دکمه ارسال در یک فرم.

دکمه جابه‌جایی و دکمه‌های رادیویی دارای یک مقدار پیش فرض هستند، در حالی که چک باکس‌ها این مقدار را ندارند.

🔗 برای مطالعه ادامه مقاله و مشاهده نمونه‌ها به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #دیزاین_سیستم
#UI

@Dexign فلسفه دیزاین

______
Medium The basics of designing a switch component in a design system A simple guide to understanding the switch UI element
  • 👍 4
More from @dexign
  1. Jan 7, 2026چرا کارفرمایان طراحانی را می‌خواهند که مانند مدیر محصول فکر کنند، نه توسعه‌دهنده؟ در دنیای…
  2. Dec 31, 2025هیرو سکشن‌ها مرده‌اند. این راه‌حل‌ها جایگزین شده‌اند باید از هیروهای عریض فاصله گرفت وقتی…
  3. Dec 27, 2025درس‌های UX از زندگی روزمره بیشتر افراد UX را فقط مربوط به اپلیکیشن‌ها، وبسایت‌ها یا داشبور…
  4. Dec 24, 2025۳ قابلیت شگفت‌انگیز جدید ChatGPT که حتماً باید امتحان کنید در بحبوحه‌ی سروصدای انتشار GPT-…
  5. Dec 20, 2025سیستم طراحی تو حالا می‌تواند با هوش مصنوعی صحبت کند! از چسب انسانی بودن بین ابزارهای جداگا…
  6. Dec 17, 2025باهوش‌ترین آدم‌هایی که می‌شناسم، دنبال مهارتی‌اند که زمانی بی‌فایده تصور می‌شد! همان فناور…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →