Нелегко понять когда использовать вилку для салата, а когда столовую вилку. Просто взглянув на них легко запутаться. У обоих столовых приборов по четыре зубчика, та же форма и функция. Каждая из вилок создана для накалывания еды, но созданы они для разных блюд.

Те же функции в разном контексте

Вилки путают людей так же, как переключатели и чекбоксы путают дизайнеров. Некоторые из них считают что они по сути являют одно и то же, а значит и разница в использовании невелика. Однако на самом деле необдуманное применение этих элементов графического дизайна могут вызвать неожиданности и недоумение. Как и вилки, переключатели и чекбоксы созданы для использования в разных контекстах.

Переключатели и чекбоксы используются для активирования настроек. Но отличается срочность с которой пользователь ожидает выполнения действия.

Использование этих элементов контроля в правильном контексте сделают ваш интерфейс интуитивно понятнее и проще в использовании. А неправильное использование может вызвать недоумение и ощущение что что-то пошло не так.

Переключатели — для незамедлительного эффекта

Переключатели всегда показывают включена и отключена опция. Когда пользователь переключает функцию в положение «on/вкл», он ожидает эффекта мгновенно — в тот же момент, когда сработал переключатель. Эта схема работает не только с онлайн-переключателями, но и с настоящими переключателями.

Когда вы включаете свет, вы ждете что лампочка моментально загорится. Задержка этого действия заставит вас думать, что что-то идет не так.

Переключатели никогда не должны требовать от пользователя нажать еще и на кнопку, так как переключатели сами по себе являются кнопками переключения. Если вы заставляете пользователя нажать еще и кнопку сохранения, вы путаете его, так как он этого не ожидает.

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

Чекбоксы требуют нажатия кнопки

Чекбоксы не меняют настройки мгновенно. Вместо этого, они работают в купе с кнопкой сохранения и вводят в силу изменения после нажатия на кнопку. Необходимость нажать кнопку позволяет пользователям проверить настройки перед отправкой формы. Это помогает избежать случайных ошибок.

Визуальные ассоциации с чекбоксом иные, нежели с переключателем. В то время как состояние «вкл» незамедлительно переключает опцию, галочка в чекбоксе означает лишь выбор. Это значит, что пользователь не ждет моментальных изменений.

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

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

Что выбрать?

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

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

Автор статьи anthony

Перевод — Дежурка

Смотрите также:

• Выбор времени в интерфейсе: виджет вместо выпадающего меню
• Почему пользователи не любят выпадающее меню
• Когда уместно использовать навигационную цепочку в веб-дизайне