Добрый день. Я занимаюсь web-разработкой и почти всем, что с этим связано.

Переключатель или чекбокс

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

Вилки

Одинаковые функции, но разный контекст

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

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

Использование одного или второго в нужном контексте гарантирует удобство использования. Если же использовать эти элементы в неверном контексте, то интерфейс для пользователей будет менее предсказуемым и очевидным.

Переключатели для мгновенного действия

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

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

switch-checkbox-with-button

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

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

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

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

switches-vs-checkboxes

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

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

Выбор между переключателем и чекбоксом

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

Комментарии