Интерфейс формы с большими группами radio и checkbox

Question

[Hint]

Есть форма поиска с несколькими группами radio и несколькими группами checkbox. Radio можно заменить на select (смысл не меняется), но тогда пользователь не видит сразу все варианты, и для переключения будет требоваться 2 клика. Располагать элементы одной группы друг под другом не получится (их от 5 до 10 на каждый фильтр, а фильтров может быть довольно много). Стандартные горизонтально расположенные элементы выглядят не очень хорошо. Есть ли альтернатива? Хотел бы в первую очередь получить ссылки на страницы, где дизайнеру была поставлена похожая задача (сам ничего найти не смог).

Answer 1

[Banzeg]

Не вижу ничего плохого в «лишнем» клике и селекте. Последний как раз и нужен для группирования нескольких вариантов. Делая «лишний» клик, пользователь как раз и увидит все варианты, и это точно лучше кучи radio.

Comments

[Hint]

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

Answer 2

[sdevalex]

twitter.github.com/bootstrap/javascript.html#buttons

Comments

[Hint]

В bootstrap я искал в первую очередь. Не подходит тем, что элементов для выбора много и они не влезут в одну строку. Тут же многострочность radio и checkbox не предусмотрена.

Answer 3

[azverin]

1. Можно использовать мультиселект. Тогда часть пунктов будет видна сразу, часть надо будет мотать.

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

3. Можно сделать что-то типа визарда в виде аккордеона, чтобы одномоментно виден был один вопрос и все пункты. Хотя по смыслу это тот же селект.

Answer 4

[1x1]

Я использую Chosen, обычный и мультиселектовый. Компактный показ выбранных вариантов перевешивает лишний клик. Юзерам нравится больше, чем куча чекбоксов на весь экран.