За обновлениями можно следить в telegram-канале https://t.me/quasiart

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

Вилки

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

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

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

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

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

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

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

switch-checkbox-with-button

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

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

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

switches-vs-checkboxes

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

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

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

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