Best Practice
Nutzen Sie unsere Trickkiste, um Ihre Website optimal zu pflegen. Schauen Sie einmal durch unsere Best Practice-Beispiele, profitieren Sie von unseren Tipps und Tricks und lernen Sie, was als “Kleinigkeit” mitunter große Auswirkung haben kann.
Grundsätze zur Gestaltung von Buttons auf Ihrer Website
Um sich selbst und weiteren Redakteuren, die Ihre Website möglicherweise pflegen, das Leben zu erleichtern, ist es sinnvoll, sich beim Erstellen der Website ein paar Gedanken zu machen, wie Buttons grundsätzlich gestaltet sein sollten. Dies sorgt für ein einheitliches Erscheinungsbild Ihrer Website.
Ein paar grundsätzliche Guidelines zum Thema Buttons:
- Button-Texte sollten so kurz wie möglich gehalten werden.
- Sie sollten möglichst nicht generisch getextet sein (z. B. „mehr Informationen“, besser: „Infos zu Produkt xyz“).
- Sie sollten dem User eine Idee geben, wohin der Klick ihn führen wird.
- Der Button sollte zum Klicken anregen (CTA = Call-to-action).
Vier Überlegungen zu Buttons auf Ihrer Website:
1. Gestaltung:
Buttons auf der Seite sollten standardmäßig immer dieselbe Anmutung haben, z. B. immer in der Farbe „primary“ im Backend. Zusätzlich empfiehlt es sich, eine kontrastreiche Farbe (Highlightfarbe) zu definieren für Buttons, die besonders hervorstechen sollen, z. B. in der Farbe „danger“.
2. Position:
Die Ausrichtung von Buttons sollte immer einheitlich sein. Z. B. in Kartengruppen immer links unten, bei zweispaltigem Text immer mittig.
3. Typografie:
Die Schriftart der Button-Texte sollte definiert werden: Sollen ausschließlich Versalien genutzt werden oder gemischte Groß- und Kleinschreibung? Soll der Unternehmens- oder Produkt-Brand evtl. abweichend in Versalien geschrieben werden?
4. Wording / Tonalität:
Die Button-Texte sollten der gesamten Tonalität der Website folgen. Wird der User gesiezt oder geduzt? Ausrufezeichen machen meist nur bei Aufforderungen Sinn (z. B. „Jetzt Angebot anfordern“).