Das Konzept der Beschränkungen im Design kann als die Praxis definiert werden, Benutzeraktionen auf einem System zu begrenzen.

Einschränkungen begrenzen die Aktionen, die vom Benutzer ausgeführt werden können, wodurch die Nutzbarkeit des Entwurfs erhöht und die Wahrscheinlichkeit von Bedienerfehlern verringert wird.

Es gibt zwei Modelle von Einschränkungen: physisch und psychologisch. Physische Einschränkungen verringern die Empfindlichkeit von Steuerelementen und verhindern oder verlangsamen unerwünschte Aktionen, und psychologische Einschränkungen unterstützen die Verständlichkeit Ihres Entwurfs und machen ihn intuitiver.

Schauen wir uns die Feinheiten genauer an.

Physische Einschränkungen

Das erste Modell, die physische Beschränkung, bezieht sich auf die Fähigkeit, die Aktionen des Benutzers unter Verwendung eines physischen Objekts, sei es tatsächlich oder virtuell, zu beschränken. Es gibt drei Arten von physikalischen Einschränkungen: Pfade, Achsen und Barrieren.

Pfade beschränken die Benutzeraktion auf lineare oder krummlinige Bewegung. Dies wird am häufigsten durch die Verwendung von Rillen oder Kanälen erreicht. Pfade sind besonders in Steuerelementen nützlich, bei denen der Steuervariablenbereich relativ klein ist. Ein bekanntes Beispiel wäre die Lautstärkeleiste auf der iTunes-Oberfläche. Wie Sie sehen können, gibt es keine Möglichkeit, dieses Modul zu missbrauchen.

Achsen lenken die Benutzeraktion in eine Drehbewegung. Dies hat mehrere Vorteile, insbesondere ermöglicht es, dass die Steuerung expansiv oder unendlich lang ist und dennoch in einem kleinen Raum existieren kann. Ein Beispiel dafür ist das Werkzeug zum Drehen innerhalb des Reflect-Dialogfelds in Illustrator CS6. Hier haben Sie die Möglichkeit, das Objekt um 360 Grad zu drehen, wobei eine achsenbasierte Steuerung Ihre Bewegung steuert.

Barrieren absorbieren oder leiten Benutzeraktionen um. Auf diese Weise können Barrieren Benutzeraktionen verlangsamen, ablenken oder einstellen, die einer erfolgreichen Erfahrung nicht förderlich sind. Ein gutes Beispiel für die Schaffung einer Barriere ist die allgemeine "Sind Sie sicher, dass Sie diese Aktion ausführen möchten?" - Dialogfeld, die auf vielen Schnittstellen, insbesondere E-Commerce-Schnittstellen gefunden werden kann.

Psychologische Einschränkungen

Das zweite Modell, die psychologische Einschränkung, bezieht sich auf die Technik der Begrenzung möglicher Benutzeraktionen durch Nutzung der Art und Weise, wie Menschen ihre Umwelt wahrnehmen. Es gibt drei Methoden, psychologische Beschränkungen durchzuführen: Symbole, Konventionen und Kartierung.

Symbole kommunizieren über Text, Symbole und Sounds. Symbole sind nützlich, um Benutzer über bestimmte Aktionen zu kategorisieren, zu klären und zu warnen. Ein gutes Beispiel für Symbole, die für die Konstruktionsbegrenzung verwendet werden, ist der Fehlerton, den ein PC macht, wenn ein Eintrag unvollständig oder ungültig ist. Dies dient als Warnung für den Benutzer, dass zusätzliche Aktionen notwendig sind.

Konventionen beschränken die Benutzeraktion, indem sie auf erlernte Gewohnheiten und Übungen zurückgreifen. Beispiel: Stellen Sie eine rote Schaltfläche neben einer grünen Schaltfläche dar. Man muss nicht sehr gründlich darüber nachdenken, was es bedeutet, den einen gegen den anderen zu verwenden.

Mappings beeinflussen das Benutzerverhalten, indem sie eine wahrgenommene Beziehung zwischen Elementen eines bestimmten Designs schaffen. Zum Beispiel impliziert eine Gruppe von Optionsfeldern, die nahe bei einer Liste von Auswahlmöglichkeiten angeordnet sind, die Beziehung zwischen den zwei Elementen. Zuordnungen sind nützlich, um mögliche Aktionen für den Benutzer basierend auf Prominenz, Position und Aussehen der Steuerelemente zu veranschaulichen.

Einschränkungen verwenden

Während das Benutzerverhalten zunächst eingeschränkt wird, anstatt es zu aktivieren, mag es zunächst kontraintuitiv erscheinen. Indem wir einschränken, welche Aktionen Benutzer ausführen können, können wir uns darauf konzentrieren, diese begrenzten Optionen zu perfektionieren. Das Verständnis und die Implementierung von Constraints unterstützen die Benutzerfreundlichkeit und helfen Ihren Benutzern, Ihr Design mit minimalem Fehleraufwand umzusetzen und so eine effektivere Gesamterfahrung zu erzielen.

Welche Formen der Beschränkung sind am effektivsten? Wie sorgfältig planen Sie Einschränkungen in Ihrem UI-Design? Lassen Sie es uns in den Kommentaren wissen.

Ausgewähltes Bild / Vorschaubild, Contraint Bild über Shutterstock.