27 Research-Backed Web Design Tips: Hoe een Website te ontwerpen die werkt

totaal aantal bezoekers. Het is makkelijk te zien. Elke marketeer weet hoeveel verkeer ze krijgen omdat het daar in uw Analytics. Maar wat er daarna gebeurt is niet zo duidelijk.

daarom is het geven van advies voor het besturen van het verkeer eenvoudig, maar Tips voor webdesign zijn moeilijk. Er zijn zoveel factoren. Zelfs na 1000 + succesvolle web design projecten, is het moeilijk voor ons om te weten wat het beste zal werken.

dit artikel bevat 27 tips voor webdesign om meer waarde te krijgen van elke bezoeker. De meeste van deze tips worden ondersteund door onderzoek. Deze zijn voor beginnende ontwerpers en geavanceerde UX-professionals, voor kleine bedrijven en grote ondernemingen.

hier vindt u ons beste advies, ideeën en inspiratie voor het ontwerpen van een website die resultaten oplevert. Een site die er mooi uitziet, bekeert bezoekers en krijgt meer waarde van elk van die zuurverdiende bezoeken.

de twee belangrijkste studies die hier worden genoemd, bevinden zich helemaal aan het einde. Als je ongeduldig bent, sla dan over!

de structuur van de Website

Websites zijn twee dingen: containers en inhoud. De container is twee dingen: structuur en stijl. Laten we beginnen met de eerste. Deze tips gaan over de structuur en lay-out van de pagina ‘ s.

gebruik een visuele hiërarchie

elke pagina heeft een visuele hiërarchie. Als je niet bekend bent met dat concept, hier is onze definitie:

visuele hiërarchie verwijst naar de rangschikking, grootte, kleur en contrast van visuele elementen. Het bepaalt hun relatieve bekendheid en de volgorde waarin ze door het menselijk oog worden gezien.

webdesigners gebruiken visuele hiërarchie om bezoekers eerst aandacht te geven aan belangrijke elementen. De website lay-out bevat de positie (hoog of laag op de pagina), maten (groot of klein), visuals (video, afbeeldingen, pictogrammen) en contrast (kleur en witruimte).

het combineren van aspecten vermenigvuldigt hun effect. Iedereen zal een grote video zien, hoog op de pagina. Weinig mensen zullen laag contrast tekst omgeven door afbeeldingen te zien.

visuele hiërarchie is de reden waarom uw ogen een bepaald pad volgen op elke pagina die u bezoekt op het internet. Wanneer het doelbewust wordt gebruikt, leidt het de aandacht van de bezoeker door een reeks boodschappen, in de richting van een oproep tot actie.

gebruik een beschrijvende, op sleutelzin gerichte kop hoog op de homepage

de kop bovenaan de homepage (en elke pagina) is al dan niet beschrijvend. Zo niet, dan kan de bezoeker zijn eerste vraag niet beantwoorden: “ben ik op de juiste plaats?”

het is ook een mogelijkheid om een doelkeyphrase te gebruiken en relevantie aan te geven. Maar veel marketeers schrijven iets slim of vaag in plaats daarvan. Maar helder is beter dan slim.

in plaats van een fancy, maar vage kop te schrijven, schrijf iets beschrijvend. Zorg ervoor dat u uitleggen wat het bedrijf doet hoog op de pagina, boven de vouw.

bron: Outreach Plus

wacht, de fold is nog steeds een ding?

Ja, Er is een vouw. Voor elk bezoek op elk scherm is er een zichtbare ruimte. Aan de onderkant is de beroemde vouw. Om iets onder deze lijn te zien, moet die bezoeker scrollen.

waarom en of dit belangrijk is in webdesign is een onderwerp waarover veel wordt gediscussieerd. Hier zijn twee van de beste argumenten: “er is geen fold!”vs” de vouw nog steeds telt.”

natuurlijk zijn er duizenden schermformaten, variërend van klein tot groot. Deze website werd de afgelopen maand op 958 schermen van verschillende grootte bekeken. Sommige ontwerpers zeggen dat de vouw niet langer relevant is.

