Wie erstelle ich einen guten Button?

Ein guter Button ist sooooo wichtig. Warum? Und wie erstelle ich einen guten Button?

 button (4)

Ein guter Button …

  • ist auffällig
  • hebt sich ab vom Design der Seite
  • hat einen überzeugenden Text
  • bildet mit „Ich möchte …“ einen sinnvollen Satz

Gute Texte auf dem Button sind zum Beispiel:

  • „in den Warenkorb legen“ (mit dem Wort legen ist der Button besser als ohne)
  • „PDF downloaden“
  • „Formular senden“

Auf gute Buttons wird mehr geklickt und so haben Sie mehr Erfolg!

 

button (1)

Die besten Farbe für einen Button

Die beste Farbe für einen Button hängt natürlich vom Design und vom Hintergrund ab. Der Button soll eher nicht harmonieren sondern auffallen im Design.

Bei den meisten Tests wird auf Buttons in gelb oder orange am meisten geklickt. Wenn Sie es für Ihre Website sicher wissen wollen, dann testen Sie es mit einem AB-Test.

 

button (8)

Online Button Generatoren

Wie erstelle ich einfach und rasch einen guten Button? Dafür gibt es Button Generatoren.

Gerne verwende ich

http://buttonoptimizer.com (wählt zu einer Farbe gleich den Verlauf und die Randfarbe aus, mit Icon)

 

Weitere gute Online Button Generatoren:

http://www.bestcssbuttongenerator.com (mit Farbkombinationen zur Auswahl)

http://buttonoptimizer.com (wählt zu einer Farbe gleich den Verlauf und die Randfarbe aus, mit Icon)

http://html-generator.weebly.com/css-button-generator.html (mit Farbkombinationen zur Auswahl)

http://dabuttonfactory.com

http://onlinehtmltools.com/button-genaretor

http://www.cssportal.com/css3-button-generator/

http://www.tutorialrepublic.com/twitter-bootstrap-button-generator.php (mit Icon)

http://buttons.cm/ (Button, der in Emails richtig angezeigt wird)

 

button (6)

Offline Button Generator

Ein sehr guter Button Generator ist auch Powerpoint.

  1. Erstellen Sie ein Rechteck mit abgerundeten Ecken
  2. Als Hintergrundfarbe stellen Sie einen Farbverlauf zwischen zwei Farben ein
  3. Geben Sie den Text ein
  4. Eventuell kopieren Sie ein Icon in den Button
  5. Mit dem Snipping Tool erstellen Sie einen Screenshot vom kompletten Button
  6. Speichern Sie den Screenshot als Datei
  7. Integrieren Sie den Button in Ihre Website

 

button (9)

button (10)

button (11)

 

Schreibe einen Kommentar