Как вы отображаете элементы, которые могут переключаться (пользовательский интерфейс)

Question

Скажем, у меня есть состояние, которое пользователь может переключать, например, [ON] | [OFF] .

Как правило, я использую ОДИН переключатель (КНОПКУ), и когда вещь ВКЛ , пользователь видит:

СВЕТ ЕСТЬ [ВКЛ]

Когда он ВЫКЛ они видят

СВЕТ ЕСТЬ [ВЫКЛ]

Мой вопрос: очевидно (разумно), что нужно нажать [ON] , чтобы включить свет [OFF] ?

Как ты это делаешь? Любые мысли или идеи приветствуются.

Answer 1

Я бы использовал метку и кнопку, чтобы показать действие.

Свет включен - Выключить?

Нажатие, которое изменит метку и кнопку на:

Свет не горит - Включить?

В этом решении четко указаны статус и доступные действия.

Answer 2

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

В любом случае вы можете сделать всю строку кликабельной, чтобы она переключалась и при нажатии на текст (как элемент HTML Label).

Отображение кнопки, содержащей только текст «ВКЛ», может сбить с толку пользователей, независимо от того, включен ли индикатор или текущее состояние «включено».

Answer 3

Изображение говорит тысячу слов ...

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

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

Не все знают, что такое флажок;)

Answer 4

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

<input type="radio">Light on<br>
<input type="radio">Light off

Другой вариант - попытаться реализовать какую-то кнопку переключателя, похожую на эту, которая используется на iPhone:

Кнопка включения в iPhone - выкл. http://www.poolworksbvi.com/POOL_CONTROL/Pool1_files/iphone_switch.png

Кнопка включения на iPhone - вкл http://www.poolworksbvi.com/POOL_CONTROL/Pool1_files/iphone_switch+on%20copy.png