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.