Формы предоставляют несколько элементов управления, упрощающих сбор данных от пользователей. Использование правильного элемента управления в нужном месте — непростая задача при разработке форм.

Флажок имеет три состояния: невыбрано , выбрано и неопределенно. Последнее состояние представляет собой ситуацию, когда список подопций сгруппирован под родительской опцией, а подопции находятся как в выбранном, так и в невыбранном состоянии.

Тумблер представляет собой физический переключатель , который позволяет пользователям включать и выключать что-либо, например выключатель света.

Нажатие тумблера — это двухэтапное действие: выбор и выполнение, тогда как флажок — это просто выбор параметра, и его выполнение обычно требует другого элемента управления.

При выборе между флажком и тумблером лучше сосредоточиться на контексте использования, а не на их функции.

Ниже приведены несколько вариантов использования, а также рекомендации по выбору между этими двумя элементами управления при разработке формы.

Случай 1: Мгновенный ответ

Используйте тумблер , когда

Требуется мгновенный отклик примененных настроек без явного действия.
Для настройки требуется функция включения/выключения или отображения/скрытия для отображения результатов.
Пользователю необходимо совершать мгновенные действия, не требующие проверки или подтверждения.

Опции, требующие мгновенного отклика, лучше выбирать с помощью тумблера.

Случай 2: подтверждение настроек

Используйте флажок , когда

Примененные настройки должны быть подтверждены и проверены пользователем перед их отправкой.
Определенные настройки требуют выполнения таких действий, как «Отправить», «ОК», «Далее», «Применить» перед отображением результатов.
Пользователь должен выполнить дополнительные действия, чтобы изменения вступили в силу.

Флажки предпочтительны, когда для применения настроек требуется явное действие.

Случай 3: множественный выбор

Используйте флажок , когда

Доступно несколько вариантов, и пользователь должен выбрать один или несколько вариантов из них.
Нажатие нескольких тумблеров один за другим и ожидание результатов после каждого нажатия занимает дополнительное время.

Выбор нескольких параметров в списке упрощает использование флажков.

Случай 4: неопределенное состояние

Используйте флажок , когда

Промежуточное состояние выбора требуется, когда несколько подопций сгруппированы под родительской опцией. Промежуточное состояние будет означать, что в списке выбрано несколько подопций (но не все).

Неопределенное состояние лучше всего отображается с помощью флажка.

Случай 5: четкое визуальное состояние

Используйте флажок , когда

Есть вероятность запутаться с включенным/выключенным состоянием тумблера. Иногда становится трудно понять, показывает ли переключатель состояние или действие.
Необходимо обеспечить четкое выбранное или невыбранное состояние.

Иногда тумблер не четко указывает, является ли это состоянием или действием.

Пример 6: Связанные элементы

Используйте флажок , когда

Пользователь должен выбрать вариант(ы) из списка связанных элементов.

Чтобы выбрать связанные элементы в списке, используйте флажки.

Используйте тумблер , когда

Пользователь переключает независимые функции или поведение.

Независимые элементы используют тумблеры для выбора.

Случай 7: единственный вариант

Используйте флажок, когда

Предусмотрен единственный двоичный вариант выбора да/нет.
Можно выбрать или отменить выбор только одной опции, и ее значение очевидно.

Один вариант «да/нет» более удобен с флажком.

Используйте тумблер , когда

Требуется один выбор, и вы хотите предложить два варианта для включения/выключения типа решения.

Вывод

Важно обеспечить правильный контроль в нужном месте в форме, чтобы сделать ее более удобной для пользователя. Поскольку формы могут быть очень длинными с большим количеством опций, пользователю становится утомительно, если ему приходится делать дополнительные клики для заполнения своей информации. Предоставленные варианты использования и рекомендации помогут вам выбрать между флажком и тумблером при добавлении элементов управления в формы.