Share
In dit artikel bespreken we hoe we ontwerp kunnen gebruiken om de principes uit te voeren die zijn opgesteld door AIDA (het marketing acroniem, niet de Italiaanse opera) en helpen bij het maken van verkoopgerichte webpagina's.
AIDA staat voor Aandacht, Interesseren, Verlangen en Actie; de vier stappen die horen bij het verkoopproces volgens E. St. Elmo Lewis, de man achter deze school van denken. AIDA kan worden toegepast op verschillende situaties waarbij producten of diensten worden verkocht, maar in dit artikel zullen we ons concentreren op hoe we elke stap kunnen bereiken door middel van webdesign.
De principes van AIDA zijn vooral relevant voor het ontwerp van bestemmingspagina's, waar marketing en webontwerp doorgaans online samenkomen. Bestemmingspagina's zijn over het algemeen bedoeld om een product, service of abonnement te verkopen.
Laten we beginnen.
Aandacht is de eerste stap van de AIDA-principes, en die waarop alle anderen vertrouwen. Want hoe kun je een gebruiker zover krijgen dat hij actie onderneemt als je zijn oog niet hebt gevangen om mee te beginnen?
Aandacht trekken wordt veel besproken in webdesign; klanten willen dat hun site wordt opgemerkt. Concepten zoals Above The Fold en The Thee Second Rule worden regelmatig besproken, die beide focussen op de noodzaak om de aandacht van gebruikers snel te trekken.
Het web als platform is een uitstekende manier om aandacht te trekken; een goed of uniek ontwerp alleen zal worden opgemerkt. Individuele elementen van een ontwerp kunnen echter worden gebruikt om de aandacht van de gebruiker te trekken en deze naar bepaalde gebieden op de pagina te leiden.
Het is echter vermeldenswaard de negatieve bijklank van het hebben van te veel pagina-elementen die wedijveren om de aandacht van de gebruiker. Als alles benadrukt wordt, zal er geen gevoel van hiërarchie zijn en kan de gebruiker zich geïntimideerd en overweldigd voelen.
Methoden om aandacht te trekken veranderen in de loop van de tijd in het algemeen naarmate trends en technologie evolueren, maar hier zijn een paar populaire methoden die momenteel worden gebruikt.
Echt grote tekst bestaat al een tijdje in webdesign. Het wordt meestal gebruikt om van tevoren een gewaagde verklaring af te leggen, zoals het verwelkomen van de gebruiker of het uitleggen van de aard van de site (bijvoorbeeld We maken websites). De enorme omvang van de tekst ten opzichte van de rest van de pagina plaatst deze stevig bovenaan de visuele hiërarchie.
Javascript-aangedreven sliders zijn de laatste jaren een enorme trend geweest (kijk maar eens naar enkele van de populaire bestanden op Themeforest) en terecht - omdat ze uitstekend zijn om aandacht te trekken en een geweldige eerste indruk te maken. Ze maken het gebruik van beelden mogelijk in combinatie met beweging en animatie. Schuifregelaars zijn geleidelijk geavanceerder geworden, van eenvoudige fade- en dia-overgangen tot de 3D-effecten die geschikt zijn voor CU3ER en de (hoewel op Flash gebaseerde) Piecemaker.
Om uitgebreide, gedetailleerde animaties op internet te maken, zou men van oudsher op Flash moeten vertrouwen - dit is echter niet langer het geval. CSS3-animaties worden steeds geavanceerder en de ondersteuning van browsers neemt ook toe.
Animatie, indien correct gebruikt, is een uitstekende manier om uw site te onderscheiden en de aandacht van de gebruiker te trekken.
Next comes Interest, de tweede van de AIDA-principes. We hebben de aandacht van de gebruiker al getrokken, nu moeten we ze interesseren voor wat we aanbieden. Hoe doen we dit?
Voorgesteld wordt dat in plaats van de functies van ons product of onze service te communiceren, we de voordelen en voordelen ervan toelichten. Deze benadering verschuift de focus terug naar de gebruiker in plaats van naar het product of de dienst en stelt de gebruiker in staat zich ermee op persoonlijk niveau te identificeren.
In termen van hoe we dit kunnen benaderen door middel van ontwerp, gaat het erom duidelijk en bondig deze voordelen te presenteren. Gebruikers willen geen paragrafen van een verkooppraatje lezen om te zien wat er in zit voor hen. Stukjes informatie, stappen, lijsten, opsommingstekens, pictogrammen en meer kunnen allemaal worden gebruikt om snel informatie te communiceren.
OK, dus we hebben hun aandacht getrokken, hebben ze geïnteresseerd, nu moeten we gebruikers zover krijgen willen wat we aanbieden. We moeten verlangen genereren.
Het genereren van verlangen is een breed onderwerp, bedrijven gebruiken hele marketingafdelingen om uitgebreide en boeiende campagnes te maken om dit te bereiken. We zullen echter focussen op hoe we dit kunnen doen door middel van webdesign.
In dit stadium heeft u de aandacht en interesse van de gebruiker en zullen zij bereid zijn meer tijd op de site te investeren. Met dit geduld kan meer gedetailleerde informatie worden gepresenteerd, hetzij in de vorm van afbeeldingen, video of tekst. Het is niet nodig om deze stap te haasten.
Het spreekt voor zich dat u uw product in het beste licht moet presenteren. Mensen zullen oordelen oordelen puur gebaseerd op esthetiek en zullen een goed ontwerp associëren met een hoger niveau van algehele kwaliteit. Niet alleen dan, moet het ontwerp van de website op peil zijn, maar het eigenlijke product (als er een is) moet er ook goed uitzien.
Hoge kwaliteit, verleidelijke beelden en goed geproduceerde video's kunnen zeer krachtig zijn om uw product er goed uit te laten zien. De Apple-website levert een uitzonderlijke prestatie door al hun producten te presenteren met behulp van grote beelden in combinatie met animatie.
Overweeg de beste manier om uw product of dienst te presenteren. Degenen die digitale producten verkopen, zoals apps of webdesign, geven deze vaak weer op apparaten zoals monitoren, laptops en telefoons.
Sociaal bewijs is een van de krachtigste en meest voorkomende manieren om verlangen te genereren. Het kan vele vormen aannemen en je zult het vaak meerdere keren tegenkomen in je dagelijkse leven.
Sociaal bewijs kan een complex psychologisch concept zijn, maar op een basisniveau beschrijft het dat mensen hun signalen van andere mensen nemen. Als anderen iets acceptabel vinden, zal een individu eerder zelf denken.
Getuigenissen en beoordelingen zijn hiervan een uitstekend voorbeeld, omdat ze zullen aantonen dat anderen al een goede ervaring hebben met een dienst of product. Wetende dat anderen een product hebben gebruikt en het aanbevelen, wordt het risico weggenomen en neemt het verlangen toe.
Beter nog is om de meningen en meningen van experts of beroemdheden te laten zien. Dit soort mensen hebben een grote aanhang en hun mening heeft veel waarde en vertrouwen erachter.
Hetzelfde concept is te zien wanneer een ontwerpstudio grote, succesvolle bedrijven als klanten toont, of wanneer een auteur trots presenteert waar zijn werk is weergegeven.
Naast het gebruik van kwaliteit in uw voordeel, kan kwantiteit net zo goed werken. Dit is te zien wanneer een groot aantal Twitter-volgers, Facebook-likes of RSS-abonnees zichtbaar zijn voor iedereen.
We hebben al het harde werk gedaan en zijn zover gekomen, het komt nu neer op de laatste stap - actie. Het uiteindelijke doel van een landingspagina is om iemand naar een koper of een abonnee te converteren en het laatste wat we zouden willen is om te falen in dit laatste stadium.
Een element 'Call to Action' spreekt voor zich. Het zijn elementen, meestal in de vorm van knoppen, die de gebruiker uitnodigen om een bepaald soort actie uit te voeren, zoals 'Nu kopen' of 'Aanmelden'. Ze klinken vrij eenvoudig, maar er zijn enkele overwegingen bij het ontwerpen.
Allereerst moet het bij elk call-to-action-element absoluut duidelijk en voor de hand liggend zijn dat de gebruiker ermee kan communiceren. Er wordt verwacht dat knoppen een bepaalde stijl zullen hebben, zoals een duidelijk afgebakend gebied of een gevoel van diepte.
We kunnen call-to-action-elementen verder helpen onderscheiden met behulp van verschillende methoden. Gebruik kleur, grootte, detail en veel witte ruimte om uw voordeel te benadrukken en het element verder te benadrukken.
Maak gebruik van directe bewoording op de knoppen om actie aan te moedigen en een gevoel van urgentie te creëren. Duidelijke, beknopte taal zal niet alleen actie bevorderen, maar het zal voor de gebruiker ook duidelijk zijn wat hij kan verwachten wanneer hij in interactie treedt met het element.
We moeten het ook zo gemakkelijk mogelijk maken voor de gebruiker om actie te ondernemen door hen meerdere mogelijkheden te bieden om dit te doen. Een prominent call-to-action-element moet vroeg in het ontwerp worden opgenomen, met verdere exemplaren op de hele pagina.
Het is echter belangrijk om een goede balans te behouden. We willen de gebruiker niet overbelasten en ze op geen enkele manier onder druk zetten. Te veel call-to-action-elementen zullen opdringerig lijken en hebben mogelijk het tegenovergestelde effect van wat we willen. Twee tot drie is waarschijnlijk een goed aantal om naar te streven.
De 'Z Layout' is eerder besproken op Webdesigntuts +, maar het is de moeite van het vermelden waard, omdat het perfect van toepassing is op bestemmingspagina's om gebruikers naar actie te leiden.
De 'Z-lay-out' is een eenvoudige, maar effectieve webpagina-indeling die de gebruiker door verschillende punten op een pagina leidt en uiteindelijk leidt tot een call-to-action-element. Deze lay-out is een perfecte manier om de AIDA-principes te implementeren, de gebruiker stap voor stap door elke stap te leiden en uiteindelijk de call-to-action aan het einde te presenteren.
Een voordeel van deze lay-out is dat deze zeer flexibel is en op veel verschillende manieren kan worden gebruikt. De structuur van de 'Z'-vorm is niet rigide en kan uitbreiden en inkrimpen om verschillende vormen van inhoud te omvatten. Daarom ziet u vaak voorbeelden van deze lay-out die er aanzienlijk anders uit kunnen zien.
Hier zijn enkele voorbeelden van de 'Z'-lay-out in actie. Kijk of je het bedoelde pad kunt vinden.
Het kennen van de theorie achter AIDA-principes en het uitvoeren van elke stap door ontwerp kan zeer waardevolle kennis zijn voor een webdesigner.
De individuele technieken die hierboven zijn besproken, zijn allemaal relatief eenvoudig en gemeengoed binnen webdesign, maar het is een andere vaardigheid om ze volledig te kunnen combineren om effectieve, doelgerichte webpagina's te maken..
Als dit artikel interesse in AIDA heeft gewekt, bekijk dan de bijbehorende Premium-zelfstudie Een landingspagina ontwerpen met behulp van AIDA-principes ...
Bedankt voor het lezen!
Accentsconagua