maar hier is de bottom line (snap je het?) Er is nog steeds een vouw voor elk bezoek en nog steeds een gemiddelde vouw voor alle bezoeken. Tools zoals Hotjar tonen het duidelijk als een regel in de scroll heatmap, voor desktop/laptop, Mobiel en tablet.

dus ja, er is een vouw en het maakt uit wat je erboven en eronder zet. Een studie toonde aan dat bezoekers 80% van hun tijd boven de vouw doorbrengen.

dus zet je value proposition, die 8-woord versie van wat je doet, hoog op de pagina, boven de vouw.

maar plaats niet al uw calls aan de top

bezoekers brengen daar misschien meer tijd door, maar dat betekent niet dat ze klaar zijn om actie te ondernemen. Veel overtuigingskracht gebeurt verderop in de pagina.

toen Chartbeat 25 miljoen bezoeken analyseerde, vonden ze dat de meeste betrokkenheid onder de vouw plaatsvindt. Inhoud aan de bovenkant kan zichtbaar zijn, het is niet noodzakelijkerwijs de meest effectieve plek om uw oproepen tot actie te zetten.

een voorbehoud over deze vaak geciteerde studie: Chartbeat wordt meestal gebruikt door nieuwswebsites, die heel anders zijn dan marketingwebsites. Niemand doet veel boven de vouw op een nieuwssite! Normale webontwerptips zijn niet van toepassing.

zorg ervoor dat u verder onderaan de pagina oproepen tot actie plaatst, op elke plaats waar de belangstelling waarschijnlijk hoog is.

maak er een lange pagina van. Beantwoord alle vragen van uw bezoekers.

meer pixels betekent meer ruimte om vragen te beantwoorden, bezwaren aan te pakken en ondersteunend bewijs toe te voegen. Als de bezoeker geen antwoord vindt op een belangrijke vraag, kunnen ze gewoon naar beneden blijven gaan. Zodra ze tevreden zijn, zullen ze gewoon stoppen met lezen.

de meest effectieve verkooppagina ‘ s emuleren verkoopgesprekken.

u zou nooit iemand onderbreken tijdens een sales meeting en stoppen met het beantwoorden van hun vragen, zou u? Dat is alles wat een korte pagina doet; het stopt met het beantwoorden van vragen.

hier is waar de beroemde studie van Crazy Egg komt in. Ze onderzochten hun publiek, ontdekten hun belangrijkste vragen en zorgen, en bouwden een lange pagina die alles behandelt.

de pagina was 20x langer. De omrekeningskoers steeg met 30%.

“scrollen is een voortzetting. Klikken is een beslissing – – Josh Porter, Rocket Insights

Toon één ding tegelijk

” ik hou van schone, moderne ontwerpen.”Dat is wat de meeste van onze klanten ons vertellen wanneer we beginnen met web design projecten. Ze verwijzen vaak naar de website van Apple als voorbeeld.

bezoekers houden niet van rommel. We houden van witruimte. Met andere woorden, we houden van lage visuele complexiteit.

in 2012 begon Google te ontdekken welke soorten websites als mooi worden beschouwd voor bezoekers. Het is een studie over eenvoud met een zeer ingewikkelde naam: de rol van visuele complexiteit en prototypiciteit met betrekking tot de eerste indruk van websites: werken aan het begrijpen van esthetische oordelen.

zij leerden dat meer complexe ontwerpen minder waarschijnlijk als mooi worden ervaren.

dit verklaart de trend naar lay-outs met één kolom en hoge pagina ‘ s. Ontwerpen met meerdere kolommen (links navigatie, inhoud gebied, rechter rail) zijn complexer, met meer visuele elementen binnen het gezichtsveld van de bezoekers.

dus knip de rommel. Maak een van de twee elementen de focus op elke schuifdiepte.

blijf bij standaard lay-outs

