kundennutzen.ch: Praxisnahes Online-Marketing-Magazin zum Thema Kundennutzen für Websites. In diesem Magazin erfahren Sie Tipps und Tricks für KMU rund um Online-Marketing mit den Schwerpunkten Website-Promotion und Website-Optimierung.

Online-Marketing Checkliste

Graphische- oder CSS-Buttons?

Konventionelle graphische Knöpfe (Buttons im Format .gif, .jpg oder .png) als auch CSS-Buttons haben ihre Vor- und Nachteile. Nur wenn man diese kennt, kann man sich für die einen oder anderen klar entscheiden.

Vorteile graphischer Buttons

• Jede denkliche Art von Buttons lassen sich erstellen, die sich auch optisch ideal in eine Website integrieren lassen.
• Diese Buttons sind in der Regel schöner als die sehr einfachen CSS-Buttons.

Nachteile graphischer Buttons

• Die Erstellung ist relativ aufwändig.
• Die Änderung einer Farbe ist aufwändig.
• Die Änderung eines Text-Eintrages ist aufwändig.
• Ladeintensiv
  Diese Buttons sind sehr schnell um den 100-fachen Faktor und mehr grösser als CSS-Buttons. Der Seitenaufbau dauert entsprechend etwas länger.
• Doppelter Aufwand
  Für den bekannten Mouseover-Effekte braucht es mindestens zwei Grafiken pro Button, ggf. aber auch drei Grafiken.
• Für den Mouseover-Effekt (beim Berühren des Buttons verfärbt sich der Button) braucht es einen umfangreichen JavaScript-Code.

Vorteile von CSS-Buttons

• Die Erstellung eines Buttons ist in Sekunden erledigt.
• Die Änderung einer Farbe ist in Sekunden erledigt.
• Die Änderung eines Text-Eintrages ist in Sekunden erledigt.
• Schneller Seitenaufbau
  Die Grösse eines Buttons ist praktisch nur die Anzahl der Buchstaben sowie einiger wenigen Zeilen CSS-Code.
• Für den bekannten Mouseover-Effekt sind nur einige Zeichen CSS-Code notwendig.
• Für den bekannten Mouseover-Effekt ist kein JavaScript-Code notwendig. JavaScript funktioniert nicht auf allen Ausgabegeräten und kann vom Surfer deaktiviert werden.

Nachteile von CSS-Buttons

• Die Gestaltungsmöglichkeiten sind etwas eingeschränkt.

Nachtrag

• Selbstverständlich lassen sich mit CSS auch graphische Buttons einsetzen. Damit kann man die Vorteile schöner grafischer Buttons mit den Vorteilen der CSS-Technik kombinieren.

Autor: Walter B. Walser, task-force.ch Website-Promotion

Über den Autor: Walter B. Walser ist Technischer Kaufmann und Website-Analytiker. Er lebt seit 15-Jahren vom Internet und hat sich auf die Website-Promotion spezialisiert.

Sie wollen keinen neuen Beitrag vom Online-Marketing-Magazin verpassen? Abonnieren Sie den kostenlosen Infoservice, der Sie per E-Mail über neue Beiträge orientiert.

kundennutzen.ch
Ein Projekt von
task-force.ch Website-Promotion