Skeuomorphismus

Der ganze Zweck des Skeuomorphismus besteht darin, die Probleme anzugehen, mit denen Sie konfrontiert sind. Das Nachahmen der Ästhetik physischer Objekte, an die Menschen in der realen Welt gewöhnt sind, hilft ihnen, die Funktionalität Ihrer Benutzeroberfläche zu verstehen.

Skeuomorphismus hat in letzter Zeit einen etwas schlechten Ruf bekommen, hauptsächlich weil Apple es ein bisschen zu weit getrieben hat. Vor iOS 7 ging es bei dem skeuomorphen Design, das Apple verwendete, mehr um Ästhetik als um Funktion, aber Skeuomophismus hat einen echten funktionalen Vorteil, indem er Benutzern hilft, neue Konzepte mithilfe von Metaphern zu verstehen.

Schauen Sie sich diese Schieberegler an – sie haben alle Knöpfe/Knöpfe, die aussehen, als könnten Sie sie greifen und ziehen oder etwas mit ihnen machen, genau das, was Sie mit ihnen machen sollten:

^Quelle

Beispiel

Dies ist ein schnelles Modell Ihrer Benutzeroberfläche mit einigen hinzugefügten Schiebereglern:

Sie sehen nicht gut aus, aber das hat mich 2 Minuten gekostet und es ist jetzt offensichtlich, dass sie zum Ziehen/Schieben geeignet sind. Da Ihre Benutzeroberfläche keine ist, werden die meisten Leute daran gewöhnt sein, Pfeile hinzuzufügen, um Bewegungen vorzuschlagen.

Der Platz ist ziemlich begrenzt, daher besteht eine Idee darin, die Schieberegler beim ersten Start/der ersten Installation offensichtlich groß anzuzeigen und dann ihre Größe zu reduzieren, sobald die Werte geändert wurden – an diesem Punkt weiß der Benutzer, dass sie da sind und was sie tun. Eine Erweiterung dieser Idee besteht darin, dass sich die Griffe beim Schweben weiter nach innen bewegen oder größer werden.

Es gibt viele verschiedene Lösungen, aber im Großen und Ganzen lautet die Antwort: Skeuomorphismus.

Aktualisieren

Nachdem Sie Ihre Erweiterung verwendet haben (ich mag sie übrigens wirklich!), würde ich sagen, dass Sie auch die verschiedenen Schieberegler beschriften müssen - es ist nicht sofort klar, was was steuert. Die Tooltips erklären klar, aber sie sind nicht offensichtlich genug, wenn die Leute nicht einmal wissen, dass sie die Schieberegler bewegen können, sind sie sich definitiv nicht der Tooltips bewusst, die erklären, was diese Schieberegler steuern.

Die Beschriftungen „Tag“, „Nacht“ und „Übergang“ würden ausreichen, wobei die Tooltips eine bessere Beschreibung geben als jetzt.

Ein schnelles Modell mit einigen möglichen Verbesserungen:

Derzeit sehen die drei kleinen Noppen nicht wie ein verschiebbares Objekt aus, weshalb die Leute möglicherweise nicht versuchen, sie zu verwenden.

Ich schlage vor, einen Blick auf einige Slider/Slider-Plug-Ins zu werfen, um zu sehen, wie sie mit ihren Gleitarmen umgehen.

Vielleicht möchten Sie etwas mit einem Punkt darauf verwenden, damit es auch pinpointsgenau das ist, was sie verschieben. So etwas vielleicht.

Hier ist der Grund:

Als Benutzer, die Websites und Tools eifrig nutzen, treten wir unwissentlich in einen Selbstlernprozess ein. In diesem Prozess lernen wir viele Schlüsselelemente über das Surfen im Internet, einige allgemeine grundlegende Dinge werden unwissentlich gelehrt:

1. Rot bedeutet normalerweise unsuccessfuloderclose
2. Grün bedeutet normalerweise successoderopen
3. Pfeile zeigen Vorwärts- und Rückwärts-Browsing an
4. Zeiger-Cursor bedeutet, dass das Objekt anklickbar ist

Ob Sie es glauben oder nicht, Schieberegler sind in vielen Web-Tools zu einem großen Teil geworden, also haben sie auch ihre eigenen standard appearance.. Hier kommen A/B-Tests ins Spiel, nehmen Sie 2 oder 3 verschiedene Stile und testen Sie sie, hier sind 3 der häufigsten :

1. Kreisschieber
2. Zeiger Schieberegler
3. abgerundeter Schieber

Ich würde vorschlagen, mit einer bereits vorhandenen Option zu gehen, würde aber stark zu einem spitzen Schieberegler für Ihren spezifischen Anwendungsfall tendieren.