dezelfde studie van Google toonde aan dat” hoge prototypiciteit ” ook correleert met waargenomen schoonheid. Met andere woorden, vreemd is meestal niet mooi. Een website die web design normen volgt is meer kans om geliefd te zijn.

de sites die als de mooiste worden beschouwd, hebben zowel een hoge prototypiciteit als een lage visuele complexiteit. Ze zijn zowel eenvoudig als schoon.

denk aan het op deze manier, het is goed om uw merk te differentiëren, maar de lay-out is niet de plek om het te doen. Wees anders in wat je zegt. Maar wees typisch in hoe uw site wordt gebruikt.

sommige auto ‘ s zien er geweldig uit. Ze zijn anders. Ze zijn prachtig. Maar ze hebben nog steeds deuren aan de zijkanten, wielen aan de onderkant en koplampen aan de voorkant.

maar wat is standaard? Volgens ons eigen onderzoek zijn dit de standaard elementen voor een website:

de” standaard “website met hoge prototypiciteit omvat de volgende:

• Logo linksboven
• horizontale navigatie in de kop
• zoekbalk bovenaan
• sociale pictogrammen onderaan
• mobiel responsief ontwerp

pas op voor “valse bodems”

moderne marketingwebsites, vooral de verkooppagina ‘ s, zijn gebouwd met paginablokken. Dit zijn rijen met inhoud, vaak met een afbeelding aan de ene kant en tekst aan de andere, die in één kolom naar beneden stromen.

hier is de anatomie van een typische service pagina op een lead generatie website.

zoals het diagram laat zien, heeft de voettekst een donkere achtergrondkleur. Zoveel sites doen dit dat bezoekers nu verwachten dat een overstap naar een donkere achtergrond betekent dat de onderkant van de pagina.

maar als het ontwerp een pageblock met een donkere achtergrond heeft, zou de bezoeker kunnen denken dat ze de bodem hebben geraakt en stoppen met scrollen. Het is een valse bodem.

Opmerking: ik discussieer hierover met mijn eigen ontwerpers. Kurt Cruse, onze creative director, maakt een uitstekend punt. Veranderingen in achtergrondkleur is een uitstekende manier om bezoekers te laten weten dat het type inhoud verandert. Ik hoor je, Kurt!

wees bewust bij het selecteren van achtergrondkleuren voor paginablokken. Om veilig te zijn, kiest u alleen lichte variaties of gewoon altijd wit of lichtgrijs gebruiken. Schakel vervolgens over naar donkergrijs of zwart in de voettekst.

vermijd carrousels en roterende schuifregelaars

ze zijn al jaren populair en klanten zijn er dol op. Maar er is een probleem met de homepage slideshow: bezoekers kunnen alleen de eerste dia zien.

er zijn veel studies geweest die tot dezelfde conclusie kwamen. Berichten op volgende dia ‘ s zijn minder waarschijnlijk om te worden gezien en calls to action is onwaarschijnlijk om te worden geklikt. Kijk maar naar de click through tarieven voor de slides op een website van de universiteit.

ze kunnen populair zijn omdat ze gemakkelijk goedgekeurd kunnen worden. Verschillende stakeholders uit verschillende afdelingen krijgen allemaal wat pixels boven de vouw. Ze zijn goed voor de binnenlandse politiek, niet voor bezoekers.

homepage diavoorstellingen zijn goed in het voorkomen dat mensen elkaar steken in vergaderzalen.

dus wat moet u in plaats daarvan doen?

• Stapel de dia ‘ s, zodat de bezoeker ze kan zien door naar beneden te scrollen. Ze zullen plotseling veel zichtbaarder worden.
• gebruik een uitgelichte afbeelding, waarbij de meest impactvolle dia als held wordt gebruikt. Geef het een goede oproep tot actie!

vermijd tabbladen en accordeons

hier is een andere manier om dingen uit het verbergen te halen: vermijd tabbladen en uitbreidbare vakken met inhoud.

