Radio button против Selection group?

Поговорим об использовании двух компонентов одинаковых по смыслу. В чём разница между использованием элемента Radio button и Selection group? Ведь оба компонента дают пользователю сделать всего один выбор из предложенного. Единственные различия связаны с визуальным и пользовательским интерфейсом: первый метод показывает пользователю выпадающий список внутри инпута (input), в то время как второй вариант показывает тот же выбор, но в виде переключателей без использования выпадающего списка.

Есть одна вещь, которую следует иметь в виду при разработке: если опция по умолчанию рекомендуется для большинства пользователей в большинстве ситуаций, переключатели могут привлечь больше внимания к параметрам, чем необходимо. Рассмотрите возможность использования выпадающего списка, если вы не хотите привлекать внимание к параметрам или не хотите побуждать пользователей вносить изменения. Выпадающий список фокусируется на текущем выборе, тогда как переключатели одинаково подчеркивают все параметры. В общей терминологии нет такой особой разницы между переключателем и списком выбора (выпадающим списком), но, поскольку используемое пространство экрана пропорционально количеству опций, если количество опций составляет от двух до семи, дизайнер использует переключатели, для восьми или более использует выпадающий список или список с одним выбором. Но опять же, всё зависит от смысловой нагрузки и удобства выбора.

Но есть такие ситуации, когда есть выбор из 3 опций и всё равно размещают в выпадающем списке. Почему? Банально просто, нет смысла делать акцент в виде селектора. Он может быть неочевиден и добавлять нагруженность в интерфейс. Если на странице есть большой выбор различных опций, то не нужно делать всё в селекторах, тогда лучше разместить всё в выпадающем списке и добавить один селектор, где будет сделан важный акцент. На примере скриншота выше, выбор оплаты лучше разместить в виде селектора, нежели чем будет радио выбор без выпадающего списка.

Не злоупотребляйте селекторами; )

Я веду канал для дизайнеров. Выкладываю плагины и полезный контент для упрощения нашей с вами работы. Подписывайтесь)