Skip to content
Version:

STATES

Übersicht

Die Pflege von konsistenten digitalen Benutzeroberflächen über die gesamte AKDB erfordert weitreichende Richtlinien bzgl. der Verwendung von Zuständen. Die folgenden Konzepte dienen als Grundlage für einheitliche Komponenten. 

Interaction States

Enabled

Wird verwendet, wenn kein anderer Zustand benötigt wird. Die Komponente kann vom Nutzer bedient werden und löst die mit ihr verknüpfte Aktion aus.

broken_image
Figma
Button
broken_image
Figma
Checkbox
broken_image
Figma
Text field

Hover

Zustand visueller Hervorhebung wenn der Nutzer den Mauszeiger über die Komponenten bewegt.

broken_image
Figma
Button
broken_image
Figma
Checkbox
broken_image
Figma
Text field

Active

Visuelle Hervorhebung wenn die Komponente active ist.

broken_image
Figma
Checkbox
broken_image
Figma
Button
broken_image
Figma
Text field

Read Only

Eine Komponente kann für den Nutzer gesperrt sein. In diesem Fall dient diese lediglich als Anzeige von (System-)Daten. In diesem Zustand kann die Komponente nie in den Zustand Enabled wechseln.

broken_image
Figma
Checkbox
broken_image
Figma
Text field

Disabled

Ist eine Komponente disabled kann die mit ihr verbundene Aktion nicht ausgelöst werden. Im Laufe des Prozesses kann diese Enabled werden.

broken_image
Figma
Checkbox
broken_image
Figma
Button
broken_image
Figma
Text field

Hidden

Fehlen dem Nutzer Rechte, um bestimmte Aktionen durchzuführen, werden die damit verbundenen Komponenten nicht angezeigt.

Indeterminate

In bestimmten Fällen kann es vorkommen, dass der Zustand einer Komponente weder Enabled noch Active ist. Es ist so gesehen ein Zustand dazwischen.

Feedback States

Default

Eine Default Komponente kann für neutrale Inhalte verwendet werden.

broken_image
Figma

Default Callout

Information

Wird verwendet, wenn dem Nutzer Informationen angezeigt werden.

broken_image
Figma

Information Callout

Success

Diese Komponente wird verwendet, wenn dem Nutzer positive Rückmeldungen angezeigt werden sollen.

broken_image
Figma

Success Callout

Warning

Verwendung für Warnanzeigen.

broken_image
Figma

Warning Callout

Error

Diese Komponente wird verwendet, wenn dem Nutzer negative Rückmeldungen angezeigt werden.

broken_image
Figma

Error Callout

Denied

Wenn die Komponente einen leeren Zustand haben kann, sollte dieser verwendet werden.