wetende dat tot 76% van de websitebezoekers scant, kunt u uw inhoud zichtbaarder maken door het allemaal zichtbaar te houden, zonder dat u hoeft te klikken om iets te onthullen.

als tabs en uitbreidbare accordeons effectief waren, zult u ze waarschijnlijk zien op Amazon.

onthoud dat scrollen sneller en gemakkelijker is dan klikken. Als de bezoekers moeten richten en klik op of tab om iets te kunnen bekijken, zijn ze minder waarschijnlijk om het te zien.

Images

laten we verder gaan met de visuals. Deze tips zijn specifiek voor de foto ’s op webpagina’ s.

personenafbeeldingen gebruiken

gezichten zijn uniek krachtige afbeeldingen. Vanaf het moment dat we geboren zijn, staren we meer naar gezichten dan naar iets anders. De magnetische kracht van mensen foto ‘ s is zeer nuttig in webdesign.

niet alleen trekken gezichten de aandacht, ze correleren met conversie. De beroemde casestudy van Basecamp toonde een enorme stijging van de resultaten wanneer gezichten en getuigenissen werden gecombineerd op een verkoop pagina.

zorg ervoor dat uw website niet lijkt op een “verlaten ruimteschip” zonder een ziel aan boord.

ik heb met duizenden bedrijven gesproken over hun marketing door de jaren heen en ik heb een patroon opgemerkt. Grote bedrijven proberen er altijd klein uit te zien, en kleine bedrijven proberen er Groot uit te zien. Vreemd, toch?In werkelijkheid zou elk bedrijf moeten proberen persoonlijker en menselijker te zijn.

maar vermijd stockfoto ’s van mensen

er is een tijd en plaats voor stockfoto’ s, maar ik zou stockfoto ‘ s van mensen als de pest vermijden. Ze voelen zich gewoon nooit echt, daarom bouwen ze geen vertrouwen op.

bedrijven worden verleid door stockfoto ‘ s omdat de productiekwaliteit hoog is. Maar uw bezoekers geven meer om de realiteit. Ze zouden liever echte mensen zien die echt bij het bedrijf werken.

authenticiteit is belangrijker dan Pools.

het onderzoek ondersteunt dit. Een studie van NN Group bleek dat bezoekers af te stemmen op stock Foto ‘ s van mensen en “filler” beelden, maar eigenlijk kijken naar foto ‘ s van echte mensen.

dus wees jezelf, toon je team en gebruik foto ‘ s van echte mensen, zelfs als ze perfect gepolijst zijn.

gebruik gezichten als visuele aanwijzingen

Mensenfoto ‘ s geven u een speciale gelegenheid om de aandacht van de bezoekers te leiden. Het beroemde ‘jij kijkt waar zij kijken’ fenomeen.Toen onderzoeker James Breeze ontwerpen toonde aan 106 mensen, toonde hij de kracht van goed geplaatste gezichten. Ze hebben de macht om de aandacht van de bezoekers te richten op andere elementen.

dit is de beroemde studie met het babygezicht. Wanneer de baby naar de camera kijkt, kijken bezoekers naar de baby. Als de baby naar de kop kijkt, kijken bezoekers naar de kop.

mijn vriend Oli Gardner is moe van dit voorbeeld met de baby (sorry, Oli!). Als iemand weet van ander onderzoek of goede voorbeelden, laat het me weten in de reacties!

gebruik een gezichtslijn in gezichtsbeelden als een richtingsaanwijzing om de aandacht van bezoekers te leiden naar voordelen of oproepen tot actie.

gebruik pijlen als visuele aanwijzingen

gezichten kunnen de aandacht leiden, maar ze zijn niet de enige manier om de ogen van uw bezoekers te controleren. Kleine handgetekende pijlen kunnen nog effectiever zijn.

In deze eye tracking studie van CXL bleek dat een eenvoudige pijl was nog krachtiger in het krijgen van bezoekers om te kijken naar een pagina-element.

