Переключатель Switcher

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

Когда использовать

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

Старайтесь не использовать переключатель из двух значений — пользователи не понимают, какой из пунктов выбран.

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

Название

Название переключателя пишут с заглавной буквы и формулируют так, чтобы:

  • было понятно, что можно выбрать только 1 вариант;
  • название каждого пункта не содержало повторяющуюся часть.

Избегайте названий пунктов в 3 и более слов. Если сократить названия не получается, используйте группу радиокнопок.

Нельзя сокращать название пункта если оно не входит:

Выбор по умолчанию

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

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

Фокус и работа с клавиатурой

При переходе к переключателю клавишей Tab, выбранный пункт получает фокус — появляется чёрная рамка:

С помощью клавиш и переключается фокус между пунктами:

Нажатие на Enter, выбирает пункт переключателя, на котором сейчас фокус.

Валидация

В переключателе не должно быть пунктов, которые нельзя выбрать. Единственным, для чего может использоваться валидация — указывать на обязательность самого выбора.

Дизайн

Все отступы должны быть одинаковыми:

При необходимости переключатель может быть отключен.

Переключатель может быть отключен, даже если один из вариантов уже был выбран.