Дизайн флажков и радиокнопок очень часто игнорируется, поскольку эти элементы обычно занимают меньшую часть в различных интерфейсах и формах. Однако это не означает, что разработчики не должны обращать на них внимание. Флажки и радиокнопки имеют небольшие размеры, но в некоторых ситуациях они могут заключать в себе серьезную мощь. Именно поэтому важно рассмотреть дизайн и юзабилити флажков и радиокнопок.
Проблема флажков и радиокнопок состоит в том, что они обладают малой областью щелчка. Чтобы активировать их, пользователь должен щелкнуть по крошечному квадратику или кругу. Иногда существует опция щелчка по метке, но она не всегда доступна. К тому же, эта опция не является ясной и интуитивно понятной пользователям. Создание активируемой по щелчку метке действительно позволяет увеличить область щелчка, однако ее аффорданс обладает недостаточной для пользователей ясностью.
Отображение rollover-эффекта, эффекта наведения на флажок или радиокнопку, позволяет создать более сильный, интуитивно понятный аффорданс. Rollover подскажет пользователям, что метка является кликабельным объектом, т.е. по нему можно совершить щелчок, чтобы выполнить нужное действие.
Добавление rollover-эффекта решает проблему с малым размером флажков и радиокнопок. В формах с большим количеством различных элементов это, безусловно, полезно. Пользователь понимает, что он может совершить щелчок по метке, вследствие чего он экономит свое время при использовании приложения.
Даже если ни один посетитель вашего ресурса не выразил слов благодарности за удобный интерфейс, вы можете быть уверены в том, что люди ценят вашу старательность. Крупные вещи могут захватить большую часть нашего внимания, однако, в данном случае, мы видим, что мелочи тоже надо учитывать.
http://uxmovement.com/forms/an-efficient-solution-to-tiny-check-boxes/