als je wilt dat je bezoekers naar iets kijken, wijs er dan met een pijl naar. Ik weet niet zeker of deze tip belachelijk duidelijk of diep inzichtelijk is.

gebruik kleur om de aandacht van bezoekers te leiden naar oproepen tot actie

kleuren hebben emotionele connotaties (rood is dringend, blauw is kalm) en ze zijn onderdeel van merkstandaarden. Maar ze zijn ook mogelijkheden om de bezoekers oog te trekken naar knoppen en CTA ‘ s.

een studie van Eyequant over knopkleur bevestigt de kracht van kleur en luminantiecontrast om de aandacht te trekken.

maar de studie toont aan dat kleurrijke knoppen niet altijd effectief zijn. Als u wilt dat uw knop meer visueel prominent:

• Contrast de kleur van de knop met de achtergrond
• Contrast de kleur van de knop en de tekst van de knop
• Contrast de kleur van de knop met nabijgelegen elementen op de pagina (of laat er veel witruimte omheen)

het “Von Restorff Effect”

in de jaren 1930 ontdekte de Duitse wetenschapper Hedwig von Restorff dat wanneer een lijst van tien items werd getoond, mensen items onthouden als ze een andere kleur hebben dan de andere. Dit komt omdat de occipitale kwab gevoelig is voor visuele verschillen, of ” patroon onderbrekers.”

Web marketeer Paras Chopra voerde experimenten uit die aantoonden hoe opvallende kleuren niet meer worden herinnerd, ze meer worden geklikt: 60% meer!

Pro Tip! Kies een “actiekleur” voor al uw links, knoppen en rollover-effecten. Maak het een kleur die verschilt van het merk kleuren gebruikt in het ontwerp (Dit zijn de “passieve kleuren”). Gebruik de actiekleur nergens anders dan in de aanklikbare items.

navigatie en Links

nu komen we in het advies voor navigatie van de site, met inbegrip van de menu ‘ s, knoppen en links die uw bezoekers laten bewegen.

beschrijvend zijn

navigatie is altijd visueel prominent aanwezig, dus het is een mogelijkheid om te communiceren. Bezoekers beginnen hun bezoek meestal door over de header te scannen. Alles daar, inclusief uw menu ‘ s, zijn zeer waarschijnlijk te zien.

bron: UX Movement

wanneer de navigatielabels generiek zijn, hebt u een kans gemist om de bezoekers te vertellen wat u doet. Vergelijk deze twee voorbeelden:

als uw navigatie-labels zijn generiek, dan zijn ze gemeenschappelijk voor duizenden of zelfs miljoenen websites. Je hebt een kans gemist om best practices voor websitenavigatie te benutten, je bezoekers te helpen en je zoekresultaten te verbeteren.

plaats home aan de linkerkant, maar anders dan dat, maak je niet te veel zorgen over de volgorde van menu-items

als je een home-link hebt, plaats deze dan aan de linkerkant. Het is de meest voorkomende plek voor het, dus bezoekers verwachten om het daar te vinden.

wat de rest van de menu-items betreft, blijkt uit onderzoek dat de volgorde niet zo belangrijk is. Er zijn twee verschillende eye tracking studies die een lage correlatie tussen de volgorde van menu-items en het succes van de bezoekers (bron en bron) tonen.

dus besteed niet een ton van de tijd zorgen te maken over de volgorde van de dingen in uw menu.

wees voorzichtig met het linken van servicepagina ‘ s naar blogberichten

als de bezoeker zich op een servicepagina bevindt, is het doel om deze om te zetten in een lead. Als u grote kansen toe te voegen om te vertrekken en ga lezen van uw blog, ze zullen landen op pagina ‘ s die minder gericht zijn op lead generation. Blogberichten hebben natuurlijk meer afleidingen, exits kansen en lagere conversiepercentages.

wees voorzichtig met linken naar iets op andere websites

