Buttons

Schaltflächen sind wie Links die Basis für die Interaktion mit Benutzern. Je nach Priorität der Interaktion stehen zwei Größen zur Auswahl.
Die Farbe der Schaltfläche basiert auf der Hauptunternehmensfarbe der Seite.
Mouseover- und Inaktivitätsstatus sind für alle Schaltflächen gleich.
Für die Standardgröße steht eine Icon-Version zur Verfügung.
Die Schaltfläche wächst proportional mit der Länge des Texts.
Schaltflächen und Inhalt sind linksbündig ausgerichtet (in VP1 zentriert). In besonderen Fällen - wie bei Formularen - können sie auch rechts vom Inhalt ausgerichtet werden.

Druck

Standardschaltfläche

Die Standardschaltfläche kann mehrmals pro Seite verwendet werden. Die Typografie ist auf normal, zentriert und sollte so kurz wie möglich sein, um sicherzustellen, dass der Benutzer sie versteht und die Schaltfläche in allen Ansichtsfenstern korrekt anzeigt.

standard button.jpg
Druck

Großer "call to action"

Der große Button kann nur einmal pro Seite verwendet werden. Es zeigt die Hauptinteraktion oder Umwandlung. Die Typografie ist fett und zentriert gesetzt. Der Text sollte so kurz wie möglich gehalten werden.

large call to action.jpg
Druck

Schaltflächen mit Icons

Die Verwendung von Icons hilft dem Benutzer, die Funktionen der Schaltflächen intuitiver zu verstehen. Zum Beispiel macht die Verwendung eines Pfeils nach links deutlich, dass Sie einen Zurück-Button sehen. Die Auswahl des Icons sollte daher immer zur Interaktion passen. Diese Schaltfläche sollte nur einmal pro Seite verwendet werden.

buttons with icons.jpg

responsive behaviour.jpg
a. Die Buttongröße verhält sich proportional zum eingefügten Text und der Schriftgröße des jeweiligen Ansichtsfensters. Schaltflächen werden immer in Kombination mit anderen Komponenten angezeigt - zumindest mit Text.

b. Das kleinste Ansichtsfenster zeigt die Schaltfläche in voller Gitterbreite an.

Verwandte Themen

 

Kontakt und Feedback

Das Team Brand Consultancy berät Sie gerne bei Fragen: Kontakt.
Wir freuen uns über ein Feedback zum Brand Portal.