Wie bereits in unserem Artikel “Button-Faktor” beschrieben sollte die Aufforderung zur Aktion (Call-to-Action) auf keiner Internetseite fehlen. In Webshops ist das selten der Fall – wohl aber auf vielen Unternehmensseiten. Spätestens wenn die Awareness dafür geschaffen wurde, dass über das Internet Kontakte und damit Umsätze generiert werden können ist er aber da: Der Button, der zum Konversionsziel (Kauf, Newsletterabo, PDF-Download etc.) führt.

Ein gutes Design verstärkt hierbei den Impuls zur Nutzung des Buttons. Das Magazin Smashingmagazin hat hierzu eine sehr gute Zusammenfassung verfasst, worauf zu achten ist:

1. Aufmerksamkeit durch Button-Größe
   Je größer ein Element der Webseite, desto wichtiger erscheint es. Call-to-action-Buttons sollten daher größer als andere ihn umgebende Elemente sein. Wenn mehrere Buttons vorhanden sind, sollte der (für das Unternehmen) wichtigere größer sein als alle restlichen Buttons.
2. Aufmerksamkeit durch prominente Platzierung
   Eine prominente Platzierung kann beispielsweise im Headerbereich oben oder in der absoluten Mitte der Inhaltsseite erreicht werden
3. Hervorheben durch Nutzung kontrastreicher Farben
   Starke, kontrastreiche Farben werden vom Auge sofort wahrgenommen. Hebt sich der Button gestalterisch von der restlichen Farbgebung ab wird die Aufmerksamkeit sofort darauf gelenkt.
4. Anbieten von alternativen Optionen
   Viele Webseiten verfolgen mehrere Konversionsziele und auch Besucher haben teilweise unterschiedliche Bedürfnisse: Der Eine möchte sofort bestellen – der andere erst noch weitere Informationen erhalten. Hier sollten den zwei Buttons unterschiedliche Gewichtung gegeben werden: Der “Kaufen” Button kann durch die bereits beschriebenen Maßnahmen (insbesondere farbliche Herorhebung) gegenüber dem weniger wichtigen Button hervorgehoben werden.
   
5. Aktionsaufforderung durch das Vermitteln von Dringlichkeit
   Ein einmaliges Angebot zu erhalten, was nur kurze Zeit zur Verfügung steht fördert die Aktionslust. Button-Bezeichnungen wie “Jetzt” oder Erklärung wie “Nur kurze Zeit”oder “Einführungspreis”vermittelt das Gefühl ein Schnäppchen zu machen – bei dem man besser früher als später zuschlägt
6. Einfachheit der Aktion transportieren
   Ein oft übersehener Punkt in der Gestaltung von Buttons (und Formularen).Erfährt der Besucher, dass die Anmeldung zum Newsletter nur 30 Sekunden dauert, ist die Hürde sich anzumelden um Einiges geringer.
7. Den Besucher darüber aufklären was zu erwarten ist
   Ganz klassische Kardinalfehler, der mir insbesondere bei Newslettern zuhauf begegnet. Viele Webseiten, Webshops, Online-Magazine bieten Newsletter an, aber sehr wenige klären mich darüber auf, was ich mit der Anmeldung wirklich zu erwarten habe (Vorteile, Inhalte, Rhythmus).

Das sind alles keine neuen, erstaunlichen Erkenntnisse – trotzdem werden sie nicht immer beherzigt – was zu Lasten der Konversionsraten geht.

Linktipps zum Weiterlesen mit vielen Beispielen:

Call to Action Buttons: Examples and Best Practices

80 Examples of Add to Cart Buttons for Design Inspiration

Add-to-Cart E-Book (deutsch)

Auf meinen Reisen ins Ausland halte ich immer Augen und Ohren offen: Ein Blick in andere Kulturen bringt immer neue Eindrücke – das macht vor der Werbung nicht halt. So scheint in England die TV-Werbung für Webseiten an der Tagesordnung zu sein, während es in Deutschland noch eher die Ausnahme ist.

Mitte November ging es nach Paris: Die Stadt der Liebe… und der Hopper. Ja, richtig – eine richtige Hopperinvasion gab es hier.

Tag 1: Drei nette Jungs hüpfen auf Ihren Hoppern durch die Stadt und lösen Verwunderung aus. Lustig ist es allemal! Flyer verteilen sie nicht, sie hüpfen seelenfroh und eifrig durch die Gegend und lassen sich gerne fotografieren.