indien relevant, linken naar dingen die de bezoeker helpen hun doelen te bereiken. Op een blogpost, dat is vaak een citaat van een bron of link naar externe verwijzingen. Dit bericht links naar tientallen artikelen en studies!

maar op servicepagina ‘ s en op uw homepage moet u voorzichtig naar andere sites linken. Voor elke pagina die geoptimaliseerd is om bezoekers om te zetten in leads, vraag jezelf af, Wil je echt dat bezoekers op die link klikken? Helpt het je je doelen te bereiken?

vermijd het gebruik van sociale media iconen in uw website header

evenzo zijn kleurrijke sociale media iconen in uw header niet goed voor uw doelen. Als bezoekers op een van die snoepkleurige knoppen klikken, landen ze op een site vol afleidingen. Het is onwaarschijnlijk dat ze terugkomen.

dit is over het algemeen de verkeerde manier om sociale media-integratie te doen. Als u een link naar een sociaal netwerk, doe dit vanuit uw voettekst. Bezoekers kunnen de sociale netwerken vinden als ze op zoek zijn, maar je suggereert niet dat ze vertrekken.

schrijven

laten we praten over woorden. Eerder, we aanbevolen een keyphrase-gerichte kop op de homepage. Hier zijn een paar meer tips voor het schrijven dat gaat in de website, met inbegrip van headers, subheads en body text.

schrijf betekenisvolle subheads

vage subheads zijn overal. Ze zijn vaak groot en nutteloos, maar gevolgd door dingen die klein maar nuttig zijn. Vreemd, toch? Het tegenovergestelde zou logischer zijn.

zorg ervoor dat de grote dingen zinvol en nuttig zijn voor bezoekers. Als uw subheaders zeggen dingen als “producten” of “diensten,” vraag jezelf af of een meer beschrijvende term zou meer nuttig zijn. Hier zijn enkele voorbeelden.

dit is goed voor scanners en bruikbaarheid. Het is goed voor slechtzienden en toegankelijkheid. Het is ook goede SEO best practices. Mis nooit een kans om relevantie aan te geven!

ProTip: onderverdelingen kunnen volledig overbodig zijn. Zou deze pagina net zo goed zijn zonder? Weten bezoekers nog waar ze naar kijken? Zo ja, verwijder het gewoon.

vermijd lange alinea ’s en lange regellengte

lange, blokachtige alinea’ s komen niet overeen met de beste praktijken voor digitale inhoud. Gewoon het breken van lange alinea ‘ s maakt de inhoud gemakkelijker te consumeren. Schrijf in het algemeen geen alinea ‘ s langer dan 3-4 regels.

“korte alinea’ s worden gelezen, lange alinea ’s worden afgeroomd, echt lange alinea’ s worden overgeslagen – – Jason Fried, oprichter en CEO, Basecamp

als de lijnlengte erg lang is, kan het moeilijker zijn voor bezoekers om te lezen. De Web Style Guide adviseert regels van niet meer dan 12 woorden.

vermijd jargon. Gebruik eenvoudige woorden.

hoe gemakkelijker het lezen is, hoe succesvoller de website zal zijn. Gebruik de gebruikelijke woorden die bezoekers verwachten. Lange zinnen en mooie woorden dwingen de temporale kwab om harder te werken. Dat is niet goed.

“hou het simpel! “Cognitieve vloeiendheid” is een maat voor hoe gemakkelijk het brein van uw bezoeker verwerkt waar ze naar kijken. Als iets moeilijk te lezen is, vinden we het onbewust riskanter en/of tijdrovend. Dus, om conversie te maximaliseren, gebruik korte tekst, eenvoudige lettertypen, en een eenvoudig te lezen ontwerp.”- Roger Dooley, auteur van Brainfluence

kopiëren dat werkt goed voor” lage geletterdheid ” gebruikers werkt goed voor iedereen. Het gaat niet om het dommer maken, het gaat om het gebruik van eenvoudige taal die iedereen kan begrijpen. Onderzoek heeft aangetoond dat het verlagen van de leesbaarheidsniveaus het slagingspercentage voor alle bezoekers kan verbeteren.

