\n Mange faktorer har en direkte innvirkning p\u00e5 konverteringen av nettstedet ditt. Nettdesign er imidlertid den viktigste av dem.\n<\/p>\n
\n F\u00f8rsteinntrykket vi f\u00e5r er visuelt og avgj\u00f8rende. Derfor, hvis du \u00f8nsker \u00e5 forbedre konverteringsfrekvensen p\u00e5 nettstedet ditt, er webdesign det f\u00f8rste stedet \u00e5 starte.\n<\/p>\n
\n I denne artikkelen har vi satt sammen de grunnleggende prinsippene og tipsene som vil hjelpe deg med denne oppgaven.\n<\/p>\n
\n Andelen mobiltrafikk vokser og vil vokse i 2020. Forskning tyder p\u00e5 at de fleste brukere vil nekte \u00e5 samhandle med merket hvis det er umulig \u00e5 utf\u00f8re den n\u00f8dvendige handlingen fra en mobilenhet. F\u00f8r du gj\u00f8r endringer i utformingen av nettstedet ditt for \u00e5 f\u00e5 flere konverteringer, m\u00e5 du derfor s\u00f8rge for at nettstedet vises riktig p\u00e5 mobile enheter og at brukerne ikke st\u00f8ter p\u00e5 snublesteiner i veien.\n<\/p>\n
\n Hvordan gj\u00f8re det? Alt vil avhenge av m\u00e5ten du lager nettstedet ditt p\u00e5. For eksempel vil nettsteder p\u00e5 WordPress og andre popul\u00e6re CMS v\u00e6re responsive fra opprettelses\u00f8yeblikket. En ekstra test av brukervennligheten vil imidlertid ikke v\u00e6re overdreven.\n<\/p>\n
\n Denne loven antyder at f\u00e6rre valg \u00f8ker hastigheten p\u00e5 beslutningsprosessen og omvendt. For eksempel, hvis du bruker tre handlingsfremmende oppfordringer samtidig p\u00e5 hovedsiden, for eksempel registrere deg p\u00e5 nettstedet, f\u00e5 rabatt og laste ned en e-bok, vil det v\u00e6re vanskelig for brukeren \u00e5 bestemme hvilken handling som skal gj\u00f8res f\u00f8rst.. Det vil v\u00e6re mye mer fornuftig \u00e5 ordne disse oppfordringene til handling i en logisk rekkef\u00f8lge \u2013 ettersom de ble oppf\u00f8rt og tilby brukeren den neste handlingen etter den forrige.\n<\/p>\n
\n Det samme gjelder antall produkter du viser p\u00e5 siden. Du b\u00f8r ikke vise brukeren alle mulige produkter som passer for s\u00f8ket hans \u2013 det er bedre \u00e5 vise de fem mest passende alternativene og tillate \u00e5 fortsette s\u00f8ket ved hjelp av filtre.\n<\/p>\n
\n Tenk p\u00e5 muligheten for \u00e5 vise et kundeemneskjema i full skjerm i det \u00f8yeblikket brukeren rullet hovedsiden til et bestemt punkt. For det f\u00f8rste vil fullskjermsskjemaet ta all brukerens oppmerksomhet og vil ikke la ham bli distrahert av andre elementer p\u00e5 nettstedet, og for det andre handler det bare om valgmulighetene vi snakket om f\u00f8r. S\u00e5 brukeren f\u00e5r bare to alternativer. Den f\u00f8rste er \u00e5 lukke kundeemneskjemaet og fortsette \u00e5 samhandle med nettstedet. Den andre er \u00e5 gi deg e-postadressen hans i retur for tilbudet ditt.\n<\/p>\n
\n Du kjenner sikkert til en av hovedreglene for fotografering \u2013 regelen om tredjedeler. I henhold til denne regelen deler to linjer skjermen visuelt horisontalt og vertikalt, noe som resulterer i ni firkanter. S\u00e5 de fire skj\u00e6ringspunktene til linjene i midten av skjermen er brukerens oppmerksomhetssenter, og det er derfor viktig informasjon, for eksempel en oppfordring til handling, b\u00f8r plasseres her.\n<\/p>\n
\n Dette elementet er direkte relatert til design, siden siden din kan v\u00e6re overbelastet med tunge bilder som bremser lastingen av nettstedet ditt. Fjern alt un\u00f8dvendig og optimaliser bildene som er n\u00f8kkelen. I f\u00f8lge statistikk er den optimale lastehastigheten for nettstedet fra to til fem sekunder. Og i dette tilfellet m\u00e5 du strebe etter en lavere indikator, siden 40 % av brukerne sier at de vil lukke et nettsted som tar mer enn tre sekunder \u00e5 laste, noe som betyr at du vil miste en potensiell kundeemne hver gang siden bremser ned.\n<\/p>\n
\n Jan Tschichold sier at negativt rom b\u00f8r sees p\u00e5 som et aktivt element, ikke en passiv bakgrunn. Det er en sammenheng mellom avstand og oppmerksomhet. En st\u00f8rre avstand tiltrekker oppmerksomhet, og frav\u00e6ret av andre elementer skiller sterkere eksisterende elementer. Designere kan bruke denne plassegenskapen til \u00e5 fremheve viktige elementer. \u00c5 legge til mellomrom til et spesifikt segment av innholdet gj\u00f8r at brukeren legger merke til dette omr\u00e5det rett og slett fordi det ikke er noe mer p\u00e5 skjermen for \u00e5 tiltrekke seg oppmerksomhet. Som du kan se i eksemplet nedenfor, er Google en stor talsmann for hvitt rom i sine prosjekter. Det hjelper \u00e5 umiddelbart forst\u00e5 form\u00e5let med dette prosjektet: fokuset er p\u00e5 hovedm\u00e5let for siden.\n<\/p>\n
\n Dessverre er det ingen universelle r\u00e5d om hvilke farger som konverterer bedre. Alt vil avhenge av spesifikasjonene til virksomheten din. For eksempel gir hvite og bl\u00e5 farger en f\u00f8lelse av stabilitet og p\u00e5litelighet. Derfor bruker PayPal denne kombinasjonen for \u00e5 danne de riktige assosiasjonene.\n<\/p>\n
\n Hvis du ikke er sikker p\u00e5 at fargene dine fungerer som de skal, kan du bare g\u00e5 tilbake til opprinnelsen til fargepsykologien i markedsf\u00f8ring og unders\u00f8ke bedriftens verdier p\u00e5 nytt og finne den perfekte matchen.\n<\/p>\n
\n Dessuten er det forskjellige meninger om fargen p\u00e5 knapper som konverterer d\u00e5rligere eller bedre. Riktig farge p\u00e5 knappen er et gammelt filosofisk sp\u00f8rsm\u00e5l. Noen hevder at den h\u00f8yeste konverteringen oppn\u00e5s gjennom r\u00f8de knapper. Andre sier gr\u00f8nt eller bl\u00e5tt. Det riktige svaret h\u00f8res slik ut (som mange andre svar innen markedsf\u00f8ring og design): «Det m\u00e5 testes.» Velg derfor en knappefarge som st\u00e5r i kontrast til hovedfargene i designet, og gj\u00f8r noen tester for \u00e5 forst\u00e5 hvilken farge konverterer bedre.\n<\/p>\n
\n Et riktig bilde kan si mer enn noen f\u00e5 avsnitt med tekst. Bruk derfor kraften til visuell oppfatning og f\u00f8lelser i utformingen av nettstedet ditt. Du kan for eksempel gj\u00f8re bildet til bakgrunnen for nettstedet ditt og deretter plassere alle elementene dine p\u00e5 en slik m\u00e5te at de f\u00f8lger de grunnleggende reglene for webdesign. Og det bidrar forresten ogs\u00e5 til bedre konverteringer.\n<\/p>\n
\n Denne tiln\u00e6rmingen fremmer ogs\u00e5 enkelhet og minimalisme, som er en trend de siste \u00e5rene, og et riktig valgt bilde fremkaller de n\u00f8dvendige f\u00f8lelsene og assosiasjonene. Og omvendt, som vi har sagt, for mange bilder gj\u00f8r et valg mer komplisert og sprer brukerens oppmerksomhet.\n<\/p>\n
\n Med andre ord, strebe etter maksimal enkelhet. I den moderne overfloden av informasjonsst\u00f8y har enkelhet og klarhet blitt en reell mangel. Studier har vist at 76 % av brukerne anser enkelhet som den viktigste avgj\u00f8rende faktoren i webdesign. Og her m\u00e5 du holde en kompetent balanse mellom enkelhet, minimalisme, men samtidig funksjonalitet \u2013 siden enkelhet ogs\u00e5 er muligheten til \u00e5 finne det brukeren trenger med noen f\u00e5 klikk.\n<\/p>\n
\n Dessverre er Internett fullt av falske anmeldelser, og tvil ikke p\u00e5 at brukerne dine ogs\u00e5 vet om det. Derfor, i stedet for \u00e5 tvinge dem til \u00e5 s\u00f8ke etter tilbakemeldinger om produktene eller tjenestene dine (som kan skrives av konkurrentene dine for \u00e5 undergrave virksomheten din), m\u00e5 du gi dem denne muligheten rett p\u00e5 plass.\n<\/p>\n
\n Tenk derfor over nettstedets design p\u00e5 en slik m\u00e5te at du kan legge noen reelle anmeldelser (og enda bedre en karusell) n\u00e6r slutten av siden. Og s\u00f8rg for \u00e5 bruke bilder av levende mennesker (ideelt sett dine ekte kunder) for \u00e5 skape inntrykk av sterke sosiale bevis.\n<\/p>\n
\n Du har sikkert sett sider som inneholder en million kategorier, og det er rett og slett umulig \u00e5 velge riktig seksjon p\u00e5 f\u00f8rste fors\u00f8k. Og hvis tidligere brukere fortsatt betalte tid til et slikt s\u00f8k, vil de i dag se hva de trenger uten ytterligere handlinger.\n<\/p>\n
\n Vurder derfor din tiln\u00e6rming til \u00e5 navigere p\u00e5 nettstedet p\u00e5 nytt, reduser antall kategorier, fjern alt un\u00f8dvendig og la bare de viktigste delene st\u00e5 igjen. Som vi allerede har sagt, kompliserer hele spekteret av valg avgj\u00f8relsen, eller generelt tvinger brukeren til \u00e5 forlate siden og utsette oppgaven til senere.\n<\/p>\n
\n Dette er et psykologisk triks som utl\u00f8ser en underbevisst reaksjon \u2013 folk har en tendens til \u00e5 tro p\u00e5 statistikk. Og dette er nok en mulighet til \u00e5 \u00f8ke konverteringen ved \u00e5 bygge tillit og skape et inntrykk av p\u00e5litelighet. Men det er ett avgj\u00f8rende poeng. Husker du at vi snakket om tredjedelsregelen og strategiske skj\u00e6ringspunkter? Det er nettopp disse stedene du m\u00e5 legge statistikken din slik at den er i sentrum for oppmerksomhet og oppfatning.\n<\/p>\n
\n Markedsf\u00f8rere er ikke enige om denne salgstaktikken, men for raskt og sesongbasert salg er denne tiln\u00e6rmingen fortsatt passende. Derfor, hvis du har et sesong- eller kampanjetilbud, eller om du tester interessen for et nytt produkt, er det fornuftig \u00e5 skape en illusjon av knapphet og reflektere dette ved hjelp av design. Du kan for eksempel stille inn en nedtellingstidtaker og igjen sette tallene i fokus for bes\u00f8kendes oppmerksomhet.\n<\/p>\n
\n Men her m\u00e5 du fortsatt plassere oppfordringsknappene riktig. Og i dette tilfellet er det bedre \u00e5 gj\u00f8re dette etter Z-skjemaet.\n<\/p>\n
\n Brukerens oppmerksomhet glir langs den \u00f8vre horisontale, diagonalt nedover, og g\u00e5r til informasjonen nederst. I \u00f8verste venstre hj\u00f8rne plasserer du logoen horisontalt \u2013 overskriftene. Nedre h\u00f8yre hj\u00f8rne er et ideelt sted for en oppfordring til handling.\n<\/p>\n
\n Du kan med rette legge merke til at dette er UX-designerens ansvar, men i praksis er dette bare tilfellet n\u00e5r nett- og UX-designeren m\u00e5 jobbe sammen for \u00e5 f\u00e5 et enkelt resultat. UX-design er en annen faktor som har en direkte innvirkning p\u00e5 konverteringer, og jo f\u00e6rre trinn som skiller brukere fra m\u00e5lhandlingen, jo mer sannsynlig er det \u00e5 fullf\u00f8re den.\n<\/p>\n
\n Derfor m\u00e5 du nok en gang s\u00f8rge for at informasjonen eller produktet han trenger ikke er mer enn tre klikk unna.\n<\/p>\n
\n For \u00e5 forbedre nettstedets konvertering, dra nytte av regelen om tredjedeler og Z-ordningen n\u00e5r du sender oppfordringer til handling. Du kan forbedre oppfatningen av en oppfordring til handling hvis du dupliserer den \u2013 i skj\u00e6ringspunktet mellom linjer og i \u00f8vre h\u00f8yre hj\u00f8rne av siden, der den \u00f8verste linjen i bokstaven Z slutter. Dermed vil brukerens oppmerksomhet f\u00f8rst stoppe i \u00f8vre h\u00f8yre hj\u00f8rne, deretter gli diagonalt ned og hvile direkte ved det strategiske skj\u00e6ringspunktet mellom linjene til venstre.\n<\/p>\n
\n Moderne brukere er veldig ut\u00e5lmodige, og vi har allerede snakket om dette i avsnittet om hastigheten p\u00e5 \u00e5 laste inn siden din. Og et stort utfyllingsskjema kan drepe konverteringene dine, siden ingen \u00f8nsker \u00e5 kaste bort tid, spesielt fra en mobilenhet. Se derfor gjennom registreringsskjemaet ditt og la bare tre linjer ligge \u2013 for navn, e-postadresse og passord, pluss legg til muligheten til \u00e5 registrere deg via Google og Facebook.\n<\/p>\n
\n Som du kan se, kan mange triks p\u00e5virke konverteringer. Det viktigste \u00e5 huske er imidlertid at enhver ny tiln\u00e6rming b\u00f8r testes p\u00e5 brukere. Hver virksomhet og hver m\u00e5lgruppe er spesifikk; derfor kan det ikke v\u00e6re noen malinstruksjoner om hva du skal bruke i designet for \u00e5 \u00f8ke konverteringene. I tillegg er designet den f\u00f8rste, men ikke den siste faktoren som konverterer (eller ikke konverterer), og dette m\u00e5 ogs\u00e5 huskes.\n<\/p>\n<\/p>\n