Школа
Интерфейс

Улучшитель Чекбокса

Мне всегда хотелось функцию чекбокса, которой не хватает при выборе покупок в интернет‑магазинах, например. По старому: я выбираю монитор и кликаю в чекбоксе фильтров «4K мониторы». Потом я хочу посмотреть только HD‑мониторы. Мне нужно «откликнуть» уже выбранные 4K, страница обновится, и кликаю уже на HD. Второй вариант действия — выбираю 4K, потом выбираю HD, и потом откликиваю 4К. То есть всегда надо делать как бы «лишнее» действие — откликивать.

Разве ещё не придумано решение как одним нажатием кнопки переключить чекбокс автоматически. То есть чтобы чекбокс, грубо говоря, стал радикнопкой, при этом сохраняя функции чекбокса? Может быть при наведении на чекбокс который я хочу выбрать появилась где‑то возможность автоматически «откликать» ранее выбранный чекбокс. А когда выбрано несколько... тоже нужно решение. Как это могло бы быть?

Глеб Ч.
28 фев 2023
👁 5546   🗩5
Интерфейс

Улучшитель Чекбокса

Мне всегда хотелось функцию чекбокса, которой не хватает при выборе покупок в интернет‑магазинах, например. По старому: я выбираю монитор и кликаю в чекбоксе фильтров «4K мониторы». Потом я хочу посмотреть только HD‑мониторы. Мне нужно «откликнуть» уже выбранные 4K, страница обновится, и кликаю уже на HD. Второй вариант действия — выбираю 4K, потом выбираю HD, и потом откликиваю 4К. То есть всегда надо делать как бы «лишнее» действие — откликивать.

Разве ещё не придумано решение как одним нажатием кнопки переключить чекбокс автоматически. То есть чтобы чекбокс, грубо говоря, стал радикнопкой, при этом сохраняя функции чекбокса? Может быть при наведении на чекбокс который я хочу выбрать появилась где‑то возможность автоматически «откликать» ранее выбранный чекбокс. А когда выбрано несколько... тоже нужно решение. Как это могло бы быть?

Глеб Ч.
28 фев 2023
👁 5546   🗩5
Илья Бирман
Арт‑директор и соавтор курса «Пользовательский интерфейс и представление информации»
Полезно
 30
30
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Вопрос начался так, как будто вы что‑то придумали, но по ходу стало ясно, что не придумали, а просите придумать нас :‑) Ловко!

Чекбокс можно выбрать или развыбрать независимо от других: в группе чекбоксов можно выбрать любой один, несколько, все, ни одного. Если выбран один элемент, а нужно выбрать другой, приходится делать два клика: развыбрать первый; выбрать второй. Обычно чекбоксы квадратные, а выбранные — с галочкой внутри:

Радиокнопка одна не бывает, они встречаются только группой. В радиогруппе можно выбрать ровно один любой элемент. Если выбран один элемент, а нужно выбрать другой, то вы просто кликаете в этот другой, и выбирается он и только он. Обычно радиокнопки круглые, а выбранные — ещё и с кружочком внутри:

Вы хотите что‑то среднее. С одной стороны, вы хотите, чтобы поменять один элемент на другой можно было в один клик, как в радиогруппе. С другой стороны, вы хотите, чтобы всё‑таки оставалась возможность выбрать несколько элементов или ни одного, как в группе чекбоксов. Поскольку компьютер не умеет читать мысли, вам просто нужно придумать, как пользователь будет своё намерение передавать. Нужен какой‑то способ сказать компьютеру: я сейчас имею в виду не так, а эдак.

Можно придумать свой новый элемент или какой‑то модификатор — типа, если кликнуть в чекбокс с нажатым альтом, то он выберется, а остальные развыберуются. Но чтобы люди такое поняли и привыкли, поведение должно быть одинаковым и встречаться повсеместно.

В случае же единичного использования я бы сначала попробовал собрать это из стандартных элементов:

Формулировками в переключалке я не очень доволен, но лучше придумать пока не могу. Может, у уважаемых советчиков есть варианты?

ИнтерфейсНестандартные элементыНестандартные элементы управления
Полезно
 30
30
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы