top of page

Hierarchie bei Buttons

Hast du mehrere Knöpfe in einem Abschnitt und irgendwie sieht es komisch aus?


Das liegt wahrscheinlich daran, dass sie beide gleich dominant wirken und sich so den Platz streitig machen. Unser Auge weiss nicht, welcher Knopf wichtiger ist und welcher es zuerst ansehen soll.


Wie schaffe ich es nun mehrere Knöpfe so darzustellen, damit sie sich nicht gegenseitig die Show stehlen?

Mit Hierarchie!


Hierarchie kannst du mit Grösse, Schatten und Farbe erschaffen. Schauen wir uns einige Beispiele an:


Grösse

Grössere Buttons wirken automatisch wichtiger / dominanter. Mach also den wichtigeren Knopf grösser.



Hierarchie durch Grösse
Hierarchie durch Grösse


Farbe und Kontrast

Mit einer auffälligeren Farbe kannst du signalisieren, dass dieser Knopf wichtiger ist, wie der andere.

Gestalte die zwei Knöpfe unterschiedlich. Wie wäre es mit einem ausgefüllten Knopf für die wichtige Aktion und einen umrandeten Knopf für die zweit wichtigste Handlung?



Hierarchie durch Farbe
Hierarchie durch Farbe


Schatten

Füge mit Schatten Tiefe hinzu. Elemente die Schatten werfen sind weiter oben, also wirken näher bei dir und sind dadurch in der Hierarchie weiter oben.



Füge Schatten hinzu um Tiefe zu generieren
Hierarchie durch Tiefe

Und wie gestaltest du deine Knöpfe?

Comments


Benötigst du Hilfe bei deiner Wix Website?

Buche eine Support-Stunde bei mir!

bottom of page