Design-Banner-Anzeigen, die 15 Design-Tipps nicht saugen

In letzter Zeit wurde viel über Bannerwerbung geplaudert. Verblassen sie? Klicken Benutzer tatsächlich auf sie? Sind sie tot Gibt es bessere Möglichkeiten?

Es stimmt zwar, dass Klicks auf Bannerwerbung abnehmen, aber damit endet das beliebte Online-Werbeformat nicht. Sie können dies zwar nicht messen, aber die Anzeige einer Anzeige hilft, eine Benutzerpräferenz für diesen Artikel, dieses Produkt oder diesen Service zu erstellen. (Denken Sie daran, dass Anzeigen seit Jahrzehnten im Fernsehen und in gedruckten Materialien erscheinen, ohne dass sie mit Klicks ihre Erfolgsquoten belegen.) Heute werden 15 Möglichkeiten beschrieben, wie Sie Banneranzeigen erstellen können, die einfach nicht scheißen. Schauen Sie sich auch die Beispiele an. Sie sind 2015 Gewinner des The Webby Awards für Anzeigen- und Website-Design. Sie können durch die Bilder klicken, um mehr über die einzelnen Bilder zu erfahren.

1. Halten Sie sich an Standardgrößen

Bannerwerbung ist kein einheitliches Projekt. Sie müssen innerhalb der Spezifikationen der Website erstellen, auf der Sie Werbung schalten möchten, und die meisten Websites verwenden eine Reihe allgemeiner Größen. (Dazu gehören auch E-Mail-Newsletter, die häufig einem ähnlichen Rahmen folgen.)

Google AdWords, einer der größten Server für Bannerwerbung im Internet, hält sich an den gängigsten Größen. ?Als Faustregel gilt,? Laut Google übertreffen breitere Anzeigengrößen tendenziell ihre größeren Pendants. Vieles davon kann mit der Platzierung über der Schriftrolle zu tun haben und weil das Lesen von links nach rechts angenehmer ist, als viel gestapelten Text. h

Hier sind die Größen, die Sie zuerst beachten sollten:

  • Leaderboard mit 728 x 90 Pixeln (oft oben oder unten auf den Seiten)
  • 300 x 250 mittleres Rechteck (schwimmt oft auf der rechten Seite oder ist in Textelemente eingebettet)
  • 300 von 600 halbe Seite
  • 320 von 100 Mobile Banner

2. Erstellen Sie eine Hierarchie

Jede Bannerwerbung benötigt drei Elemente: Branding, Nachricht und Ermutigung zum Klicken. Die Herausforderung ist, dass Sie nicht viel Platz dafür haben.

Erstellen Sie eine einfache Hierarchie von Elementen. Die Botschaft sollte kurz sein - zwei bis zehn Wörter sind ideal. Was bieten Sie an und warum sollten die Leute es wollen? Dann fügen Sie ein Logomark oder eine Identifikation hinzu. Es muss nur lesbar sein und muss nicht groß sein. Beenden Sie dann das Anzeigenframework mit einem Grund zum Klicken. Hast du einen Verkauf? Gutscheincode? E-Mail anmelden?

Jede dieser Ebenen sollte unter Verwendung der grundlegenden Designtheorie mit Größen, Raum, Gewicht und Farbe bemessen werden, um den Benutzer von Element zu Element zu führen.

3. Eine Anzeige entspricht einer Nachricht

Bannerwerbung ist keine unendliche Rotation von Nachrichten. Sie können Techniken wie animierte GIFs verwenden, um mehrere Nachrichten in Anzeigen zu scrollen. Dies ist jedoch nicht immer die beste Lösung.

Beginnen Sie mit einem Konzept, das zuerst als statische Anzeige funktioniert. Erst dann sollten Sie versuchen, Funktionen oder Funktionen hinzuzufügen. Das Verschieben von Elementen in einer Anzeige sollte nicht der sein eine Sache die Leute sehen Ihre Nachrichten sollten das Wichtigste auf dem Bildschirm sein.

4. Denken Sie über die Platzierung nach

Wo planen Sie, diese Werbebanner nach ihrer Erstellung zu platzieren? Wenn Sie einen Dienst wie Google verwenden, haben Sie möglicherweise nicht viel Kontrolle über Placements. Wenn Sie jedoch direkt für bestimmte Websites, Apps oder E-Newslettern einkaufen, sollten Sie sich das Design dieser Dinge ansehen, bevor Sie mit der Verwendung von Anzeige.

