Wie zeigen Sie Elemente an, die umgeschaltet werden können (UI)

Angenommen, ich habe einen Zustand, in den der Benutzer wechseln kann, z. B. [ON] | [AUS].Wie zeigen Sie Elemente an, die umgeschaltet werden können (UI)

Normalerweise verwende ich einen Schalter (Button) und wenn die Sache ON ist, der Benutzer sieht:

LIGHT ist [EIN]

Wenn es OFF sie sehen

LICHT IST [OFF]

Meine Frage ist: ist es offensichtlich (sinnvoll), dass man auf [ON] klicken sollte, um das Licht zu schalten [OFF]?

Wie machst du das? Irgendwelche Gedanken oder Ideen geschätzt.

Quelle

2009-04-09 inspite

Ich würde ein Etikett und eine Schaltfläche verwenden, um die Aktion anzuzeigen.

Licht ist an - Ausschalten?

Ein Klick, die sowohl das Etikett und die Schaltfläche ändern würde:

Licht ist aus - Switch On?

Diese Lösung gibt den Status und die verfügbare Aktion eindeutig an.

Quelle

2009-04-09 10:12:59 Tom

Ich denke, das, was ich dachte subkontinental – inspite

Ich würde auf jeden Fall die Idee einer Checkbox-ähnliche Kontrolle einbeziehen, wenn es um Klarheit geht. Dies ist eine allgemein akzeptierte Schnittstellenkomponente, die die meisten Menschen verstehen.

In jedem Fall können Sie die gesamte Zeile klickbar machen, so dass sie auch dann klickt, wenn ich auf den Text klicke (genau wie ein HTML-Label-Element).

Das Anzeigen einer Schaltfläche mit nur dem Text 'ON' kann Benutzer verwirren, ob sie das Licht einschaltet oder ob der aktuelle Status 'Ein' ist.

Quelle

2009-04-09 10:04:00

das auf jeden Fall sinnvoll ist, und ist klarer als das, was ich derzeit mache, aber ich hasse Checkboxen: D – inspite

Ein Bild mehr als tausend Worte spricht ...

Je nach Art der Anwendung, einen Lichtschalter Bild anzuzeigen, das Sie klicken kann der Zustand des Feldes einstellen könnte intuitiver sein?

Sie könnten dann ein Glühbirnen- und Glühbirnenbild haben, um den Zustand anzuzeigen.

Nicht jeder weiß, was ein Kontrollkästchen ist;)

Quelle

2009-04-09 10:17:24 Konrad

Und mit ein wenig CSS, können Sie das Bild anzeigen oder auf Som zurückgreifen e HTML-Kontrolle (wie ein Kontrollkästchen), wenn CSS/Bilder deaktiviert sind. –

Sie Radio-Boxen verwenden könnte, die ziemlich Standard-Kontrollen sind und nicht für die meisten Menschen verwirrend sein.

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

Eine weitere Option ist, um zu versuchen und eine Art Schalter drücken, etwas wie diese zu implementieren, die auf dem iPhone verwendet wird:

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

Quelle

2009-04-09 13:08:42 Daan

Wie zeigen Sie Elemente an, die umgeschaltet werden können (UI)

Antwort

Verwandte Themen