Checkboxes | چک‌باکس‌ها
چک‌باکس‌ها یا Checkboxes از آشناترین عناصر رابط کاربری‌اند: مربع کوچکی که می‌تواند علامت بخورد یا خالی بماند و به کاربر اجازه می‌دهد گزینه‌ای را روشن یا خاموش کند. برخلاف دکمه‌های رادیویی که در یک گروه فقط یک انتخاب را مجاز می‌دانند، چک‌باکس‌ها انتخاب چندتایی هم‌زمان را ممکن می‌کنند. همین سادگی و شناخت جهانی، آن‌ها را در وب و موبایل تقریباً اجتناب‌ناپذیر کرده است؛ از فیلتر فروشگاه تا تنظیمات حریم خصوصی.
مربع کوچک، قرارداد بزرگ تعامل
قدرت چک‌باکس در قرارداد ذهنی کاربر است: مربع یعنی انتخاب مستقل، دایره رادیویی یعنی انحصار یک گزینه. وقتی این قرارداد شکسته شود—مثلاً ظاهر مربع با رفتار تک‌انتخابی—اشتباه کاربر بالا می‌رود. طراح موظف است شکل، رفتار و برچسب را هم‌راستا نگه دارد تا مدل ذهنی حفظ شود. اندازه هدف کلیک یا لمس باید به قدری باشد که انتخاب دقیق بدون زوم ممکن شود.
برچسب همیشه باید واضح و بیرون از ابهام باشد. جمله‌های منفی دوتایی مثل «کلیک کنید اگر نمی‌خواهید…» شناخت را خراب می‌کند. برچسب به خود عنصر به‌صورت برنامه‌ای وابسته باشد تا صفحه‌خوان‌ها نام درست را بخوانند. فاصله بین ردیف‌ها باید از لمس تصادفی گزینه مجاور جلوگیری کند، به‌خصوص در فهرست‌های بلند موبایل.
چه زمانی چک‌باکس، چه زمانی کنترل دیگر
اگر کاربر باید چند مقدار را هم‌زمان برگزیند—دسته کالا، روزهای هفته، مجوزهای اعلان—چک‌باکس مناسب است. اگر فقط یکی از چند گزینه متقابلاً ناسازگار مجاز است، رادیو یا فهرست تک‌انتخابی بهتر است. برای روشن/خاموش یک تنظیم تنها، سوئیچ اغلب معنای حالت سیستم را روشن‌تر منتقل می‌کند؛ چک‌باکس تکی بیشتر برای موافقت با شرایط یا انتخاب اختیاری یک مورد به کار می‌رود.
اشتباه رایج، استفاده از چک‌باکس برای عملی است که باید فوری اجرا شود بدون ذخیره. اگر علامت زدن باید بلافاصله چیزی را حذف کند، بهتر است الگوی اقدام صریح‌تر با تأیید به کار رود. چک‌باکس ابزار انتخاب است؛ دکمه ابزار اجرای فرمان. مخلوط کردن این دو بدون برچسب روشن، اضطراب «آیا الان اعمال شد؟» می‌سازد.
الگوهای محصول: فیلتر، تنظیمات، اقدام گروهی
در فیلتر فروشگاه، چک‌باکس‌ها چند برند یا ویژگی را هم‌زمان فعال می‌کنند و نتایج را تنگ می‌کنند. در تنظیمات، مجموعه‌ای از ترجیحات مستقل را نشان می‌دهند. در صندوق ورودی مثل جیمیل، چک‌باکس کنار هر ردیف انتخاب گروهی برای بایگانی یا حذف می‌سازد؛ گاهی یک چک‌باکس بالای فهرست برای انتخاب همه یا حالت نامعین وقتی فقط بخشی انتخاب شده، لازم است.
حالت نامعین یا indeterminate باید با دقت استفاده شود: نشانه بصری متمایز از تیک کامل، و رفتار کلیک بعدی که معمولاً به انتخاب همه یا پاک کردن همه می‌رود باید مستند و یکدست باشد. بدون این قرارداد، کاربران پیشرفته هم گیج می‌شوند. در نظرسنجی‌ها، چک‌باکس برای «همه موارد مرتبط را انتخاب کنید» استاندارد است و باید از رادیو جدا شود تا پاسخ اجباری تک‌گزینه‌ای با چندگزینه‌ای اشتباه گرفته نشود.
حالت‌های بصری و بازخورد فوری
حداقل حالت‌ها عبارتند از خالی، انتخاب‌شده، غیرفعال، و در صورت نیاز نامعین. فوکوس صفحه‌کلید باید حلقه واضح داشته باشد. انیمیشن تیک می‌تواند ملایم باشد اما نباید شناخت الگو را فدای زیبایی کند. کنتراست تیک نسبت به پس‌زمینه مربع، و کنتراست مربع نسبت به صفحه، هر دو برای دید کم مهم‌اند. حالت خطا وقتی انتخاب اجباری است—مثل پذیرش شرایط—باید با متن و نه فقط رنگ قرمز اعلام شود.
بازخورد باید فوری و محلی باشد: با علامت زدن، خود مربع و در صورت نیاز شمارنده انتخاب‌ها به‌روز شوند. اگر اعمال فیلتر چند ثانیه طول می‌کشد، وضعیت بارگذاری کنار گروه چک‌باکس‌ها جلوی کلیک‌های تکراری را می‌گیرد. در اقدام گروهی، نمایش تعداد آیتم‌های انتخاب‌شده بالای فهرست، اطمینان می‌دهد کاربر نمی‌داند «چند مورد» را حذف یا بایگانی می‌کند. این بازخوردهای کوچک خطاهای پرهزینه را کم می‌کنند.
دسترس‌پذیری فراتر از ظاهر زیبا
چک‌باکس دسترس‌پذیر به صفحه‌خوان نام می‌دهد، با Space قابل تغییر است، و اندازه لمسی کافی دارد. تکیه صرف روی آیکون سفارشی بدون نقش معنایی صحیح، تعامل کمکی را می‌شکند. گروه‌ها باید با fieldset و legend یا معادل دسترسی نام‌گذاری شوند تا زمینه مجموعه روشن باشد. بدون این‌ها، فیلتر یا فرم برای بخشی از کاربران غیرقابل استفاده می‌شود و ریسک انطباق هم ایجاد می‌کند.
آزمون با صفحه‌خوان و فقط صفحه‌کلید باید بخشی از تعریف انجام‌شده برای هر فرم مهم باشد. همچنین در حالت کنتراست بالا یا تم تیره، حالت انتخاب‌شده نباید محو شود. اگر چک‌باکس سفارشی صرفاً یک تصویر است، معادل متنی یا ویژگی دسترسی فراموش‌شده اغلب در بررسی نهایی کشف می‌شود—دیر و پرهزینه.
سفارشی‌سازی برند بدون از دست دادن شناخت
می‌توان رنگ تیک، شعاع گوشه ملایم، یا انیمیشن کوتاه را با برند هماهنگ کرد، اما ساختار کلی مربع و بازخورد فوری انتخاب باید آشنا بماند. دایره‌ای کردن کامل شکل یا پنهان کردن مرز تا حد نامرئی، هزینه شناختی می‌سازد. تست کاربردپذیری کوتاه روی کنترل سفارشی، بهتر از فرض «زیباتر یعنی بهتر» است. در سیستم طراحی، توکن اندازه، رنگ حالت و قانون فاصله را ثابت کنید تا هر صفحه سلیقه جدا نسازد.
اشتباهات پرتکرار در فرم و داشبورد
برچسب کلیک‌نشدنی جدا از مربع کوچک، هدف را سخت می‌کند؛ کل ردیف باید قابل فعال‌سازی باشد. پیش‌انتخاب خاموش گزینه‌های تجاری بدون آگاهی روشن، اعتماد را مخدوش می‌کند. فهرست بسیار بلند بدون جستجو یا گروه‌بندی، اسکن را خسته می‌کند. ترکیب رادیو و چک‌باکس در یک سؤال با ظاهر مشابه، مدل ذهنی را می‌شکند. رفع این‌ها اغلب با بازنویسی برچسب و اصلاح الگو سریع‌تر از افزودن توضیح کمکی طولانی است.
در داشبوردهای داده، چک‌باکس ردیف جدول باید با ستون‌های ثابت و اسکرول افقی هماهنگ شود تا انتخاب هنگام حرکت افقی گم نشود. انتخاب‌های بین صفحات جدول نیاز به الگوی پایدار دارند: آیا انتخاب صفحه جاری است یا کل نتیجه فیلترشده؟ ابهام اینجا باعث عملیات گروهی اشتباه روی مجموعه نادرست می‌شود. مستند کردن این رفتار در سیستم طراحی، بحث تکراری بین طراحی و مهندسی را کم می‌کند.
در فرم‌های حقوقی، چک‌باکس پذیرش باید از متن شرایط جدا اما مرتبط باشد؛ متن طولانی داخل برچسب مربع خوانایی را خراب می‌کند. لینک به متن کامل کنار برچسب کوتاه «شرایط را خوانده و می‌پذیرم» الگوی رایج‌تری است. اجبار به اسکرول تا انتهای شرایط قبل از فعال شدن چک‌باکس در برخی حوزه‌ها لازم است؛ اگر چنین است، وضعیت غیرفعال را با توضیح کوتاه روشن کنید تا کاربر فکر نکند کنترل خراب است.
جمع‌بندی برای سیستم‌های طراحی
Checkboxes انتخاب چندتایی آشنا می‌سازند؛ در فیلتر، تنظیمات، نظرسنجی و اقدام گروهی نقش مرکزی دارند. تمایز روشن با رادیو و سوئیچ، برچسب صریح، حالت‌های بصری کامل، دسترس‌پذیری واقعی و سفارشی‌سازی محتاطانه کیفیت آن‌ها را تعیین می‌کند. کنترل خوب دیده نمی‌شود چون کاربر بدون فکر درست انتخاب می‌کند؛ کنترل بد هر بار توضیح می‌خواهد و خطا می‌سازد.
سوالات متداول
وقتی انتخاب چند گزینه هم‌زمان مجاز است؛ رادیو برای انتخاب انحصاری یک گزینه از گروه است. این تمایز بار شناختی را کم و از اشتباه جلوگیری می‌کند.
با برچسب مرتبط برنامه‌ای، پشتیبانی صفحه‌کلید، اندازه لمسی کافی، کنتراست حالت‌ها و نام‌گذاری گروه. بدون این‌ها بخشی از کاربران از فرم و فیلتر حذف می‌شوند.
تا حدی بله، با رنگ و انیمیشن ملایم؛ اما شکل آشنای مربع و بازخورد فوری انتخاب نباید از بین برود. شناخت مهم‌تر از جلوه برند افراطی است.
وقتی در یک گروه فقط بخشی از فرزندان انتخاب شده‌اند، مثل انتخاب بخشی از ایمیل‌ها؛ باید از تیک کامل متمایز باشد و رفتار کلیک بعدی یکدست تعریف شود.
سوئیچ معمولاً حالت فوری تنظیم سیستم را نشان می‌دهد؛ چک‌باکس تکی بیشتر برای موافقت یا انتخاب اختیاری قبل از ارسال فرم رایج است. الگو را در محصول یکدست نگه دارید.