Design Banner Ads, die nicht saugen: 15 Design-Tipps
In letzter Zeit wurde viel über Bannerwerbung geredet. Verblassen sie? Klicken Benutzer tatsächlich darauf? Sind sie tot? Gibt es bessere Möglichkeiten?
Zwar sind die Klicks auf Bannerwerbung rückläufig, aber das ist nicht das Ende des beliebten Online-Werbeformats. Obwohl Sie es nicht messen können, hilft das Anzeigen einer Anzeige dabei, eine Nutzerpräferenz für diesen Artikel, dieses Produkt oder diese Dienstleistung zu erstellen. (Denken Sie daran, dass Anzeigen seit Jahrzehnten im Fernsehen und in gedruckten Materialien ohne Klicks geschaltet werden, um ihre Erfolgsquote zu belegen.) Heute sehen wir uns 15 Möglichkeiten an, wie Sie Bannerwerbung erstellen können, die einfach nicht scheiße ist. Schauen Sie sich auch die Beispiele an. Sie sind 2015 Gewinner der 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 gängiger Größen. (Dies schließt auch E-Mail-Newsletter ein, die häufig einem ähnlichen Rahmen folgen.)
Google AdWords, einer der größten Server für Bannerwerbung im Web, hält mit den beliebtesten Größen Schritt. "Als Faustregel", so Google, "übertreffen breitere Anzeigengrößen tendenziell ihre größeren Kollegen." Vieles davon hat möglicherweise mit der Platzierung über der Schriftrolle zu tun, und weil es bequemer ist, von links nach rechts zu lesen, als viel gestapelten Text. h
Hier sind die Größen, die Sie zuerst berücksichtigen sollten:
- 728 x 90 Pixel Bestenliste (häufig oben oder unten auf den Seiten)
- 300 x 250 mittleres Rechteck (schwebt oft auf der rechten Seite oder ist in Textelemente eingebettet)
- 300 mal 600 halbe Seite
- 320 x 100 mobile Banner
2. Hierarchie erstellen
Jede Bannerwerbung benötigt drei Elemente: Branding, Nachricht und Aufforderung zum Klicken. Die Herausforderung besteht darin, dass Sie nicht viel Platz dafür haben.
Erstellen Sie eine einfache Hierarchie von Elementen. Die Nachricht sollte prägnant sein - zwei bis 10 Wörter sind ideal. Was bieten Sie an und warum sollten die Leute es wollen? Fügen Sie dann einen Logomark oder eine Identifikation hinzu. Es muss nur lesbar und 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öße, Raum, Gewicht und Farbe dimensioniert 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 zwar 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. Nur dann sollten Sie versuchen, Features oder Funktionen hinzuzufügen. Das Verschieben von Elementen in einer Anzeige sollte nicht das sein, was die Leute sehen. Ihre Nachrichten sollten das Wichtigste auf dem Bildschirm sein.
4. Denken Sie über die Platzierung nach
Wo planen Sie, diese Bannerwerbung 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-Newsletter kaufen, sollten Sie sich das Design dieser Dinge ansehen, bevor Sie mit Ihrem Dienst beginnen Anzeige.
Verwenden Sie Farben, die in starkem Kontrast zum Standort und zum umgebenden Hintergrund stehen. Dies hilft Ihnen dabei, Pop aus der Landschaft herauszuholen. Entscheiden Sie sich auch für kräftige Farben und starke Typografie. Selbst wenn Sie sich in einem ähnlichen Bereich oder einer ähnlichen Produktlinie befinden wie die Website, auf der die Anzeige geschaltet wird, wählen Sie starke Grafiken, die sich für maximale Wirkung drastisch unterscheiden.
5. Fügen Sie einen Aufruf zum Handeln hinzu
Auch wenn die meisten Anzeigen niemals angeklickt werden, ist dies das ultimative Ziel, oder? Erstellen Sie für jede von Ihnen gestaltete Bannerwerbung einen Aufruf zum Handeln. Was sollen Benutzer als nächstes tun?
Dies kann das Anmelden für eine E-Mail-Liste, das Anzeigen Ihrer Website, das Erhalten eines Rabatts usw. umfassen. Sie müssen den Benutzern jedoch mitteilen, dass sie diese Aktion ausführen sollen. (Ja, manchmal sind wir immer noch ein ziemlich beeindruckbarer Haufen, der direkte Anweisungen benötigt.)
6. Flash vergessen
Heutzutage ist es 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 Hilfe bei der Konvertierung einiger Ihrer älteren Anzeigenentwürfe benötigen und diese retten möchten, bietet Google ein kurzes Tutorial an, das Ihnen helfen kann.
7. Fügen Sie eine Schaltfläche hinzu
Wenn es um etwas dichte Benutzer geht - wir alle fallen irgendwann in diese Kategorie -, sind leicht zu befolgende Anweisungen von entscheidender Bedeutung. Während die meisten Nutzer wissen, dass sie auf Anzeigen klicken können, bewegen sie manchmal die Maus, indem sie tatsächlich eine Schaltfläche hinzufügen. (Ja, wir wissen, dass die gesamte Werbefläche anklickbar ist, aber die Schaltfläche ist ein guter visueller Hinweis.)
Fügen Sie also eine Schaltfläche hinzu. Es muss nicht schick sein. Ein einfaches "Jetzt einkaufen" oder "Mehr herausfinden" kann jedoch einen großen Beitrag dazu leisten, dass Benutzer vom Viewer zur Conversion wechseln.
8. Konzentrieren Sie sich auf Schriftarten
Je kleiner der Speicherplatz ist, mit dem Sie arbeiten, desto wichtiger werden Schriftarten. Bannerwerbung wird in der Regel auf kleinem Raum eingesetzt und ist einer starken Konkurrenz um die Augen ausgesetzt. Machen Sie das Beste aus starken Schriften, die leicht zu lesen sind.
Als Faustregel sollten zwei Schriften ausreichen.
- Gehen Sie groß mit der Überschrift. Verwenden Sie etwas Kühnes, Ungewöhnliches oder Buntes, um die Aufmerksamkeit der Benutzer auf sich zu ziehen.
- Halten Sie sich für alles andere an eine einfache serifenlose Schrift. Sie können zwei Größen oder Fettdruck verwenden - eine für den Haupttext und eine für Schaltflächen oder Handlungsaufforderungen. Stellen Sie einfach sicher, dass es leicht zu lesen ist.
9. Verwenden Sie die einfache In-Ad-Animation
Einer der größeren Trends bei Bannerwerbung ist die einfache Animation. Gibt es einen lustigen Charakter, der über die Anzeige läuft? Zwinkert dir ein hübsches Mädchen von der anderen Seite des Bildschirms zu?
Worüber wir nicht sprechen, sind die leuchtend gelb und orange blinkenden Anzeigen aus Anzeigen der Vergangenheit. Sie benötigen keinen neon leuchtenden Text, um die Aufmerksamkeit eines Benutzers zu erregen.
Es handelt sich um kleine Überraschungen, die Sie möglicherweise zweimal ansehen müssen, um sie wirklich zu bemerken. Einfache Animation kann genau das sein, was jemanden auf sich aufmerksam macht.
10. Richtig speichern
Dies ist eine große. 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 Größe der Zieldatei sollte je nach Größe der Anzeige zwischen 150 KB liegen.
Stellen Sie dann sicher, dass Sie in einem Format speichern, das im gesamten Web funktioniert. Zu den gängigen Dateitypen für Bannerwerbung gehören PNG und JPG für statische Anzeigen und GIF für animierte Anzeigen. Mit zunehmender Popularität von SVG wird auch dieses Format zunehmend akzeptiert.
11. Konzentrieren Sie sich auf die Kopie
Bevor Sie sagen, dass dies die Aufgabe eines anderen ist, ist das Kopieren ein wesentlicher Bestandteil des Entwurfs. Da hier nicht viel Platz zum Arbeiten vorhanden ist, müssen Sie eng mit dem Texter zusammenarbeiten, um eine Nachricht zu erstellen, die sich verkauft.
Sie möchten nicht, dass 100 Wörter in dieser Anzeige enthalten sind, oder? Dann arbeiten Sie mit dem Texter. Stellen Sie dem Benutzer Fragen oder erstellen Sie einen Test, der die Aufmerksamkeit des Benutzers auf sich zieht, ohne Antworten zu geben.
12. Markenkonsistenz aufrechterhalten
Bannerwerbung ist eine Erweiterung jeder anderen von Ihnen durchgeführten Marketingkampagne. Und sie sollten so aussehen. Während die Formen und Größen einige Designherausforderungen darstellen können, ist es wichtig, die visuelle Konsistenz aufrechtzuerhalten.
Dies kann erfordern, dass Sie im ersten Teil Ihrer Marketingstrategie über Bannerwerbung nachdenken. (Sie würden heutzutage kein Logo ohne eine für soziale Medien geeignete quadratische Version entwerfen, oder? Gleiches gilt für Banner, wenn Website-Werbung Teil Ihres Gesamtplans ist.)
Um die Konsistenz zu gewährleisten, verwenden Sie für alle Marketingmaterialien dieselben Farben, Schriftarten und Bilder. Bei kleineren Elementen können Sie ein formelles Logo ablegen oder einen interessanten Ausschnitt eines Bildes verwenden, das in anderen Medien in voller Größe angezeigt wird. Kein Problem. Möglicherweise müssen Sie zu kreativ sein, um alles zusammenzubringen.
13. Verwenden Sie starke Bilder
Wenn Sie Angst vor dem Zuschneiden haben, ist dies die Zeit, darüber hinwegzukommen. Die Bilder in Bannerwerbung sind klein - oft sehr klein - und Sie müssen enge Bilder und Detailaufnahmen verwenden, um den Platz optimal zu nutzen.
Wenn Sie Bilder von Personen verwenden, wählen Sie Gesichter. Wenn Sie ein Bekleidungshändler sind, zeigen Sie einen Artikel anstelle eines ganzen Kleiderschranks. Halten Sie sich auch an einfache Platzierungen mit Bildern neben Text und nicht als Teil davon. Benutzer haben nur wenige Sekunden Zeit, um zu sehen, was Sie sagen möchten. Ein starkes Image neben einer starken Botschaft ist die beste Wahl.
14. Entsprechend verknüpfen
Es gibt nichts Schöneres als eine gut durchdachte Werbekampagne. Wenn Sie auf ein Banner klicken, weil Sie ein Shirt 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. Zielseiten, die sich direkt auf Werbekampagnen beziehen, sind hierfür eine gute Option. Ordnen Sie Anzeigen den Bildern auf der zugehörigen Seite zu, damit sich Benutzer nach dem Klick nicht betrogen oder verloren fühlen. (Dies ist ein effektives Tool, mit dem Sie auch Conversions messen können.)
15. Halten Sie es einfach
Wir sagen dies viel bei Design Shack - halten Sie es einfach. Wenn Sie Benutzer mit Nachrichten und Animationen sowie Farben und Fakten überstimulieren, wird das, was Sie wirklich erreichen möchten, verwässert. Halte es einfach.
Wenn es um Bannerwerbung geht, reicht eines von allem aus.
- Ein Bild
- Eine Nachricht
- Ein Aufruf zum Handeln
- Eine Marke
Fazit
Das Werbebanner ist also noch nicht tot. (Und es wird wahrscheinlich nicht so schnell verschwinden.) Diese Placements können eine effektive Möglichkeit sein, Ihre Zielgruppe mit recherchierten Käufen und Designs zu erreichen, die Benutzern helfen, sich mit Ihrer Marke zu verbinden.
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 Interstitial Experience