zelfs PhD ‘ s geven de voorkeur aan lezen op een 8e-grade niveau.

dat grote woord kan je slim laten klinken, maar het kan je bezoeker Dom laten voelen. Een bezoeker die aan zichzelf twijfelt, zal waarschijnlijk geen actie ondernemen. Dus als je schrijft, blijf jezelf de volgende vraag stellen:

kent 100% van de bezoekers de Betekenis van de woorden op deze pagina?

Lijstvolgorde en”Serial Position Effect”

bij het bestellen van lijsten binnen uw kopie, plaats de belangrijke dingen aan het begin en einde. De aandacht en retentie van de lezer staan het laagst in het midden van een lijst. Als bezoekers de pagina scannen, zullen de eerste en de laatste items waarschijnlijk in het kortetermijngeheugen blijven.

bron: Ordeffectentheorie: primaat versus recentheid

beantwoord de belangrijkste vragen van de bezoekers

ze kwamen met vragen. De belangrijkste taak van de website is om die vragen te beantwoorden. Elke onbeantwoorde vraag is een gemiste kans om vertrouwen op te bouwen. Onbeantwoorde vragen verhogen ook de kans dat de bezoeker zal vertrekken.Toen Joel Klettke zijn proces toepaste om vragen te vinden en antwoorden te schrijven, kon hij de conversieratio ’s op Hubspot-landingspagina’ s verdubbelen. Hij interviewde klanten, analyseerde hun antwoorden, prioriteerde de berichten en uiteindelijk gebruikte hij de woorden van het publiek zelf in de nieuwe marketingkopie. Slim!

hier zijn de vragen die Joel gebruikt om de topvragen van bezoekers te ontdekken:

1. wat gebeurde er waardoor je op zoek was naar een oplossing?
2. wat heb je nog meer geprobeerd en wat vond je er niet leuk aan?
3. wat weerhield u er bijna van bij ons te kopen?
4. wat maakte u zelfverzekerd genoeg om ons een kans te geven?
5. wat maakte X de beste oplossing voor u?
6. bij de evaluatie van X, wat was het belangrijkst voor u?
7. Wat kunt u nu (of beter) doen dat u voorheen niet kon?
8. geef me een voorbeeld van wanneer X een verschil maakte voor jou?

In één woord, wat is het doel van uw website? Antwoord.

aanvullende lezing: the Perfect B2B Website Service Page: 13-punts Checklist

add evidence and social proof

de “conformiteit bias” is de menselijke neiging om te doen wat anderen doen. Dus het geven van bewijs dat anderen u hebben geselecteerd maakt het kiezen van uw bedrijf lijkt een goede keuze. Het doel is om een andere beslissing dan het gebruik van uw bedrijf lijken buiten de norm.

geef uw bezoekers het bewijs dat u legitiem bent. Idealiter, elk van uw marketing claims wordt ondersteund met bewijs.

“hoe vaak heb je doorgeklikt naar een website op de lijst van de winnaars van een design award en rolde je ogen op een meeslepende titel tag van “thuis”? Dit is wat er gebeurt als je een agentschap vertrouwt om “iets totaal rad en uniek te maken” in plaats van het kiezen van een agentschap die belooft om iets dat zal werken de manier waarop uw klanten/klanten nodig hebben en verwachten dat het werkt.”- Jen Salamandick, Kick Point

de snelste, makkelijkste manier is om getuigenissen toe te voegen. Hier zijn andere vormen van sociaal bewijs.

• goedkeuringen van relevante influencers
• productrecensies van klanten
• ” zoals te zien in…” logo ‘ s van media waarop uw bedrijf is vermeld
• sociale media-widgets die de grootte van uw volgende
• Vertrouwenszegels, inclusief lidmaatschappen, beveiligingscertificaten en awards

hoeveel bewijs is genoeg? Hoeveel getuigenissen moet je toevoegen?

