کنترل های انتخاب در UI UX
کنترلهای انتخاب ( Selection Controls ) یه بخش مهم و کاربردی رابطه کاربری ما رو تشکیل میدهند. اونا باعث میشن که تعامل کاربر با رابط کاربری ساده بشه و در جمع آوری اطلاعات کاربر و اعمال کردن اونها بسیار مهم هستند. نکته ای که خیلی باید بهش توجه کنیم این است که کدوم نوع از کنترل های انتخاب رو برای چه کاری انتخاب کنیم.
انواع کنترل های انتخاب:
۱- چک باکس ( Check Box )
نوعی از کنترل انتخاب که کاربر آزادی بیشتری داره؛ برای مواردی استفاده میشه که گزینهها به هم ربط دارند و به نوعی در یک گروه قرار میگیرند. کاربر میتونه چندین گزینه و یا اصلاً هیچ گزینهای رو انتخاب نکنه.
ویژگی های طراحی:
+ داشتن عنوان کلی
+ یک انیمیشن ساده گرافیکی برای تیک خوردن
+ برای چک باکس از آیکون مربع استفاده میشود
۲- دکمه رادیویی ( Radio Button )
در این نوع از کنترل انتخاب گزینه ها متفاوت هستند و فقط یکی از گزینهها باید انتخاب شود؛ به این شکل که کاربر نمیتونه دو یا چند گزینه رو باهم انتخاب کنه و انتخاب یک گزینه، بقیه گزینه ها رو غیر فعال میکند.
ویژگی های طراحی:
+ برای دکمه رادیویی از آیکون دایره استفاده میشود
+ انتخاب یکی باعث غیرفعال شدن بقیه میشود
۳- تغییر وضعیت / جابجایی ( Toggle / Switch )
این نوع از کنترل انتخاب به این شکل است که
میخواهیم به کاربر دو گزینه انتخاب متفاوت بدیم و این انتخاب فورا در سیستم اعمال بشه. مثل زمانی که وارد یک سایت میشیم و میتونیم بین دو حالت روشن یا تاریک انتخاب کنیم.
ویژگی های طراحی:
+ همیشه ی حالت پیش فرض دارن
+ در لحظه انتخاب تغییرات اعمال میشن
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
چند نکته برای تجربه کاربری بهتر ( UX )
+ وضعیت و گزینه انتخاب شده رو کاملا مشخص و قابل درک کنید.
+ فاصله بین گزینه ها رو رعایت کنید تا کاربر دچار اشتباه نشه به ویژه در موبایل.
+ با استفاده از یک تراز عمودی، کنترل های انتخاب رو در یک راستا قرار بدین.
+ چک باکس ها و دکمه های رادیویی باید قبل از متن قرار بگین در حالی که Toggle/Switch باید بعد از متن قرار بگیرن.
