“Klick mich!” Dos and Don’ts für die Button-Gestaltung

Veröffentlicht von Jens - 8. Juli 2020

Lichtschalter, Fernseher, Autos mit Start-Stopp Automatik... Alle diese Dinge werden über Tasten bedient. Genauso wie ich gerade auf die Tasten tippe, während ich diesen Beitrag schreibe. Menschen sind es gewohnt, dass durch das Drücken einer Taste eine Aktion erfolgt. Ich klicke auf den Lichtschalter und das Licht geht an. Bei Webseiten oder Apps werden Buttons

Buttons_Titelbild_Dos-and-donts-no-text-1050x700

Wie sieht ein guter Button aus?

Ein Button sollte sich gut vom Hintergrund und anderen Elementen wie z.B. Formularfeldern abheben. Hier sollten Farben verwendet werden, die einen guten Kontrast zueinander haben. Durch einen zusätzlichen Schlagschatten wirkt es so, als ob der Button etwas heraussteht und plastischer wirkt.

Wie sieht das bei mehreren Buttons aus?

Wenn Du auf einer Login-Seite bist, möchtest Du dich sehr wahrscheinlich gerade anmelden. Von daher ist es wichtig, dass dir der “Anmelden”- Button zuerst ins Auge fällt.

Wie sieht es mit Button-Texten aus?

Ein guter Button-Text sollte kurz und gut verständlich sein, damit der Nutzer sofort versteht, welche Aktion der Button auslöst. Weitere Infos und Beispiele dazu findest Du hier.  

Wie kreativ darf ich bei der Gestaltung sein?

Bei Buttons darf man in einem gewissen Rahmen kreativ sein, sollte sich aber irgendwann auf einen Style festlegen und nicht zu viele verschiedene Button-Variationen verwenden, da dies den Nutzer verwirren könnten. Weitere Infos dazu findest du auch im Bereich Buttons im SÜDKURIER Styleguide.    

Das könnte Dich auch interessieren

Dashboards: Einheitliches Zielverständnis und Transparenz im ganzen Unternehmen

Schon immer war es für Sales-Manager oder Vertriebsmitarbeiter gängig, auf Basis definierter Ziele zu arbeiten. In der digitalen Transformation kommen nun auc...

Homeoffice in einer WG: Tipps und Tricks

Manche Menschen denken beim Wort «Homeoffice» an einen Unternehmer, der seine Multi-Millionen-Dollar-Geschäfte von zuhause aus mit einem bloßen Mausklick sc...

Wie der SHIFT gelingt. Oder: wie ein Relaunch abläuft

Jede Dekade wieder heißt es: der Relaunch steht an. Wobei eine Dekade ein wenig übertrieben ist. Wir wollen ja mit der Zeit gehen. Und auch Relaunch sagt man ...