veel. Het is mogelijk dat er niet zoiets is als te veel bewijs. We deden een snelle analyse van een van Amazon ’s product detail pagina’ s en vond dat 43% van de pagina is bewijs en beoordelingen.

Pro Tip! Maak geen testimonials pagina. Ze hebben de neiging om weinig verkeer pagina ‘ s. Voeg in plaats daarvan testimonials toe aan elke servicepagina.

vermeld schaarste, trigger “loss aversie”

mensen zijn geen efficiënte kosten / baten rekenmachines. We hebben de neiging om verliezen te overwaarderen en winsten te onderwaarderen. Met andere woorden, verliezen zijn pijnlijker dan winsten zijn plezierig.

dit geldt zowel online als offline en verklaart veel menselijk gedrag. Dit artikel legt het goed uit: het toepassen van gedragseconomie en cognitieve psychologie op het ontwerpproces.

deze afkeer van verliezen kan nuttig zijn voor webdesigners en copywriters. Hier zijn enkele tips voor het schrijven van kopie met verlies aversie in het achterhoofd.

• benadruk de kosten van het niet gebruiken van uw product of dienst.
• groepeer de kosten samen, vermeld de baten afzonderlijk.
• benadrukken onmiddellijke winsten.
• maak urgentie met aanbiedingen van beperkte tijd. Als het product schaars is, zeg het dan.

herinner uw bezoekers voorzichtig aan wat ze zullen missen, riskeren of verliezen door nu geen actie te ondernemen.

optimaliseer e-mailaantekeningsformulieren voor abonnees

onderaan dit bericht staat er een. Het is een oproep tot actie om je in te schrijven. Als je goed kijkt, zie je dat het drie afzonderlijke elementen bevat. Dit zijn de 3 P ‘ s voor e-mail inschrijfformulieren.

• prominentie het valt op binnen de visuele hiërarchie
• Promise het vertelt de lezer wat ze krijgen een hoe vaak
• bewijs het gebruikt sociaal bewijs: het aantal abonnees of een kleine getuigenis

toen we voor het eerst experimenteerden met deze veranderingen, was de conversieratio op de oudere vorm zeer laag, dus de verbetering was dramatisch. We zagen een 4,863% toename in e-mail aanmeldingen.

bij het ontwerpen van uw e-mails inschrijfformulier, maak het zichtbaar, gebruik social proof en vertel de lezers wat ze gaan krijgen.

meer dan alleen een mooie site

iedereen houdt van schoonheid. Iedereen houdt van coole nieuwe ontwerpfuncties. Iedereen is een criticus. Maar als bezoekers hebben we meer nodig dan schoonheid. We hebben informatie nodig. En als website-eigenaren hebben we resultaten nodig.

hier zijn twee studies met dezelfde bevinding. De eerste is een enquête van Hubspot die bezoekers waarde gemakkelijk te vinden informatie meer dan mooi design of fancy UX toont.

deze tweede studie is de conclusie van een reeks gebruikerstests door NN Group. Het laat zien dat wanneer bezoekers falen, het is omdat ze geen informatie kunnen vinden, niet omdat de site niet mooi genoeg is.

ik hou net zoveel van mooi design als iedereen. Daarom ben ik in dit vak begonnen. Ik denk vaak aan dit citaat:

“het leven van een ontwerper is een leven van strijd. Vecht tegen de lelijkheid.”- Massimo Vignelli, designlegende

maar in webdesign maken we containers voor inhoud. De bezoekers kwamen voor de inhoud, niet voor de container.

Websites moeten mooi zijn. Ze moeten een visuele of emotionele impact hebben op de bezoekers. Maar het succes van uw website gaat veel verder dan schoonheid. Het gaat erom bezoekers te helpen vinden wat ze nodig hebben. Dat is het hart van elke tip in dit artikel. Het is het ware doel van webdesign.

Help uw bezoeker te vinden waarvoor ze kwamen en geef ze dan wat u wilt dat ze hebben.