Используйте радио кнопки или выпадающие списки

Question

Что ж, мне любопытно узнать о характере групп радио и раскрывающихся списков в HTML. Я обнаружил, что радио-кнопки сложно стилизовать, но я бы хотел стилизовать свои элементы для обязательных полей. Я задал предыдущий вопрос, касающийся стиля радио-кнопок и придания цвета рамки, как вы можете сделать с текстовыми полями, например:

<input type="text" style="border-color:#FF0000">
<input type="radio" style="border-color:#FF0000">

Применение стиля к переключателю для изменения цвета рамки не работает.

Мой вопрос, есть ли причина, по которой я не должен использовать выпадающий список внутри группы радиостанций?

Answer 1

Радиогруппа займет больше места в вашей форме, чем выпадающий список, и, конечно, элементы управления выглядят по-разному. Мое эмпирическое правило: если есть более трех или четырех вариантов, используйте раскрывающийся список.

Answer 2

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

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

Answer 3

Схожий вопрос по ux.stackexchange .

Используйте раскрывающийся список, когда один из вариантов рассматривается как «более важный», а альтернативы считаются скрытыми от пользователя, например, выбор штата в США. Пользователь живет в одном штате, а альтернативный выбор не имеет значения. Когда пользователь приходит к элементу формы, он точно знает, что выбрать, не глядя на альтернативы.

С другой стороны, используйте переключатели, когда все варианты одинаково важны, или пользователю необходимо просмотреть все из них, прежде чем сделать выбор, например, оценить по шкале от 1 до 5 или выбрать ответ. выбор по задаче с множественным выбором.

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

Answer 4

С выпадающими списками доступные параметры не видны пользователю, пока они не взаимодействуют (щелкните по нему). С помощью переключателей все доступные параметры находятся перед пользователем. Хотя оба позволяют ограничить выбор одним вариантом, я считаю, что пользователи могут решать, какой вариант они хотят быстрее, с помощью переключателей. Если это более 5 вариантов, я бы пересмотрел.

Answer 5

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