Share
I denne artikkelen diskuterer vi hvordan vi kan bruke design for å implementere prinsippene som er utarbeidet av AIDA (markedsføringsakronen, ikke den italienske operaen) og bidra til å skape salgsorienterte nettsider.
AIDA står for Oppmerksomhet, Renter, Ønske og Handling; de fire trinnene som tilhører prosessen med å selge i henhold til E. St. Elmo Lewis, mannen bak denne tankegangen. AIDA kan brukes til ulike situasjoner som involverer salg av produkter eller tjenester, men i denne artikkelen vil vi fokusere på hvordan vi kan oppnå hvert trinn gjennom webdesign.
AIDA-prinsippene er spesielt relevante for utformingen av destinasjonssider, hvor vanligvis markedsføring og webdesign møtes online. Landingssider har som mål å selge enten et produkt, en tjeneste eller et abonnement.
La oss begynne.
Oppmerksomhet er det første trinnet i AIDA-prinsippene, og det som alle de andre stoler på. Tross alt, hvordan kan du få en bruker til å handle hvis du ikke har tatt øye med å begynne med?
Tiltrekkende oppmerksomhet diskuteres mye innen webdesign; Klienter vil at nettstedet skal bli lagt merke til. Konsepter som Over The Fold og Thee Second Rule diskuteres regelmessig, som begge fokuserer på behovet for å gripe brukerens oppmerksomhet raskt.
Internett som en plattform er en utmerket måte å tiltrekke seg oppmerksomhet på; God eller unik design av seg selv vil bli lagt merke til. Imidlertid kan individuelle elementer i et design brukes til å trekke brukerens fokus og lede dem til bestemte områder på siden.
Det er verdt å merke seg, men de negative konnotasjonene ved å ha for mange sideelementer som veier oppmerksomheten til brukeren. Hvis alt er understreket, vil ingen hierarkifølelse bli etablert og brukeren kan føle seg skremt og overveldet.
Metoder for å tiltrekke seg oppmerksomhet endres vanligvis over tid som trender og teknologi utvikler seg, men her er noen få populære metoder som er i bruk.
Virkelig stor tekst har eksistert en stund nå innen webdesign. Det er vanligvis brukt til å lage en dristig uttalelse på forhånd, for eksempel å ønske deg velkommen eller forklare innholdet på nettstedet (for eksempel Vi lager nettsteder). Størrelsen på teksten i forhold til resten av siden plasserer den fast øverst på det visuelle hierarkiet.
Javascript-drevne skyveknapper har vært en massiv trend de siste årene (bare sjekk noen av de populære filene på Themeforest) og med rette - slik de er gode for å ta tak i oppmerksomheten og gjøre et godt førsteinntrykk. De tillater bruk av bilder kombinert med bevegelse og animasjon. Skyvekontrollene har gradvis blitt mer avanserte, fra enkle fade og lysbildeoverganger til 3D-effektene som er i stand til CU3ER og (om enn Flash-basert) Piecemaker.
For å skape utførlig, detaljert animasjon på nettet, ville man tradisjonelt måtte stole på Flash - dette er ikke lenger tilfelle. CSS3-animasjoner blir stadig mer avanserte og nettleserstøtten øker sammen med den.
Animasjon, hvis den brukes riktig, er en utmerket måte å skille fra nettstedet ditt og tiltrekke brukerens oppmerksomhet.
Neste kommer Renter, den andre av AIDA-prinsippene. Vi har allerede tatt brukerens oppmerksomhet, nå må vi få dem interessert i det vi tilbyr. Hvordan gjør vi dette?
Det foreslås at vi i stedet for å formidle funksjonene i produktet eller tjenesten, forklarer fordelene og fordelene av det. Denne tilnærmingen skifter fokuset tilbake til brukeren i stedet for produktet eller tjenesten og gjør det mulig for brukeren å identifisere med det på et personlig nivå.
Når det gjelder hvordan vi kan nærme seg dette gjennom design, handler det om tydelig og kortfattet presentasjon av disse fordelene. Brukere vil ikke lese gjennom stykker av en salgsstrek for å finne ut hva som er i det for dem. Biter av informasjon, trinn, lister, punktposter, ikoner og mer kan alle brukes til å formidle informasjon raskt.
OK, så vi har tiltrukket oppmerksomheten deres, fikk dem interessert, nå må vi få brukerne til vil hva vi tilbyr. Vi må generere ønske.
Generering ønske er et bredt emne, bedrifter bruker hele markedsføring divisjoner for å skape utførlige og engasjerende kampanjer for å oppnå dette. Vi vil imidlertid fokusere på hvordan vi kan gjøre dette gjennom webdesign.
På dette stadiet har du brukerens oppmerksomhet og interesse, og de vil være villige til å investere mer tid på nettstedet. Denne tålmodigheten gjør det mulig å presentere mer detaljert informasjon, enten i form av bilder, video eller tekst. Det er ikke nødvendig å haste dette trinnet.
Det sier seg selv at du må presentere produktet ditt i beste lys. Folk vil dømme rent basert på estetikk og vil knytte god design med et høyere nivå av total kvalitet. Ikke bare da må utformingen av nettstedet være opp til pålydende, men selve produktet (hvis det er en) må også se bra ut.
Høy kvalitet, fristende bilder og godt produserte videoer kan være ekstremt kraftige for å gjøre produktet ditt bra. Apples nettside gjør en eksepsjonell jobb med å vise alle sine produkter ved hjelp av store bilder kombinert med animasjon.
Vurder den beste måten å presentere produktet eller tjenesten på. De som selger digitale produkter, for eksempel apper eller webdesign, viser dem ofte på enheter som skjermer, bærbare datamaskiner og telefoner.
Sosialt bevis er en av de mest kraftige og vanlige måtene å generere ønske om. Det kan ta mange former, og du vil ofte komme over det flere ganger i ditt daglige liv.
Sosialt bevis kan være et komplekst psykologisk konsept, men på et grunnleggende nivå beskriver det at folk tar sine tegn fra andre mennesker. Hvis andre finner noe akseptabelt, er en person mer sannsynlig å tenke på den måten selv.
Erklæring og anmeldelser er et utmerket eksempel på dette, da de vil demonstrere at andre allerede har hatt en god opplevelse med en tjeneste eller et produkt. Å vite at andre har brukt et produkt og anbefaler det fjerner risikofaktoren og øker i sin tur ønsket.
Bedre enn det er å skape meninger og syn på eksperter eller kjendiser. Disse menneskene har et stort følgende, og deres mening har stor verdi og tillit bak det.
Det samme konseptet kan ses når et designstudio viser store, vellykkede selskaper som kunder, eller når en forfatter stolt presenterer hvor deres arbeid har blitt omtalt.
I tillegg til å bruke kvalitet til din fordel, kan kvantitet fungere like godt. Dette kan ses når høyt antall Twitter-følgere, Facebook-liker eller RSS-abonnenter vises for alle å se.
Vi har gjort alt hardt arbeid og har gjort det så langt, det kommer nå ned til den endelige skrittet. Det endelige målet for en destinasjonsside er å konvertere noen til en kjøper eller en abonnent, og det siste vi ønsker er å mislykkes i dette siste stadiet.
Et "Call to Action" -element er ganske selvforklarende. De er elementer, vanligvis i form av knapper, som inviterer brukeren til å ta noen form for handling som "Kjøp nå" eller "Registrer deg". De høres ganske enkelt ut, men det er noen grunner til å bli gjort når du designer.
Først og fremst, med ethvert anrop til handlingselement, må det være helt klart og klart at brukeren kan samhandle med den. Knapper forventes å ha bestemt styling, for eksempel et klart definert område eller en dybdefølelse.
Vi kan ytterligere bidra til å skille mellom oppkall til handling elementer ved hjelp av ulike metoder. Bruk farge, størrelse, detalj og rikelig med hvitt plass til din fordel, og for å fremheve elementet ytterligere.
Gjør bruk av direkte ordlyd på knappene for å oppmuntre til handling og skape en følelse av haster. Klar, konsistent språk vil ikke bare fremme handling, men det vil være åpenbart for brukeren hva man kan forvente ved å samhandle med elementet.
Vi må også gjøre det så enkelt som mulig for brukeren å ta tiltak ved å gi flere muligheter til å gjøre det. Et fremtredende call to action-element bør inkluderes tidlig i designen, med ytterligere forekomster over hele siden.
Det er imidlertid viktig å opprettholde en god balanse. Vi ønsker ikke å overvelde brukeren og få dem til å føle seg presset på noen måte. For mange kall til handling elementer vil virke pushy og kan ha motsatt effekt av det vi ønsker. To til tre er trolig et godt nummer å sikte på.
'Z Layout' har blitt diskutert på Webdesigntuts + tidligere, men det er verdt å nevne igjen, da det passer perfekt til destinasjonssider for å lede brukere til handling.
'Z Layout' er et enkelt, men effektivt websiderutsett som leder brukeren gjennom ulike punkter på en side og til slutt fører til et anrop til handlingselement. Dette oppsettet er en perfekt måte å implementere AIDA-prinsippene på, som fører brukeren gjennom hvert skritt i sin tur og endelig presenterer handlingen til handling på slutten.
En fordel med denne utformingen er at den er svært tilpasningsdyktig og kan benyttes på mange forskjellige måter. Strukturen av 'Z' -formen er ikke stiv og kan utvide og kontrakt for å omfatte forskjellige former for innhold. Derfor ser du ofte eksempler på denne utformingen som kan se markant forskjellig fra hverandre.
Her er noen eksempler på Z-oppsettet i aksjon. Se om du kan se den planlagte banen.
Å vite teorien bak AIDA-prinsippene og hvordan å gjennomføre hvert trinn gjennom design, kan være svært verdifull kunnskap for en webdesigner.
De individuelle teknikkene som er beskrevet ovenfor, er alle relativt enkle og vanlige innen webdesign, men det er en annen ferdighet helt for å kunne kombinere dem på en slik måte å skape effektive, målrettede nettsider.
Hvis denne artikkelen har gitt interesse i AIDA, sjekk ut den medfølgende Premium-opplæringen. Designe en destinasjonsside ved hjelp av AIDA-prinsippene ...
Takk for at du leste!
Accentsconagua