Zustandsanzeige umschalten

Question

Ich entwerfe eine Reihe von Schaltern neu, von denen einige mithilfe eines Standardmusters aktiviert und deaktiviert werden können. Einige von ihnen sind jedoch aufgrund von Administratorrechten standardmäßig aktiviert, können jedoch nicht vom Benutzer deaktiviert werden . Die aktuelle Anzeige zeigt diese Schalter mit einer hellgrünen Farbe, aber wie gesagt, sie sind nicht anklickbar. Dies hat mich verwirrt, als ich das Verhalten analysierte, und ich gehe davon aus, dass die Benutzer genauso denken könnten. Glauben Sie, dass es eine Möglichkeit gibt, diese Schalter anzuzeigen, damit der Benutzer weiß, dass sie aktiviert sind, aber ihr Status nicht geändert werden kann? Die App reagiert und kann auf mehreren Geräten angezeigt werden. Danke im Voraus!

Answer 1

Material Design zeigt den gesperrten Zustand durch eine ausgegraute Version wie folgt an:

Aber das Problem hier ist die Erreichbarkeit. Benutzer mit Sehbehinderungen können diese beiden nicht unterscheiden.

Was Sie stattdessen tun können, ist ein Schlosssymbol innerhalb des Umschalters zusammen mit einer Farbe mit geringerer Deckkraft hinzuzufügen und wenn der Benutzer versucht, damit zu interagieren, einen Tooltip mit der Aufschrift „Von Administrator gesperrt“ / „Von Administrator aktiviert“ oder so etwas bereitzustellen.

Answer 2

Während ein "verblasster" Stil für deaktivierte Steuerelemente ziemlich Standard ist, besteht das Problem hier darin, dass der Unterschied zu subtil ist, als dass der Benutzer ihn klar erkennen könnte.

Sie könnten die Farbe beispielsweise von Grün in Grau ändern, aber das könnte die Klarheit verlieren, dass es tatsächlich "aktiviert" bedeutet (was in erster Linie der ganze Zweck der grünen Farbe ist).

In Anbetracht dessen würde ich vorschlagen, auf die Verwendung eines Steuerelements für diesen Zweck überhaupt zu verzichten. Stattdessen können Sie Text verwenden, um den aktivierten/deaktivierten Status anzuzeigen, ohne die Verwirrung zu haben, ein Steuerelement dafür zu verwenden. Zum Beispiel:

---

Alternativ könnte man, wie von jcaron vorgeschlagen, auch explizit angeben, dass die Einstellungen vom Administrator gesetzt wurden. Dies hilft dem Benutzer zu verdeutlichen, dass er sie nicht ändern kann. Etwas wie das:

Answer 3

Zuerst müssen Sie sich darüber im Klaren sein, ob Ihr Schalter schreibgeschützt oder deaktiviert sein soll.
Hier ist ein guter Artikel dazu:https://vaadin.com/docs/v8/framework/articles/ReadOnlyVsDisabledFields.html

In meinem letzten Projekt habe ich diese Stile verwendet, um die Zustände eines Kippschalters zu unterscheiden.
Die Schalter sind „aktiv und ausgewählt“, „aktiv“, „deaktiviert“ und „schreibgeschützt“.