Det har skett mycket senare chattar om bannerannonser. Faller de? Är användare faktiskt klickar på dem? Är de döda? Finns det bättre alternativ?
Medan det är sant att bannerannonsklick faller, är det inte slutet på det populära formatet för onlineannonsering. Medan du inte kan mäta det, kan du bara skapa en användarpreferens för det objektet, produkten eller tjänsten genom att bara se en annons. (Kom ihåg att annonser har dykt upp på TV och i tryckta material i årtionden utan att klicka för att bevisa deras framgångsatser.) Idag ser vi på 15 sätt att du kan skapa bannerannonser som helt enkelt inte suger. Titta på exemplen också. De är 2015 vinnare av The Webby Awards för annons- och webbdesign. Du kan klicka på bilderna för att lära dig mer om var och en.
1. Håll dig till standardformat
Bannerannonser är inte enstor-passar-alla typer av projekt. Du måste skapa inom specifikationerna på den webbplats där du planerar att annonsera, och de flesta webbplatser använder en uppsättning gemensamma storlekar. (Detta inkluderar även e-post nyhetsbrev, som ofta följer en liknande ram.)
Google AdWords, en av de största servrarna av bannerannonser på webben, håller med de mest populära storlekarna. ?Tumregel,? enligt Google ,? bredare annonsstorlekar tenderar att överträffa sina högre motsvarigheter.? Mycket av detta kan ha att göra med placering ovanför rullningen och eftersom det är bekvämare att läsa från vänster till höger, i stället för massor av staplad text. h
Så här är storlekarna du bör tänka på först:
- 728 pixlar med 90 pixlar leaderboard (ofta på toppen eller botten av sidor)
- 300 med 250 medium rektangel (flyter ofta på höger sida eller är inbäddad i textelement)
- 300 vid 600 halv sida
- 320 av 100 mobila banderoller
2. Skapa hierarki
Varje bannerannons behöver tre delar: Branding, meddelande och uppmuntran att klicka. Utmaningen är att du inte har mycket utrymme att göra detta.
Skapa en enkel hierarki av element. Meddelandet ska vara kortfattat - två till 10 ord är idealiska. Vad erbjuder du och varför skulle folk vilja ha det. Ta sedan in en logomark eller identifiering. Den måste bara vara läsbar och behöver inte vara stor. Slutför sedan annonsramen med en anledning att klicka. Har du en försäljning? Kupongskod? E-post registrering?
Var och en av dessa nivåer bör dimensioneras med hjälp av grundläggande designteori med dimensionering, utrymme, vikt och färg för att styra användaren från element till element.
3. En annons motsvarar ett meddelande
Bannerannonser är inte en oändlig rotation av meddelanden. Medan du kan använda tekniker som animerade gifs för att bläddra i flera meddelanden i annonser är det inte alltid den bästa lösningen.
Börja med ett koncept som fungerar som en statisk annons först. Först då bör du försöka lägga till funktioner eller funktion. Flytta element i en annons borde inte vara en sak folk ser. Dina meddelanden bör vara det viktigaste på skärmen.
4. Tänk på placering
Var planerar du att placera dessa bannerannonser efter att de har skapats? Om du använder en tjänst som Google har du kanske inte mycket kontroll över placeringar, men om du köper direkt för specifika webbplatser, appar eller e-nyhetsbrev bör du titta på utformningen av dessa saker innan du börjar på din a.d.
Använd färger som står i stark kontrast till platsen och omgivande bakgrund. Detta kommer att hjälpa din tillfälle att komma ut från landskapet. Gå för djärva färger och stark typografi också. Även om du befinner dig i ett liknande fält eller en produktlinje som den plats där annonsen är placerad, välj starka visuella bilder som är drastiskt annorlunda för maximal påverkan.
5. Inkludera ett anrop till handling
Även om de flesta annonser aldrig kommer att klickas, är det det ultimata målet rätt? Skapa ett samtal till handling för varje bannerannons du designar. Vad ska användarna göra nästa?
Detta kan inkludera att anmäla dig till en e-postlista, visa din webbplats, få rabatt och så vidare. Men du måste berätta för användarna att utföra denna åtgärd. (Ja, ibland är vi fortfarande en ganska intryckbar grupp som behöver direkt instruktion.)
6. Glöm Flash
Det säger nästan självklart de här dagarna, men låt inte någon prata dig till en flashannons. Du slösar bort tid, ansträngning och pengar.
Använd HTML5 istället. Om du behöver hjälp med att konvertera några av dina äldre annonsdesigner och vill spara dem, har Google en kort handledning som kan hjälpa dig.
7. Inkludera en knapp
När det gäller lite täta användare - vi alla faller i den kategorin vid någon tidpunkt - lättanvända instruktioner är viktiga. Medan de flesta användare vet att de kan klicka på annonser, ibland ingår en faktisk knapp som gör att de faktiskt flyttar musen. (Ja, vi vet att hela annonsutrymmet är klickbart, men knappen är en bra visuell signal.)
Så inkluderar en knapp. Det behöver inte vara fint. Men en enkel? Butik nu? eller? ta reda på mer? kan gå långt när det gäller att få användare att göra omkopplaren från tittaren till konvertering.
8. Fokusera på teckensnitt
Ju mindre utrymme du arbetar med, desto viktigare teckensnitt blir. Bannerannonser tvingas vanligtvis i små utrymmen och står emot mycket konkurrens för ögonen. Gör det mesta med starka teckensnitt som är lätta att läsa.
Som en tumregel bör två tecken vara tillräckligt.
- Gå stort med rubriken. Använd något som är djärvt, lite ovanligt eller färgstarkt för att fånga uppmärksamhet från användarna.
- Håll dig till en enkel sans serif för allt annat. Du kan använda två storlekar eller fetstil - en för huvudtext och en annan för knappar eller samtal till handling. Se bara till att det är lätt att läsa.
9. Använd enkel in-ad animation
En av de större trenderna i bannerannonser är enkel animering. Finns det en rolig karaktär som körs över annonsen? Blinkar en fin tjej på dig från hela skärmen?
Vad vi inte pratar om är de ljusgula och orange blinkande skärmarna från tidigare annonser.Du behöver inte neon glödande text för att ta tag i användarens uppmärksamhet.
Det vi pratar om är små överraskningar som du kanske måste titta på två gånger för att verkligen märka. Enkel animering kan vara bara den lilla divot som gör att någon tar märke till.
10. spara rätt
Det här är en stor. Ingen kommer att vilja tjäna dina annonser om filerna är för stora eller om de inte formateras ordentligt. Optimera ditt innehåll för den minsta möjliga filstorleken. Målfilstorleken ska vara någonstans runt 150 kb, beroende på annonsens storlek.
Se till att spara i ett format som fungerar över hela webben. Vanliga filtyper för bannerannonser inkluderar PNG och JPG för statiska skärmar och GIF för animerade skärmar. När SVGs popularitet ökar, blir detta format också mer allmänt accepterat.
11. Fokusera på kopian
Innan du säger att det här är någon annans jobb är kopia en viktig del av designen. Eftersom det inte finns mycket utrymme att arbeta med här, måste du arbeta nära kopimaskinen för att skapa ett meddelande som säljer.
Du vill inte få 100 ord att klämma i den annonsen gör du? Arbeta sedan med copywriter. Överväg att ställa frågor om användaren eller skapa en retan som gör användarens uppmärksamhet utan att ge svar.
12. Behåll varumärkeskonsistens
Bannerannonser är en förlängning av alla andra marknadsföringskampanjer du har kört. Och de borde se ut som det. Även om former och storlekar kan innebära vissa designutmaningar är det viktigt att bibehålla visuell konsistens.
Detta kan kräva att du tänker på bannerannonser i den första delen av din marknadsstrategi. (Du skulle inte designa en logotyp i dag utan en lämplig fyrkantig version av sociala medier, skulle du? Samma gäller banners om webbannonsering ingår i din övergripande plan.)
För att upprätthålla konsistens, använd samma färger, tecken och bilder över alla marknadsföringsmaterial. För mindre element kan du överväga att släppa en formell logotyp eller använda en intressant skörd av en bild som visas i full storlek i andra medier. Det är ok. Du kanske måste ha bra kreativitet för att få allt att komma ihop.
13. Använd stark bild
Om du är rädd för beskärning är det dags att komma över det. Bilderna i bannerannonser är små - ofta mycket små - och du måste använda snäva bilder och detaljbilder för att få ut det mesta av utrymmet.
När du använder bilder av människor väljer du ansikten. Om du är en klädhandlare, visa en vara istället för en hel garderob. Håll dig till enkla placeringar också, med bilder bredvid text, snarare än som en del av det. Användare kommer bara att få några sekunder att se vad du försöker säga. En stark bild bredvid ett starkt budskap är din bästa insats.
14. Länk korrekt
Det finns inget som en väl genomtänkt annonskampanj. Om du klickar på en banner eftersom du ser en tröja som du vill köpa, ska länken gå till det objektet. Användarna kommer tacka dig.
Det kan kräva lite mer arbete från din sida. Landningssidor som direkt hänför sig till annonskampanjer är ett bra alternativ för detta. Matcha annonser till bilder på den relaterade sidan så att användarna inte känner sig lurade eller förlorade efter klicket. (Det här är ett effektivt verktyg för att hjälpa dig att mäta omvandlingar också.)
15. Håll det enkelt
Vi säger så mycket på Design Shack - håll det enkelt. Om du överstimulerar användare med meddelanden och animationer och färg och fakta, kommer det att späda ut det du verkligen försöker åstadkomma. Håll det enkelt.
När det gäller bannerannonser är en av allt tillräckligt.
- En bild
- Ett meddelande
- Ett uppmaning till handling
- Ett märkemärke
Slutsats
Så bannerannonsen är inte död än. (Och det går förmodligen inte bort när som helst snart.) Dessa placeringar kan vara ett effektivt sätt att hjälpa till att nå din målgrupp med undersökta köp och design som hjälper användarna att ansluta till ditt varumärke.
Om du behöver fler tips för att skapa annonser på webben, kolla in dessa resurser:
- 10 tips för att utforma statiska annonser
- Designa för den interstitiella erfarenheten