Tag 2: Die Hopper begegnen mir am Ausgang der Metrostation Opera in Form eines Straßentatoos. Aha, die kenne ich doch! Was steht da? www.hopperinvasion.fr

Tag 3: Das WLAN des Hotels funktioniert – jetzt muss ich doch mal schauen, was sich hinter der hopperinvasion.fr verbirgt. Ich lande auf der der Webseite von Nokia, die dazu aufruft seinen eigenen Hopper zu kreieren und zu gewinnen. Die Aufmerksamkeit soll damit auf das neue Sony Ericsson-Mobiltelefonmodell Satio gelenkt werden. Veranstaltete Flashmobs, Facebook-Gruppen und weitere Events unterstützen den viralen Effekt der Kampagne.

In Deutschland gibt es die Hopper übrigens auch, wie ich im Nachhinein feststellte. Unter www.hopperinvasion.de werden täglich live mehrere hunderte Hopper in die Luft geschickt.

Eine runde Kampagne mit hohem Aufmerksamkeitswert und einer Kombination aus Online- und Offline-Werbedruck über alternative Kanäle und Maßnahmen. Eine weitere Erkenntnis: Warum in die Ferne schweifen, wenn das Gute liegt so nah ;)

Einige gute Ideen bezüglich Gestaltung von Werbeformaten haben wir für Sie herausgesucht. Lassen Sie sich inspirieren:

Synchronisierte Bannerwerbung

Zu innovativen Produkten gehört auch innovative Bannerwerbung: Das zeigt das Beispiel von Apple. Der synchronisierte Ablauf der beiden Bannerelemente wurde auf Seiten wie CNN, The Wall Street Journal, und Pitchfork geschaltet.

Aufbau einer Youtube-Story

Mit der Möglichkeit innerhalb von YouTube-Videos Links anzuklicken spielte die Video-Kampagne von Samsung. Eine Geschichte zieht sich über mehrere Videos hinweg – der Nutzer kann dabei selbst entscheiden, wie die Story weiter verläuft. Starten Sie gleich hier: http://www.youtube.com/watch?v=HoOCiaxIZF4

Wenn Werbung ins Webdesign eingreift

Eine interessante Art und Weise die Webseite an sich in die Werbung mit einzubeziehen hat die Kriminal-TV-Serie “Braquo” geschaffen.

Die gezeigten Werbeformen schaffen es in Zeiten von Bannerblindheit sicherlich Aufmerksamkeit zu erregen. Die Kunst dabei ist, sich die Mechanismen der Online-Welt zu Nutze zu machen und gleichzeitig die Regeln zu durchbrechen – mit dem Resultat der verbesserten Werbewirkung.

4 Uhr 30, Samstag morgen: Die letzten Gäste des MOSAIQ Einweihungsfest verlassen eine gelungene Party. Kunden, Mitarbeiter, Nachbarn und Freunde der Agentur amüsierten sich bei stylischen Ambiente,  leckerem Buffet, Mojito & Co. und guter Musik von “DJ Igor”. Einen lockeren Rahmen für angenehme Gespräche (nicht übers Geschäft!) hatten unsere Geschäftsführer gezaubert. Ein Mancher wunderte sich, ob in diesen Wänden wirklich jemand arbeitet, so gut waren PCs und Bücher hinter Tisch und Bar versteckt!

Weitere Fotos gibt es auf Flickr

Der Antrag, die Bar im Zimmer der Online-Marketing-Belegschaft längerfristig zu etablieren, wurde übrigens abgelehnt. Wie heißt es so schön: “Arbeit und Feier vollenden einander” – gleichzeitig funktioniert das wohl aber leider nicht. Umso schöner zu wissen, dass wir mit unseren Kunden auch feiern können.

Vielen Dank für die vielen Geschenke zur Einweihungsfeier – von M&M-Spender über Golfset fürs Büro bis zum “Backend- und Frontend-System” der Wagner Spritzpistolen: Zum Einleben in der Urbanstr. 1 fehlt uns jetzt nichts mehr! Verlaufen tun wir uns nun auch nicht – dem Stadtplan mit Ausgehtipps rund um unseren neuen Standpunkt von unseren Nachbarn und langjährigen Kunden Arcass Architekten sei Dank!

Für die richtige Stimmung sorgten das Team von MLD mit ihren Lichtinstallationen, “DJ Igor” und das Catering und Serviceteam vom Florian Moser – vielen Dank für Euren Einsatz!