\n Smarte markedsf\u00f8rere vet at et webdesign enten kan \u00f8ke eller redusere konverteringsfrekvensen.\n<\/p>\n
\n Selv om det er sant at SEO og markedsf\u00f8ring p\u00e5 sosiale medier er avgj\u00f8rende for konverteringer, kan det \u00e5 ha et utmerket design utgj\u00f8re hele forskjellen.\n<\/p>\n
\n Alle komponenter i digital markedsf\u00f8ring betyr noe. Imidlertid kan webdesign skape eller \u00f8delegge konverteringsfrekvenser. I en studie fra Stanford University sa 46,1 prosent av folk at deres beste m\u00e5l for \u00e5 skille om et selskap er troverdig eller ikke er webdesign. Med det i tankene er utformingen av nettstedet ditt viktig, og det m\u00e5 se profesjonelt ut.\n<\/p>\n
\n Estetikken til nettstedet ditt kan ogs\u00e5 spille en rolle i konverteringer. To tredjedeler av folk vil konsumere innhold og bli hvis nettstedet er vakkert designet, if\u00f8lge en Adobe-unders\u00f8kelse. N\u00e5r det er sagt, m\u00e5 nettstedet ditt se attraktivt ut hvis du vil at de bes\u00f8kende skal lese innleggene dine.\n<\/p>\n
\n I s\u00e5 fall kan du ikke overse webdesign. Du kan leie en frilanser eller ansette en designer for \u00e5 sikre at nettstedet ditt er estetisk tiltalende.\n<\/p>\n
\n Her er noen webdesigntriks som kan gi deg et b\u00e6rekraftig l\u00f8ft i konverteringer.<\/strong>\n<\/p>\n \n Loven sier at ved \u00e5 \u00f8ke antall alternativer, \u00f8ker den ogs\u00e5 tiden det tar for en enkeltperson \u00e5 ta en beslutning. Denne loven blir ofte referert til i webdesign. I denne studien fant forskerne at mer ikke alltid er bedre fordi et bord som viser f\u00e6rre syltet\u00f8ysorter tiltrakk seg flere enn et bord med 24 typer syltet\u00f8y. Folk var sannsynligvis til \u00e5 kj\u00f8pe n\u00e5r de ser en liten skjerm.\n<\/p>\n \n For \u00e5 anvende loven i webdesign, m\u00e5 du begrense antall alternativer du har for de bes\u00f8kende. P\u00e5 nettstedet ditt, evaluer hva som er i navigasjonslinjen. Det er det beste stedet \u00e5 g\u00e5 for \u00e5 finne det du kan bli kvitt for \u00e5 redusere antall alternativer. Jo flere lenker de bes\u00f8kende kan velge mellom, jo \u200b\u200bmer vil brukerne miste interessen for nettstedet ditt.\n<\/p>\n \n Bortsett fra navigasjonslinjen, b\u00f8r du ogs\u00e5 se p\u00e5 de andre elementene p\u00e5 nettstedet ditt som bes\u00f8kende m\u00e5 bestemme n\u00e5r de er p\u00e5 nettstedet ditt. Disse vil inkludere \u00e5 bestemme om leserne skal kunne rulle nedover siden mer eller bruke navigasjonslinjen; bestemmer seg for \u00e5 laste ned e-boken din eller dele innlegget ditt p\u00e5 sosiale medier, eller velge \u00e5 lese en produktanmeldelse eller bla gjennom flere produkter.\n<\/p>\n \n Fordi det kan v\u00e6re forskjellige steder p\u00e5 nettstedet ditt hvor du kan redusere antall alternativer, kan det v\u00e6re lurt \u00e5 installere en velkomstport p\u00e5 hjemmesiden din. Her vil de bes\u00f8kende se en velkomstmelding som dekker hele skjermen, og den kommer med en enkelt oppfordring til handling. Med det i tankene vil bes\u00f8kende bare ha ett valg n\u00e5r de bes\u00f8ker nettstedet ditt. Hvis de \u00f8nsker \u00e5 se flere alternativer, kan de rulle nedover, og dermed minimere distraksjoner p\u00e5 hjemmesiden din.\n<\/p>\n \n N\u00e5r du anvender denne loven, er det imidlertid viktig at du vurderer handlingene som er avgj\u00f8rende for bunnlinjen. Husk at hver side p\u00e5 nettstedet ditt m\u00e5 oppn\u00e5 ett hovedm\u00e5l. S\u00e5 igjen, jo f\u00e6rre valg de bes\u00f8kende har, jo lettere for dem \u00e5 bruke nettstedet ditt, noe som kan \u00f8ke nettstedets konverteringsfrekvens.\n<\/p>\n \n De bes\u00f8kende er ut\u00e5lmodige n\u00e5r de surfer p\u00e5 nettet. En ny forsinkelse kan resultere i en reduksjon p\u00e5 7 prosent i konverteringen. Det er flere verkt\u00f8y for \u00e5 sjekke sidehastigheten din og vite mer om problemene. Du kan bruke blant annet PageSpeed \u200b\u200bInsights fra Google, Page Load Speed \u200b\u200bAnalyzer av SEO Chat og Pingdom.\n<\/p>\n \n Husk at du har \u00e5tte sekunder p\u00e5 deg til \u00e5 f\u00e5 leserens oppmerksomhet. I s\u00e5 fall har du en liten mulighet til \u00e5 tiltrekke deg bes\u00f8kende etter \u00e5 ha landet p\u00e5 nettstedet ditt. Hvis nettstedet ditt er tregt med \u00e5 laste, forlater de og kommer aldri tilbake.\n<\/p>\n \n I tillegg til \u00e5 \u00f8ke hastigheten p\u00e5 nettstedet ditt, b\u00f8r du vurdere \u00e5 ha en kort overskrift, et i\u00f8ynefallende bilde som kan kommunisere form\u00e5let med siden din eller trekke de bes\u00f8kendes \u00f8yne til den prim\u00e6re oppfordringen til handling. S\u00f8rg for at registreringsknappene dine er store og enkle. Og s\u00f8rg for at kopien din er fristende.\n<\/p>\n \n Tredjedelsregelen er et fotografiprinsipp som webdesignere kan implementere. I denne regelen m\u00e5 du dele nettsiden din i tredjedeler, slik at den gir deg ni firkanter med like store st\u00f8rrelser. De fire midterste rutene er steder av interesse. Ethvert objekt du plasserer p\u00e5 disse punktene kan ha stor innvirkning p\u00e5 nettstedet ditt, og dermed \u00f8ke konverteringene.\n<\/p>\n \n Du kan plassere den viktigste oppfordringsknappen i disse omr\u00e5dene. Men ikke plasser navigasjonslinjen p\u00e5 disse stedene. P\u00e5 denne m\u00e5ten vil de bes\u00f8kende fokusere p\u00e5 den prim\u00e6re oppfordringen til handling p\u00e5 nettsiden din.\n<\/p>\n \n Det er ikke n\u00f8dvendig \u00e5 redesigne hele nettstedet ditt. I stedet kan du bruke tredjedelsregelen som en m\u00e5te for deg \u00e5 plassere de viktigste delene av nettstedet ditt. F\u00f8rst m\u00e5 du ta et skjermbilde av nettstedet ditt p\u00e5 den synlige delen av nettsiden. Deretter deler du den i ni like deler. Derfra kan du bestemme om du vil justere nettstedet ditt eller ikke.\n<\/p>\n \n I disse omr\u00e5dene kan du plassere video, lyd og annet interaktivt innhold. Vurder \u00e5 ha pekepinneffekter p\u00e5 handlingsfremmende knapper. P\u00e5 den m\u00e5ten vil de bes\u00f8kende bli mer lokket til \u00e5 klikke. Deretter legger du til noen animerte exit popup-vinduer. De er avgj\u00f8rende for \u00e5 engasjere de bes\u00f8kende p\u00e5 nytt n\u00e5r de mister interessen.\n<\/p>\n \n Negativ plass er mellomrommet i webdesign. Denne plassen er en positiv ting siden den gj\u00f8r nettstedet ditt mer lesbart og brukbart. Dette rommet er ikke bare mellomrommet mellom elementene p\u00e5 siden din. Snarere refererer det ogs\u00e5 til mellomrommet mellom de sm\u00e5 elementene p\u00e5 siden din, som omr\u00e5det mellom avsnittene eller tekstlinjene.\n<\/p>\n \n Du m\u00e5 v\u00e6re oppmerksom p\u00e5 de negative plassene p\u00e5 nettstedet ditt fordi de gj\u00f8r nettstedet ditt lett for \u00f8ynene, noe som f\u00f8rer til \u00f8kt konvertering. Avhengig av webdesignet ditt, kan du bruke massevis av negativ plass p\u00e5 hjemmesiden din. P\u00e5 den m\u00e5ten vil de bes\u00f8kende fokusere p\u00e5 den prim\u00e6re oppfordringen til handling.\n<\/p>\n \n For \u00e5 ha nok negativ plass, kan du bruke en mindre skrift for \u00e5 ha mer plass mellom bokstavene. Deretter b\u00f8r linjeh\u00f8yden v\u00e6re 1,5. Hvis du velger \u00e5 ha mindre skrifttyper, b\u00f8r du ha flere linjeh\u00f8yder.\n<\/p>\n \n Del deretter de store tekstblokkene i mindre avsnitt for \u00e5 \u00f8ke negativt mellomrom mellom avsnittene, og dermed gj\u00f8re innleggene mer lesbare. Ikke glem \u00e5 bruke marger og polstring for \u00e5 legge til mellomrom mellom de store elementene p\u00e5 nettstedet ditt.\n<\/p>\n \n Hvorfor? De kan bare skade konverteringsfrekvensene dine. De var spennende f\u00f8r. Men n\u00e5 blir de kj\u00e6ledyrsteiner. Videre bremser skyveknappene nettstedet ditt p\u00e5 grunn av de store bildene som brukes. De er ogs\u00e5 distraherende siden de ikke tillater bes\u00f8kende \u00e5 konsumere innholdet ditt.\n<\/p>\n \n Disse elementene er forvirrende p\u00e5 grunn av hvordan menneskelige \u00f8yne reagerer p\u00e5 milj\u00f8et. Menneskelige hjerner er designet for \u00e5 oppdage bevegelse i et statisk landskap. P\u00e5 den tiden var det nyttig \u00e5 spore mammuter over en tundra. Men dette svaret f\u00e5r folk til \u00e5 v\u00e6re mer oppmerksomme p\u00e5 bevegelsene til glidebryterne og ignorere konverteringspunkter som du vil at de skal fokusere p\u00e5.\n<\/p>\n \n Videre vil glidebrytere ikke gi mening n\u00e5r de bes\u00f8kende navigerer p\u00e5 nettstedet ditt via en mobilenhet. Og det er derfor folk synes det er lettere \u00e5 bla enn \u00e5 sveipe. Husk at jo enklere for de bes\u00f8kende \u00e5 navigere p\u00e5 nettstedet ditt ved hjelp av mobilenheten deres, vil det gi deg h\u00f8yere konverteringsfrekvenser.\n<\/p>\n \n Skyveknapper vil ogs\u00e5 f\u00f8re til for mange H1-tagger p\u00e5 nettstedet ditt. Du tror kanskje at de er gode for nettstedet ditt, men webcrawlere forakter dem. Grunnen til dette er at de forvirrer hierarkiet av informasjon p\u00e5 nettstedet ditt. Fordi netts\u00f8keprogrammer hater dem, kan de p\u00e5virke siderangeringen din betydelig. S\u00f8rg derfor for \u00e5 unng\u00e5 dem s\u00e5 mye som mulig.\n<\/p>\n \n I stedet for \u00e5 bruke glidebrytere, velg \u00e5 ha et statisk bilde med en kraftig overskrift.\n<\/p>\n \n I ulike studier fant forskere at de fleste brukere surfer p\u00e5 nettet for \u00e5 lese et innlegg i et F-m\u00f8nster. Det vil si at de ser fra venstre mot h\u00f8yre \u00f8verst p\u00e5 skjermen. Etter det skanner de siden ned og leser inn innholdet. Sjelden n\u00e5r de nederst til h\u00f8yre p\u00e5 en side.\n<\/p>\n \n Hvordan kan du bruke F-m\u00f8nsteret til \u00e5 \u00f8ke konverteringene dine? Plasser de kritiske oppfordringene til handling og objekter langs F-formlinjene. Sett deretter inn objekter av mindre betydning i omr\u00e5der med lav sikt.\n<\/p>\n \n Siden venstre side av siden er der de bes\u00f8kende vil se f\u00f8rst, b\u00f8r du vurdere \u00e5 plassere den prim\u00e6re oppfordringen til handling i dette omr\u00e5det. Plasser deretter overskrifter ned til venstre p\u00e5 siden. N\u00e5, for dine sponsede annonser, kan du legge dem i sidefeltet til h\u00f8yre p\u00e5 siden din. Alt som ikke trenger \u00e5 v\u00e6re synlig, men som er viktig for webcrawlere, b\u00f8r plasseres nederst til h\u00f8yre p\u00e5 siden.\n<\/p>\n \n Siden farger kan vekke f\u00f8lelser, m\u00e5 du velge fargekombinasjonen som formidler merkevarens personlighet og tvinger folk til \u00e5 handle. Husk at folk vil ta kj\u00f8psbeslutningen fra et f\u00f8lelsesmessig sted. N\u00e5r det er sagt, vil fargekombinasjonen du velger for nettstedet ditt spille en betydelig rolle i \u00e5 optimalisere konverteringsfrekvensene.\n<\/p>\n \n Et forslag er \u00e5 lage en Pinterest-tavle med noen bilder som gjenspeiler visjonen til merkevaren din. Bruk Adobes fargehjul for \u00e5 lage et fargeskjema basert p\u00e5 fargene i disse bildene. Men du kan tweete de individuelle fargene ved \u00e5 flytte rundt p\u00e5 valgene.\n<\/p>\n \n Etter \u00e5 ha laget et fargeskjema, s\u00f8rg for \u00e5 bruke kontrast, da det ogs\u00e5 kan gj\u00f8re eller bryte konverteringene dine. Kontrast kan brukes til \u00e5 gj\u00f8re overskrifter, tekst og handlingsfremmende knapper mer lesbare og merkbare. Fargene p\u00e5 fronten og knappene m\u00e5 st\u00e5 i kontrast til bakgrunnen og de andre elementene du \u00f8nsker \u00e5 fremheve, for eksempel abonnentknapper. De m\u00e5 v\u00e6re i en tone som virkelig skiller seg ut fra resten av siden.\n<\/p>\n \n I en test fra Hubspot fant den at r\u00f8de knapper er bedre enn gr\u00f8nne knapper. S\u00e5 igjen, f\u00f8r du vurderer r\u00f8de knapper, s\u00f8rg for at r\u00f8dt ikke er den dominerende fargen p\u00e5 siden din. Ellers vil det ikke skape mer kontrast.\n<\/p>\n \n Som nevnt tidligere, kan du bruke fargehjulet til \u00e5 velge en komplement\u00e6r farge, som er en farge som er helt motsatt av din dominerende farge.\n<\/p>\n \n Men f\u00f8r du velger riktig fargekombinasjon, m\u00e5 du forst\u00e5 at folk ser annerledes p\u00e5 farger. Fargene avhenger alltid av hvordan de matcher merket ditt. Det er derfor du m\u00e5 velge en farge som matcher merkevarens personlighet, da den p\u00e5virker kj\u00f8psbeslutningene til de bes\u00f8kende.\n<\/p>\n \n For eksempel, hvis merkevaren din er robust eller maskulin, m\u00e5 du ikke velge en rosa oppfordringsknapp. Velg i stedet en stor oransje knapp.\n<\/p>\n \n Hvordan farger p\u00e5virker konverteringer vil avhenge av konteksten. For eksempel, siden bl\u00e5tt er en ofte brukt farge i webdesign for hyperkoblinger, forbinder folk dem alltid med hyperkoblinger. Dermed vet de at hvis teksten er i bl\u00e5tt, kan de klikke p\u00e5 den.\n<\/p>\n \n Det gjelder ogs\u00e5 for CTA-knapper. Du trenger ikke velge bl\u00e5tt. Men husk at uansett hvilken farge du velger for en knapp, vil den v\u00e6re assosiert med en handling. Bruk den fargen konsekvent for alle CTAer p\u00e5 nettstedet ditt. Men unng\u00e5 \u00e5 bruke de samme fargene for elementer som ikke er klikkbare. Ikke bruk forskjellige CTA-farger p\u00e5 samme side.\n<\/p>\n \n Det \u00ab\u00e5penbare vinner alltid\u00bb i webdesign. Det er derfor flat, minimalistisk design forbedrer konverteringsfrekvensen. Grunnen til dette er at den fokuserer p\u00e5 de mest vitale elementene. En ren design fremst\u00e5r fremfor andre dramatiske visuelle effekter. Ved \u00e5 fokusere p\u00e5 de grunnleggende elementene. og \u00e5 bli kvitt disse pyntene, kan denne tiln\u00e6rmingen v\u00e6re nyttig for \u00e5 lage et organisert oppsett som sikkert kan optimalisere konverteringsfrekvensene.\n<\/p>\n \n I tillegg tillater et minimalistisk design \u00e5 ha mer plass p\u00e5 nettstedet ditt for relevante CTAer, og forhindrer dermed at siden har ikke-essensielle elementer.\n<\/p>\n \n Selv om det minimalistiske designet er flott, b\u00f8r du ikke overdrive det, da folk vil miste interessen. For eksempel, i CTA-knapper, er folk vant til \u00e5 se knapper med dybde eller dimensjon. Disse egenskapene er indikatorer p\u00e5 interaksjon.\n<\/p>\n \n Hvis du har en flat knapp, kan de bes\u00f8kende imidlertid lett overse den n\u00e5r de skanner gjennom siden din. S\u00f8rg derfor for at du bruker en kontrastfarge p\u00e5 knapper. Og velg et sted som gj\u00f8r knappene synlige.\n<\/p>\n \n Derfor, hver gang du oppretter en side, m\u00e5 du sp\u00f8rre deg selv om det er en m\u00e5te \u00e5 ha en enklere versjon p\u00e5. Ved \u00e5 holde det enkelt kan du forvente bedre konverteringer og mer estetisk tiltalende design.\n<\/p>\n \n Et enkelt design henvender seg til folk som kan h\u00e5ndtere mindre informasjon p\u00e5 en gang. Hvis de bes\u00f8kende ser mye p\u00e5 \u00e9n side, blir de overveldet og drar. N\u00e5r du gir brukeren din en god opplevelse p\u00e5 nettstedet ditt, s\u00f8rg for \u00e5 kvitte seg med de elementene som er ikke-essensielle.\n<\/p>\n \n Det er et designprinsipp som takler likhetsloven. Her sier loven at den menneskelige hjernen liker \u00e5 gruppere de samme objektene sammen. Denne mekanismen lar mennesker forst\u00e5 ting og hjelpe dem med \u00e5 organisere st\u00f8yende milj\u00f8er.\n<\/p>\n \n N\u00e5r du f\u00f8lger dette prinsippet, m\u00e5 du gruppere lignende elementer eller elementer som kan assosieres med hverandre. Disse vil inkludere konverteringsknapper, bilder og anbefalingsbokser.\n<\/p>\n \n For eksempel kan du ha en fantastisk anbefaling til p\u00e5meldingsskjemaet ditt for \u00e5 \u00f8ke konverteringene. Selv om attester ikke er designet for blymagnet, kan bes\u00f8kende assosiere dem siden de fortsatt er i n\u00e6rheten.\n<\/p>\n \n N\u00e5r mennesker ser et annet menneskes ansikt, blir de trigget til \u00e5 f\u00f8le empati med den personen. Det er derfor n\u00e5r du formidler et problem, kan de bes\u00f8kende forst\u00e5 eller f\u00f8le en forbindelse med det. Av den grunn anbefaler eksperter \u00e5 inkludere menneskelige ansikter i blant annet artikler, p\u00e5meldingssider og casestudier.\n<\/p>\n \n Hvis du har en st\u00f8ttespiller for merkevaren din, eller hvis du er ansiktet til merkevaren din, m\u00e5 du ta en fotoshoot. Be fotografen ta horisontale bilder med mye negativ plass p\u00e5 den ene siden, hvor du kan plassere en CTA eller tekst.\n<\/p>\n \n For et eiendomsnettsted er en av hemmelighetene til eiendomsfoto \u00e5 legge til et menneskelig ansikt og ikke bare bildet av et hus eller en del av eiendommen. Du kan leie modeller eller bare bruke arkivbilder. Pass imidlertid p\u00e5 at ansiktet du velger, representerer merkevaren din n\u00f8yaktig. Ved \u00e5 bruke ansikter som gjenspeiler m\u00e5ldemografien din, kan det bidra til \u00e5 \u00f8ke nettstedets konverteringsfrekvens betydelig.\n<\/p>\n<\/p>\n\n 1 Se Hicks lov
\n<\/h5>\n\n 2 F\u00e5 fart p\u00e5 nettstedet ditt
\n<\/h5>\n\n 3 F\u00f8lg dette fotograferingsprinsippet
\n<\/h5>\n\n 4 Utnytt negativ plass
\n<\/h5>\n\n 5 Bli kvitt glidebrytere eller karuseller
\n<\/h5>\n\n 6 Vurder F-m\u00f8nsteret
\n<\/h5>\n\n 7 Velg de riktige fargene
\n<\/h5>\n\n 8 Hold det enkelt
\n<\/h5>\n\n 9 F\u00f8lg gestaltlikhetsprinsippet
\n<\/h5>\n\n 10 Legg til ansikter
\n<\/h5>\n