Verwenden Sie Farben, die in starkem Kontrast zum Standort und dem umgebenden Hintergrund stehen. Dies wird dazu beitragen, dass das Hinzufügen aus der Szenerie herauskommt. Auch für kräftige Farben und starke Typografie. Selbst wenn Sie sich in einem ähnlichen Bereich oder einer ähnlichen Produktlinie wie die Website befinden, auf der die Anzeige platziert wird, wählen Sie starke visuelle Elemente, die sich stark voneinander unterscheiden, um eine maximale Wirkung zu erzielen.

5. Fügen Sie einen Aufruf zum Handeln hinzu

Obwohl die meisten Anzeigen nie angeklickt werden, ist dies das ultimative Ziel, richtig? Erstellen Sie für jede von Ihnen entworfene Banneranzeige einen Handlungsaufruf. Was sollen die Benutzer als Nächstes tun?

Dazu können Sie sich für eine E-Mail-Liste anmelden, Ihre Website anzeigen, einen Rabatt erhalten usw. Sie müssen den Benutzern jedoch mitteilen, dass sie diese Aktion ausführen sollen. (Ja, manchmal sind wir immer noch eine ziemlich beeindruckende Gruppe, die eine direkte Einweisung erfordert.)

6. Vergiss Flash

Es ist heutzutage fast selbstverständlich, aber lassen Sie sich von niemandem zu einer Flash-Anzeige überreden. Sie verschwenden Zeit, Mühe und Geld.

Verwenden Sie stattdessen HTML5. Wenn Sie beim Konvertieren einiger Ihrer älteren Anzeigendesigns Hilfe benötigen und sie retten möchten, bietet Google ein kurzes Tutorial an, das helfen kann.

7. Fügen Sie einen Button hinzu

Bei etwas dichten Benutzern - wir alle fallen irgendwann in diese Kategorie -, sind leicht zu befolgende Anweisungen von entscheidender Bedeutung. Während die meisten Benutzer wissen, dass sie auf Anzeigen klicken können, ist es manchmal auch eine Schaltfläche, die dazu führt, dass sie die Maus bewegen. (Ja, wir wissen, dass die gesamte Werbefläche anklickbar ist, aber die Schaltfläche ist ein großartiger visueller Hinweis.)

Fügen Sie also eine Schaltfläche hinzu. Es muss nicht schick sein. Aber ein einfacher? Shop jetzt? oder mehr erfahren? kann einen langen Weg gehen, wenn es darum geht, Benutzer dazu zu bringen, vom Viewer zur Konvertierung zu wechseln.

8. Konzentrieren Sie sich auf Schriftarten

Je kleiner der Platz ist, mit dem Sie arbeiten, desto wichtiger werden Schriftarten. Bannerwerbung wird in der Regel auf engstem Raum gezwungen und hat viel Konkurrenz um Augen. Machen Sie das Beste mit starken und leicht lesbaren Schriftarten.

Als Faustregel gilt, dass zwei Schriftarten ausreichen sollten.

  1. Gehen Sie groß mit der Überschrift. Verwenden Sie etwas Mutiges, etwas Ungewöhnliches oder Buntes, um die Aufmerksamkeit der Benutzer auf sich zu ziehen.
  2. Bleib bei einer einfachen Sans Serif für alles andere. Sie können zwei Größen oder Fettdrucke verwenden - eine für Haupttext und eine andere für Schaltflächen oder Aktionsaufrufe. Stellen Sie einfach sicher, dass es einfach zu lesen ist.

9. Verwenden Sie die einfache In-Ad-Animation

Einer der größeren Trends in Bannerwerbung ist die einfache Animation. Gibt es einen lustigen Charakter in der Anzeige? Blinzelt Sie ein hübsches Mädchen von der anderen Seite des Bildschirms an?

Worüber wir nicht sprechen, sind die hellgelben und orangefarbenen blinkenden Anzeigen von Anzeigen der Vergangenheit.Sie benötigen keinen Neonlicht-Text, um die Aufmerksamkeit eines Benutzers zu erlangen.

Worüber wir reden, sind kleine Überraschungen, die Sie möglicherweise zweimal ansehen müssen, um es wirklich zu bemerken. Einfache Animationen können nur die kleine Spaltung sein, die jemanden zur Kenntnis nimmt.

10. Richtig speichern

Das ist eine große Sache. Niemand wird Ihre Anzeigen schalten wollen, wenn die Dateien zu groß sind oder wenn sie nicht richtig formatiert sind. Optimieren Sie Ihren Inhalt für die kleinstmögliche Dateigröße. Die Zieldateigröße sollte je nach Größe der Anzeige etwa 150 KB betragen.

Stellen Sie dann sicher, dass Sie in einem Format speichern, das im gesamten Web funktioniert. Übliche Dateitypen für Banneranzeigen sind PNG und JPG für statische Anzeigen und GIF für animierte Anzeigen. Mit der zunehmenden Popularität von SVG wird dieses Format auch zunehmend akzeptiert.

