تجربه کاربری

چرا دکمه های انتخاب وضعیت جایگزین های بهتری برای چک باکس ها هستند؟

برای انتخاب گزینه های مورد نظر توی یک لیست طولانی، از چه جزء رابطی استفاده میکنی؟ برای اکثر دیزاینر ها، اولین جواب چک باکس ها هستند. ولی یک لیست بلند از چک باکس ها برای کاربر ناخوشایند خواهد بود و میتواند باعث شود که فرم شما را رها کنند. و این تنها نکته منفی چک باکس ها نیست، آنها کارآمد نیستند و قاب

سهیل نجفی

بنیان‌گذار آکادمی طراحی دایره

۴ آبان ۱۳۹۸۳ دقیقه مطالعه

برای انتخاب گزینه های مورد نظر توی یک لیست طولانی، از چه جزء رابطی استفاده میکنی؟ برای اکثر دیزاینر ها، اولین جواب چک باکس ها هستند. ولی یک لیست بلند از چک باکس ها برای کاربر ناخوشایند خواهد بود و میتواند باعث شود که فرم شما را رها کنند. و این تنها نکته منفی چک باکس ها نیست، آنها کارآمد نیستند و قابلیت استفاده آسانی ندارند به این خاطر که فضای زیادی را اشغال میکنند و در عین حال فضای کلیک کمی دارند و المان های بصری را زیاد میکنند که باعث سختی مدیریت آنها می شود.

المان بهتر برای انتخاب گزینه ای، دکمه های انتخاب وضعیت (Toggle Tokens) هستند. دکمه های انتخاب وضعیت (Toggle Tokens) فضای کمتری اشغال می کنند بنابراین جای بیشتری برای المان های دیگر وجود دارد و کاربرها وادار به اسکرول کردن نمی شوند. چک­باکس ها نیازمند جایگذاری عمودی هستند، درحالی که دکمه های انتخاب وضعیت (Toggle Tokens) قابلیت جاگذاری به صورت عمودی و افقی را به صورت همزمان دارا هستند. این مسئله باعث تشکیل یک آرایش به هم پیوسته خواهد شد، و ظاهر خوشایندتری برای کاربر ایجاد خواهد کرد.

امکان این وجود دارد که چک­باکس ها در چند ستون مرتب شوند اما با توجه به اندازه متغیر چک باکس هاو نامگذاری ها برای موبایل این انتخاب، انتخاب بهینه ای نیست. حتی در دسکتاپ هم با توجه به عرض زیادی که اشغال میکنند، انتخاب ایده آلی نیست.

مقایسه دکمه وضعیت و چک باکس

مقایسه دکمه وضعیت و چک باکس

و اینها همه ی دلایل ما نبودند! دکمه های انتخاب وضعیت (Toggle Tokens) نیازی به فضای جدای از متن برای کلیک کردن ندارند. درنتیجه المان های کمتری در صفحه داریم که نظر کاربر را جلب می کنند. به حداقل رساندن اختلال بصری باعث تمرکز کاربر روی گزینه ها می شود.

همچنین ناحیه کلیک کوچک چک­باکس ها، مشکلاتی را در کلیک کردن به وجود می آورد. دکمه های انتخاب وضعیت (Toggle Tokens)، فضای بیشتری را برای کلیک کردن ارائه می دهند که باعث کاهش احتمال کلیک اشتباه می شود.

همه این مزیت ها، دکمه های انتخاب وضعیت (Toggle Tokens) را به چک­باکس ها برای انتخاب گزینه ها برتری می دهد.

استفاده‌های چک باکس

استفاده‌های چک باکس

اگر گزینه های شما شامل متن های طولانیِ چند خطه می شوند، بهتر است از چک­باکس استفاده کنید. متن های چک باکس محدودیت افقی ندارند و فضای بیشتری برای متن ارائه می کنند. از جهت دیگر، دکمه های انتخاب وضعیت (Toggle Tokens) در شکل خود محدود شده اند و بهتر است فقط وقتی که متن های یک خطی داریم استفاده شوند.

اسم دکمه انتخاب وضعیت (Toggle Tokens)  یک اسم کاملا برگرفته از ظاهر می باشد، مثل "چک­باکس". از ظاهر توکن مانند و عملیات تغییر دهنده وضعیت آن برگرفته شده است. دفعه بعدی که برای انتخاب گزینه ها به چک باکس فکر میکردید، دکمه های انتخاب وضعیت (Toggle Tokens) را به جای آن در نظر بگیرید. با این کار فضای کمتری مصرف می کنید، ظاهر ساده تری ایجاد شده و باعث جلوگیری از رهایی فرم توسط کاربران خواهید شد.

این مسیر را جدی‌تر ادامه بدهید

اگر این مقاله برایتان مفید بود، دوره‌های تخصصی دایره قدم بعدی است.

مشاهده دوره‌ها
۲۶ مرداد ۱۴۰۵

بهترین پلاگین‌های فیگما کدام‌اند؟

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

مشاهده بیشتر
۷ دی ۱۴۰۳

یوزر تستینگ و پیاده‌سازی ۶ تست تجربه کاربری

سایت یوزر تستینگ به آدرس usertesting.ir، به‌عنوان یکی از پلتفرم‌های پیشرو در حوزه تست تجربه کاربری (UX) در ایران، فضایی حرفه‌ای برای ارتقای تجربه کاربران در محصولات دیجیتال فراهم کرده است. این پلتفرم با هدف کمک به شرکت‌ها و کسب‌وکارها برای بهبود خدمات و محصولات طراحی شده است.

مشاهده بیشتر
۱۷ مرداد ۱۴۰۳

۱۰ تعصب در طراحی محصول

مشاهده بیشتر
۱۴ مرداد ۱۴۰۳

همدلی کسب‌وکار چیست؟

درک این نکته بسیار حیاتی است که طراحان در کار ساختن چیزها «کاربر پسند» نیستند. طراحان تجربه‌هایی را ایجاد می‌کنند که رفتارهایی را به وجود می‌آورند که به نتایج کسب‌وکاری دست…

مشاهده بیشتر