2009-04-09 5 views
4

Скажем, у меня есть какое-то состояние, которое пользователь может переключать, например [ВКЛ] | [OFF].Как вы можете отображать элементы, которые могут переключаться (UI)

Обычно я использую один переключатель (кнопку), и когда дело ON, пользователь видит:

СВЕТ [ON]

Когда это OFF они видят

LIGHT IS [OFF]

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

Как вы это делаете? Любые мысли или идеи оценены.

ответ

4

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

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

Щелкнув, что бы изменить метку и кнопку для:

ГОРИТ - Включить?

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

+0

Я думаю, это то, о чем я думал, подсознательно – inspite

2

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

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

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

+0

Это, безусловно, имеет смысл, и более ясный, чем то, что я сейчас делаю, но я ненавижу флажки: D – inspite

1

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

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

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

Не каждый знает, что флажок;)

+0

И с небольшим количеством CSS вы можете отобразить изображение или вернуться к сом e HTML-контроль (например, флажок), когда CSS/изображения отключены. –

0

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

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

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

Switch button in iPhone - off http://www.poolworksbvi.com/POOL_CONTROL/Pool1_files/iphone_switch.png

Switch button on iPhone - on http://www.poolworksbvi.com/POOL_CONTROL/Pool1_files/iphone_switch+on%20copy.png