11. Konzentrieren Sie sich auf die Kopie

Bevor Sie sagen, dass dies die Aufgabe einer anderen Person ist, ist das Kopieren ein wesentlicher Bestandteil des Designs. Da hier nicht viel Platz zum Arbeiten vorhanden ist, müssen Sie eng mit dem Texter zusammenarbeiten, um eine Nachricht zu erstellen, die verkauft.

Sie möchten nicht 100 Wörter in dieser Anzeige bekommen? Dann arbeite mit dem Texter. Erwägen Sie, Fragen an den Benutzer zu stellen oder ein Tease zu erstellen, das die Aufmerksamkeit des Benutzers weckt, ohne Antworten zu geben.

12. Pflegen Sie die Markenkonsistenz

Bannerwerbung ist eine Erweiterung jeder anderen von Ihnen durchgeführten Marketingkampagne. Und sie sollten so aussehen. Obwohl die Formen und Größen einige Designherausforderungen darstellen können, ist es wichtig, die visuelle Konsistenz aufrechtzuerhalten.

Im ersten Teil Ihrer Marketingstrategie müssen Sie möglicherweise über Banneranzeigen nachdenken. (Sie würden heutzutage kein Logo ohne eine für soziale Medien geeignete quadratische Version entwerfen, oder? Dasselbe gilt für Banner, wenn Website-Werbung Teil Ihres Gesamtplans ist.)

Um die Konsistenz zu gewährleisten, verwenden Sie in allen Marketingmaterialien die gleichen Farben, Schriftarten und Bilder. Bei kleineren Elementen können Sie ein formales Logo löschen oder einen interessanten Ausschnitt eines Bildes verwenden, der in anderen Medien in voller Größe angezeigt wird. Kein Problem. Möglicherweise müssen Sie großartig kreativ sein, damit alles zusammenkommt.

13. Verwenden Sie starke Bilder

Wenn Sie Angst vor dem Zuschneiden haben, ist dies die Zeit, um darüber hinwegzukommen. Die Bilder in Bannerwerbung sind klein - oft sehr klein - und Sie müssen enge Bilder und Detailaufnahmen verwenden, um den Raum optimal auszunutzen.

Wenn Sie Bilder von Personen verwenden, entscheiden Sie sich für Gesichter. Wenn Sie ein Bekleidungshändler sind, zeigen Sie einen Artikel anstelle eines ganzen Kleiderschranks. Halten Sie sich auch an einfache Placements mit Bildern neben Text und nicht als Teil davon. Die Benutzer haben nur wenige Sekunden, um zu sehen, was Sie sagen wollen. Ein starkes Image neben einer starken Botschaft ist Ihre beste Wette.

14. Richtig verlinken

Es gibt nichts Vergleichbares als eine gut durchdachte Werbekampagne. Wenn Sie auf ein Banner klicken, weil Sie ein Hemd sehen, das Sie kaufen möchten, sollte der Link zu diesem Artikel führen. Benutzer werden es Ihnen danken.

Dies erfordert möglicherweise etwas mehr Arbeit von Ihrer Seite. Eine gute Option hierfür sind Zielseiten, die sich direkt auf Werbekampagnen beziehen. Passen Sie Anzeigen auf der entsprechenden Seite mit Bildern an, damit sich die Nutzer nach dem Klick nicht als Trick oder Verlust fühlen. (Dies ist ein effektives Tool, mit dem Sie auch Conversions messen können.)

15. Halte es einfach

Wir sagen das viel bei Design Shack - halten Sie es einfach. Wenn Sie die Benutzer mit Messaging und Animationen sowie mit Farben und Fakten zu stark stimulieren, wird das verwässern, was Sie wirklich erreichen wollen. Halte es einfach.

Wenn es um Bannerwerbung geht, reicht eine von allem aus.

  • Ein Bild
  • Eine Nachricht
  • Ein Aufruf zum Handeln
  • Eine Marke

Fazit

Die Werbebanner sind also noch nicht tot. (Und es ist wahrscheinlich nicht so schnell wieder weg.) Diese Placements können eine effektive Möglichkeit sein, um Ihre Zielgruppe mit recherchierten Käufen und Designs zu erreichen, mit denen Benutzer mit Ihrer Marke in Kontakt treten können.

Wenn Sie weitere Tipps zum Erstellen von Anzeigen für das Web benötigen, lesen Sie die folgenden Ressourcen:

  • 10 Tipps zum Entwerfen statischer Anzeigen
  • Entwerfen für die interstitielle Erfahrung