Designannonser som ikke suger: 15 designtips
Det har vært mye nylig skravling om bannerannonser. Visner de seg? Klikker brukerne dem faktisk? Er de døde? Er det bedre alternativer tilgjengelig?
Selv om det stemmer at bannerannonseklikk er i tilbakegang, er det ikke slutten på det populære online annonseringsformatet. Selv om du ikke kan måle den, er det bare å se en annonse å skape en brukerpreferanse for den varen, produktet eller tjenesten. (Husk at annonser har dukket opp på TV og i trykt materiale i flere tiår uten klikk for å bevise suksessraten.) I dag skal vi se på 15 måter du kan lage bannerannonser som ganske enkelt ikke suger. Ta en titt på eksemplene også. De er 2015-vinner av The Webby Awards for annonse- og nettsteddesign. Du kan klikke deg gjennom bildene for å lære mer om hver enkelt.
1. Hold deg til standardstørrelser
Bannerannonser er ikke alle størrelser som passer til alle typer prosjekter. Du må lage innenfor spesifikasjonene til nettstedet der du planlegger å annonsere, og de fleste nettsteder bruker et sett med vanlige størrelser. (Dette inkluderer også nyhetsbrev på e-post, som ofte følger lignende rammer.)
Google AdWords, en av de største serverne for bannerannonser på nettet, holder tritt med de mest populære størrelsene. "Som en tommelfingerregel", ifølge Google, "har bredere annonsestørrelser en tendens til å overgå de større kollegene." Mye av dette kan ha å gjøre med plassering over rullen og fordi det er mer behagelig å lese fra venstre mot høyre, i stedet for mye stablet tekst. h
Så her er størrelsene du først bør vurdere:
- 728 piksler med 90 piksler toppliste (ofte på toppen eller bunnen av sidene)
- 300 til 250 middels rektangel (flyter ofte på høyre side eller er innebygd i tekstelementer)
- 300 med 600 halvsider
- 320 med 100 mobil banner
2. Lag hierarki
Hver bannerannonse trenger tre elementer: merkevarebygging, melding og oppmuntring til å klikke. Utfordringen er at du ikke har mye plass til å gjøre dette.
Lag et enkelt hierarki av elementer. Meldingen skal være kortfattet - to til 10 ord er ideelle. Hva tilbyr du og hvorfor skal folk ønske det. Ta deretter med et logomark eller identifikasjon. Den trenger bare å være lesbar og trenger ikke å være stor. Avslutt deretter annonserammen med en grunn til å klikke. Har du salg? Kupongkode? Registrering av e-post?
Hvert av disse nivåene skal dimensjoneres ved bruk av grunnleggende designteori med dimensjonering, plass, vekt og farge for å lede brukeren fra element til element.
3. Én annonse tilsvarer en melding
Bannerannonser er ikke en uendelig rotasjon av meldinger. Selv om du kan bruke teknikker som animerte gifs for å bla i flere meldinger i annonser, er dette ikke alltid den beste løsningen.
Begynn med et konsept som fungerer som en statisk annonse først. Først da bør du prøve å legge til funksjoner eller funksjon. Å flytte elementer i en annonse skal ikke være det tingen folk ser. Meldingene dine skal være det viktigste på skjermen.
4. Tenk på plassering
Hvor planlegger du å plassere disse bannerannonsene etter at de er opprettet? Hvis du bruker en tjeneste som Google, har du kanskje ikke mye kontroll over plasseringer, men hvis du kjøper direkte for bestemte nettsteder, apper eller e-nyhetsbrev, bør du se på utformingen av disse tingene før du begynner på annonse.
Bruk farger som står i sterk kontrast til plasseringen og bakgrunnen. Dette vil hjelpe deg med å legge til pop fra naturen. Gå for dristige farger og sterk typografi også. Selv om du befinner deg i et lignende felt eller produktlinje som nettstedet der annonsen er plassert, velger du sterke bilder som er drastisk forskjellige for maksimal innvirkning.
5. Inkluder en oppfordring til handling
Selv om de fleste annonser aldri blir klikket, er det det endelige målet, ikke sant? Lag en oppfordring til handling for hver bannerannonse du designer. Hva skal brukere gjøre videre?
Dette kan inkludere påmelding til en e-postliste, se på nettstedet ditt, få rabatt og så videre. Men du må be brukerne om å utføre denne handlingen. (Ja, noen ganger er vi fortsatt en ganske gjenkjennelig gjeng som trenger direkte instruksjon.)
6. Glem flash
Det sier seg selv i disse dager, men ikke la noen snakke deg inn i en flash-annonse. Du kaster bort tid, krefter og penger.
Bruk HTML5 i stedet. Hvis du trenger hjelp med å konvertere noen av de eldre annonseutformingene dine og vil berge dem, har Google en kort tutorial som kan hjelpe.
7. Ta med en knapp
Når det gjelder noe tette brukere - vi faller alle inn i den kategorien på et tidspunkt - er instruksjoner som er enkle å følge, avgjørende. Mens de fleste brukere vet at de kan klikke på annonser, er det noen ganger å inkludere en faktisk knapp som gjør at de faktisk beveger musen. (Ja, vi vet at hele annonseplassen er klikkbar, men knappen er en flott visuell signal.)
Så ta med en knapp. Det trenger ikke være fancy. Men en enkel "butikk nå" eller "finn ut mer" kan gå langt når det gjelder å få brukere til å gjøre overgangen fra betrakter til konvertering.
8. Fokuser på skrifter
Jo mindre plass du jobber med, jo viktigere skrifter blir. Bannerannonser blir ofte tvunget inn i små områder og er i strid med mye konkurranse for øynene. Få mest mulig ut av med sterke skrifttyper som er enkle å lese.
Som tommelfingerregel skal to skrifttyper være nok.
- Gå stort med overskriften. Bruk noe som er dristig, litt uvanlig eller fargerikt for å få oppmerksomhet fra brukere.
- Hold deg til en enkel sans serif for alt annet. Du kan bruke to størrelser eller utheving - en for hovedtekst og en annen for knapper eller oppfordringer til handling. Bare sørg for at den er lett å lese.
9. Bruk enkel animasjon i annonsen
En av de større trendene innen bannerannonser er enkel animasjon. Er det en morsom karakter som kjører over annonsen? Blinker en vakker jente til deg fra hele skjermen?
Det vi ikke snakker om er de knallgule og oransje blinkende skjermene fra fortidens annonser. Du trenger ikke glødende tekst i neon for å fange brukerens oppmerksomhet.
Det vi snakker om er små overraskelser som du kanskje må se på to ganger for å virkelig legge merke til. Enkel animasjon kan være akkurat den lille divoten som får noen til å merke seg.
10. Lagre riktig
Dette er en stor. Ingen kommer til å ønske å vise annonsene dine hvis filene er for store eller hvis de ikke er formatert ordentlig. Optimaliser innholdet ditt for den minste filstørrelsen som mulig. Målfilstørrelsen skal være et sted rundt 150 kb, avhengig av størrelsen på annonsen.
Så sørg for å lagre i et format som fungerer over hele nettet. Vanlige filtyper for bannerannonser inkluderer PNG og JPG for statiske skjermer, og GIF for animerte skjermer. Når populariteten til SVG øker, blir dette formatet også mer akseptert.
11. Fokuser på kopien
Før du sier at dette er en annens jobb, er kopi en sentral del av designet. Siden det ikke er mye plass å jobbe med her, må du jobbe tett med tekstforfatteren for å lage en melding som selger.
Du vil ikke få 100 ord til å stappe i den annonsen, gjør du? Arbeid deretter med tekstforfatteren. Vurder å stille spørsmål fra brukeren eller skape en erting som peker brukerens oppmerksomhet uten å gi svar.
12. Oppretthold merkevarekonsistens
Bannerannonser er en utvidelse av alle andre markedsføringskampanjer du kjører. Og de skal se ut. Mens formene og størrelsene kan by på noen designutfordringer, er det viktig å opprettholde visuell konsistens.
Dette kan kreve å tenke på bannerannonser i den første delen av markedsføringsstrategien. (Du ville ikke designet logo i disse dager uten en passende firkantet versjon av sosiale medier, vil du? Det samme gjelder bannere hvis nettstedreklame er en del av den overordnede planen.)
For å opprettholde konsistensen, bruk de samme fargene, skrifttypene og bildene på tvers av alt markedsføringsmateriell. For mindre elementer kan du vurdere å droppe en formell logo eller bruke en interessant avling av et bilde som vises i full størrelse i andre medier. Det er greit. Du må kanskje være veldig kreativ for at det hele skal komme sammen.
13. Bruk Strong Imagery
Hvis du er redd for å beskjære, er det på tide å komme over det. Bildene i bannerannonser er små - ofte veldig små - og du må bruke trange bilder og detaljbilder for å få mest mulig ut av plassen.
Når du bruker bilder av mennesker, velger du ansikter. Hvis du er klesforhandler, må du vise en gjenstand i stedet for en hel garderobe. Hold deg til enkle plasseringer også, med bilder ved siden av tekst, i stedet for som en del av det. Brukere har bare noen få sekunder på å se hva du prøver å si. Et sterkt bilde ved siden av et sterkt budskap er det beste alternativet.
14. Koble til riktig
Det er ingenting som en gjennomtenkt annonsekampanje. Hvis du klikker på et banner fordi du ser en skjorte du vil kjøpe, skal lenken gå til den varen. Brukere vil takke deg.
Dette kan kreve litt mer arbeid fra din side. Landingssider som direkte forholder seg til annonsekampanjer er et godt alternativ for dette. Match annonser til bilder på den relaterte siden, slik at brukere ikke føler seg lurt eller tapt etter klikket. (Dette er et effektivt verktøy for å hjelpe deg med å måle konverteringer.)
15. Hold det enkelt
Vi sier dette mye på Design Shack - hold det enkelt. Hvis du over-stimulerer brukere med meldinger og animasjon og farger og fakta, vil det fortynne det du virkelig prøver å oppnå. Hold det enkelt.
Når det gjelder bannerannonser, er en av alt nok.
- Ett bilde
- Én melding
- Én oppfordring til handling
- Ett merke
Konklusjon
Så bannerannonsen er ikke død ennå. (Og den vil sannsynligvis ikke forsvinne når som helst snart.) Disse plasseringene kan være en effektiv måte å hjelpe deg med å nå målgruppen din med undersøkte kjøp og design som hjelper brukere å få kontakt med merkevaren din.
Hvis du trenger flere tips for å lage annonser på nettet, kan du sjekke ut disse ressursene:
- 10 tips for utforming av statiske annonser
- Designing for Interstitial Experience
