x
 
Анастасия
30 октября 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Илья, здравствуйте!

Скажите, пожалуйста, как обрабатывается в интерфейсе множественный выбор из двух опций, когда должна быть выбрана хотя бы одна опция?

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


Под­хо­дя­щий дизайн зави­сит от смысла и коли­че­ства опций.

Если опций всего две, радиокнопки оче­вид­нее всего:

Уве­до­мить
меня

  • ○ только письмом
  • ○ только по телефону
  • ???? и пись­мом, и по телефону

Чек­боксы ком­пакт­нее, но с ними не видно, что что‑то одно надо выбрать обязательно:

Уве­до­мить
меня

  • ☑ письмом
  • ☑ по телефону

Можно под­пи­сать сло­вами, но это неэлегантно.

Чек­боксы при­дётся исполь­зо­вать, если опций больше двух:

Уве­до­мить
меня

  • ☑ письмом
  • ☑ по телефону
  • ☑ в чате
  • ☐ бро­сив сне­жок в окно

Чтобы реа­ли­зо­вать такой выбор радиокноп­ками, пона­до­бится пят­на­дцать радиокно­пок, в кото­рых чёрт ногу сломит.

Запре­щать отклю­че­ние послед­него остав­ше­гося чек­бокса не нужно. Лучше вклю­чить какой‑то дру­гой вари­ант при выклю­че­нии послед­него (это прин­цип «Дай нажать», про кото­рый надо бы отдельно напи­сать). Так чело­век уви­дит, что пол­но­стью отка­заться от уве­дом­ле­ний нельзя.

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт до 12 августа или пока есть свободные места.
 

Поделиться
Отправить

Комментарии

Юрий Хан
30 октября 2018

Нужно сразу подумать, почему обязателен хотя бы один вариант. Может быть, пустой выбор — допустимая ситуация?

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

Ни в коем случае не дизейблить последнюю оставшуюся выбранной галку. Потому что, если мы не даём перейти в пустое состояние, то мы должны выбрать непустое начальное состояние. И оно тогда будет выглядеть как «вариант А выбран и снять его нельзя» и часть пользователей даже не попробует выбрать Б и увидеть, что тогда А можно снять.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Недавно всплыло

При клике на кнопку нужно плавно прокрутить страницу к форме 2 Как найти себе замену 1 2 В бюро есть таймтрекинг для сотрудников? 5