Bruke tekst for å øke konverteringer - hvordan typografi i webdesign kan øke salget

Kilde node: 1091927

Som digital markedsfører er konvertering en av de viktigste tingene du vil spore i kampanjene dine. Du lurer sikkert på mange forskjellige måter på hvordan optimalisere konverteringer på en bestemt side. Men det er én ting som ofte blir oversett av mange såkalte growth hackere, og det er bruke tekst for å øke konverteringer.

Ja, du har hørt det riktig! Tekstkopiering er ryggraden i enhver innholdsmarkedsføringsstrategi. Det er den formen for innhold du ser mest på nettet, men det er også nært knyttet til visuell appell. Tross alt, hvis teksten ikke ser bra ut, hvordan forventer du at siden skal konvertere som du ønsker?

I dette innlegget vil vi gå gjennom typografi, dens hovedelementer og hvordan du kan bruke effektiv typografi for å øke salget på lang sikt!

Hva er typografi?

Før vi fordyper oss i hvordan bruk av tekst for å øke konverteringer fungerer, må vi finne ut hva typografi er. For å gjøre ting enkelt, kan du vurdere typografi som en møtepunkt mellom kunst og tekst.

Typografi ble introdusert for det meste av den levende verden på midten av 15-tallet av Johannes Gutenberg og hans bevegelige type. I dataverdenen begynte typografi å bli relevant takket være Steve Jobs og hans første Mac.

Da Internett ble introdusert for verden, eksploderte betydningen av typografi. Det ble en av de viktigste webdesignkomponentene som den kan hjelpe nettstedet ditt til å skille seg ut til potensielle brukere.

De viktigste elementene i typografi

Mange mennesker forveksler fortsatt typografi og fonter, noe som er en ganske vanlig forekomst. I denne delen som utvider definisjonen av typografi, vil vi bryte ned de seks essensielle elementene i typografi:

  • Skrifttype – De fleste forveksler skriftsnitt med skrifttyper, selv om dette ikke er de samme tingene. Betrakt skrifttyper som familien som danner individuelle tegn, bokstaver og tall med samme design. Arial, Times New Roman og Comic Sans er skrifttyper, og ikke fonter, som mange skulle tro.
  • Skrift - Så hvis skrifttypen er en familie, er fonter familiemedlemmene. For å si det nøyaktig, er en font en skriftstil som har en bestemt størrelse, vekt og bredde. For eksempel er Arial en skrifttype; og 16pt Arial Bold er en font. I utgangspunktet er fonter måten å levere en spesifikk kunstform kalt en skrifttype på.
  • Linjelengde - Dette er en avstand som tas opp av tekst plassert mellom høyre og venstre marg på samme linje. Ideelt sett vil du ikke at linjelengden skal være for kort eller for lang, da det kan gjøre lesingen av innholdet mye mer vanskelig enn ønsket.
  • Ledende – Dette er den vertikale avstanden mellom hver tekstlinje. I de fleste tilfeller ønsker du å øke ledelsen for å være mer forståelig for brukerne dine.
  • Kerning – Dette er mellomrommet mellom hvert tegn eller bokstav. Vanligvis er kerning best å beholde standardverdier, men du kan skreddersy den ytterligere for å teste hva som fungerer best for nettstedet ditt.
  • Sporing - Dette skriftelementet er også kjent som bokstavavstand, og det gjelder for en bestemt mengde tegn og bokstaver.

Hvorfor er typografi viktig for webdesign?

Førsteinntrykket er viktig i våre personlige liv, og det samme er det i nettverdenen. Forskningen til Taylor & Francis Online konkluderte med at det tar 05 sekunder for brukere å danne seg en mening om et bestemt nettsted.

Typografi er viktig siden det er en av kjernekomponentene i webdesignet ditt. Bare tenk over det: Hvis folk ikke kan lese teksten på nettstedet ditt fordi ordene er for nær hverandre eller tekststørrelsen er for liten, vil de mest sannsynlig forlate nettstedet ditt misfornøyd.

Når du bruker dårlig typografi på nettstedet ditt, er det mest sannsynlig at konverteringsraten vil falle, og det er det siste du trenger på tallerkenen din. Selv om potensielle kunder forblir på nettstedet ditt som bruker dårlig typografi, vil de mest sannsynlig ikke huske meldingen du ønsket å formidle til dem, men kampen det tok for dem å lese meldingen din.

Av grunnene ovenfor, ved hjelp av effektiv typografi å øke konverteringer er avgjørende. Med effektiv typografi kan du optimalisere prosessen bak forståelsen av informasjonen du viser på nettstedet ditt. Hvis du formaterer teksten på nettsiden din pent, vil alt fokus være satt på innholdet og ikke på kampen for å forstå det innholdet.

As de fleste skanner gjennom nettinnhold, å bruke tekst og veilede brukerne med riktig typografi til handlingspunktet er den riktige måten å øke konverteringene på!

Handlingsbare tips for å bruke tekst for å øke konverteringer

Nå som du har lært noe mer om typografi og hvordan det bidrar til å få nettinnholdet ditt til å skille seg ut, her er noen tips om hvordan du bruker det å drive vekst til nettstedet ditt!

Husk skriftstørrelsen!

font-størrelse-lese-statistikk

Image Source: forskning Gate

Skriftstørrelse er avgjørende for å beholde brukerne dine og øke konverteringsfrekvensen ytterligere! Ja, hjernen vår behandler faktisk bilder titusenvis av ganger raskere enn tekst, så enhver måte å forbedre prosesjonstiden med tekst på får en varm velkomst!

Ta for eksempel en øyesporende studie av hvordan skriftstørrelse og -type påvirker nettlesing. Ved å bruke større fonter har den generelle teksten på nettsteder en tendens til å bli lest mye raskere.

Så hvis du har en teksttung nettside, ikke plage brukerne dine – øk skriftstørrelsen! Ja, hver skrift er forskjellig, men her er en konsensus bak skriftstørrelsene for teksttunge nettsteder:

  • 16px – det er minimum for teksttunge sider, så ikke gå under dette tallet! I utgangspunktet er denne skriftstørrelsen størrelsen som nettlesere var ment å vise på standard, så det er enkelt hvorfor dette er et minimum.
  • 18px – dette er den gylne gjennomsnittlige skriftstørrelsen for teksttunge sider, noe som gjør at folk anstrenger øynene mindre når de ser på skjermen.
  • 20px og mer – selv om det kan føles for stort i utgangspunktet, fungerer noen nettsteder enda bedre med en slik skriftstørrelse. Ta Medium, for et eksempel. De bruker en skriftstørrelse på 21 px for å gjøre millioner av historier mer lesbare for et bredere publikum.

I tillegg har større skriftstørrelser en tendens til å produsere sterkere følelsesmessige forbindelser. Kanskje dette er trinnet du må gjøre for å få brukerne til å klikke på den CTA-knappen som resulterer i en konvertering?

Ikke overbruk skriftstiler!

fet-kursiv-understreking-font-eksempler

Image Source: Telfeed

Skriftstiler inkluderer vanligvis: dristig, kursiv, og understreke. Du kan bruke disse tre til å understreke bestemte ord eller setninger. Likevel bør du unngå å overbruke dem, siden det er en av de vanligste redigeringsfeilene vi ser rundt på alt webinnhold.

Ikke overbruk skriftstiler over hele avsnitt. Bruk dem i stedet til å peke ut ordene du ønsker skal gi mest gjenklang hos brukerne dine. Du ønsker ikke å komme i en situasjon der du bruker tekst for å øke konverteringene på feil måte.

Juster linjeavstanden tilsvarende!

Vi snakker om å lede her. Dette her er en så liten ting, men det er viktig når det gjelder å bruke tekst for å øke konverteringene. Når du har et publikum med delvis syn, kan de få problemer med å finne begynnelsen på neste tekstlinje.

Det er derfor det er vanlig å bruke mellomrom mellom linjene dine minst 25 til 30 % av skriftstørrelsen. Når du gjør det, vil du gjøre teksten lesbar for praktisk talt alle lesere!

Dessuten bør du alltid være oppmerksom på at du legge til tilstrekkelig mellomrom mellom avsnittene. I utgangspunktet vil du gruppere avsnitt for å tilpasse seg budskapet du vil formidle i noen få setninger. Den veien, innholdet ditt blir mer lesbart til målgruppen din.

Du ønsker også å ta hensyn til visuelt hierarki av din type. Dette kan gjøres enten ved å sette header-taggene riktig, men det er ikke alt du kan gjøre. En av de beste måtene å bruke visuelt hierarki på er å forstørre de viktigste meldingene teksten din dekker. Til syvende og sist vil du veilede brukerne slik at de kan lese informasjonen i en bestemt rekkefølge som gir mening. Dette vil gi mer mening til det generelle innholdet ditt.

Sammen med alt det nevnte, bruke mellomrom å sette fokus på områder du ønsker å fremheve for publikum. På den måten vil du la designet puste, og gi kontekst til stedene der det er mest nødvendig.

Unngå enkelinjer, foreldreløse ord og orddeling

Enker og foreldreløse barn er ganske vanlige termer i skriftsett. De er veldig like i naturen, men mange mennesker forveksler dem med hverandre. enker angi en tekstlinje som avslutter avsnittet som står alene på begynnelsen av siden. Orphan er en avsnittsåpningslinje som sitter på slutten av en bestemt side. Begge disse kan ødelegge lesbarheten til teksten, spesielt innen webdesign.

Vel, det er ikke så vanskelig å fikse disse to problemene, og alt kommer til tipset ovenfor. Du kan enten skrive om et avsnitt for å passe inn i det store bildet eller justere innledningen og avstanden for å lage strammere avsnitt.

Orddeling er også ganske vanlig i webdesign og kan lage eller ødelegge hele typografien på nettstedet ditt. I utgangspunktet er orddeling å bruke en bindestrek for å dele et ord (for eksempel: hundevennlig). Når det blir et problem er i situasjoner hvor du må bruke en strek for å bryte ordet fra slutten av linjen. I stedet for å gjøre det, bare trekk det gitte ordet i en ny linje slik at du ikke ødelegger lesbarheten helt!

Ikke overse tekstjusteringen!

Tekstjustering blir ofte oversett når det kommer til tekst i webdesign. Men hvis du gjør det riktig, gjør det underverker når det gjelder å behandle informasjon. Her er noen tips å følge når det gjelder tekstjustering i webdesign:

  • Unngå å sentrere avsnitt. Mens noen vil hevde at sentrering av hele avsnitt kan virke kunstigere, er det de gjør det helt motsatte. Ettersom de fleste av oss i vestlige samfunn lærer å lese fra venstre til høyre, ligger det i vår natur å reise til begynnelsen av hver linje. Når du sentrerer avsnittet, gjør det det bare vanskeligere for hjernen vår å behandle all den informasjonen.
  • Sentrer kun når du vil fremheve et budskap. Likevel er det mer enn velkomment å sentrere et avsnitt når målet ditt er å sette fokus på en bestemt tekstpassasje. Det skaper en kontrast som umiddelbart overfører budskapet til leserne dine. Sentrering av tekst er også nyttig for overskrifter og sitater.

Sett sammen skrifttyper som ser kule ut!

Helvetica-neue-garamond-font-eksempel

Image Source: Creative Bloq

Når du bare bruker en skriftsnitt på hele nettstedet ditt kan ting bli litt kjedelig. Det betyr likevel ikke at du skal bruke ti forskjellige skrifttyper på nettstedet ditt. Enkelhet er nøkkelen her, men ikke vær redd for å eksperimentere litt. Tross alt vil du at innholdet ditt skal se så attraktivt ut som mulig, ikke sant?

En av reglene når det kommer til sammenkobling av skrifttyper på nettsider er å ikke bruke mer enn to eller tre skrifttyper samtidig. I dag, med tjenester som Google Fonts, kan flere skrifttyper gjengis enn noen gang før. Selv om dette kan bli litt overveldende, er her en liste over 36 perfekte skrifttyper å inspirere deg!

Med en enorm mengde valg for valg av skrifttyper og fonter, kan du skreddersy teksten din ytterligere for å utstråle med den unike personligheten til virksomheten din. Vil du se kreativ eller tradisjonell ut? Du kan gjøre begge disse tonene og mye mer med riktig valg av skrifttype. Ikke overse det, siden det er en av de beste måtene å bruke tekst for å øke konverteringer!

Vit når du skal skille Sans-Serif- og Serif-fonter tilsvarende!

Nært knyttet til punktet ovenfor er de to hovedtypene: Sans-Serif og Serif. Noen vil argumentere for det ene, noen for det andre. Poenget her er at det ikke er noen konkret forskning som tyder på at Sans-Serif er bedre enn Serif og omvendt. Men det betyr ikke at det er noen konvensjoner å følge:

  • Sans-serif er lettere å lese og er bedre for kroppsteksten – når det kommer til innholdet på nett, fungerer sans serif-fonter best her. Det er fordi denne typen er enkel og krever mindre tid fra brukerne dine for å tyde budskapet du prøver å formidle.
  • Serif er bedre for overskrifter – selv om Serif er mer kompleks enn Sans-Serif, er det nettopp grunnen til at du vil bruke det til overskriftene dine. Serif oser av karakter, og du vil at karakteren skal skissere hovedpoengene dine med innholdet på nettet.

 

Når du balanserer disse to typene, kan du lage visuelt interessant innhold som vil tiltrekke flere brukere til å lese hele innholdet og utføre konverteringen du venter på!

Velg typen som passer til budskapet ditt

Folk binder faktisk skrifttyper til forskjellige personligheter, ifølge studie utført av Eva R. Brumberger. De fleste skriftkarakteristika kan deles inn i tre kategorier: direktehet, eleganse og vennlighet.

I henhold til punktet ovenfor, vurder hva slags budskap du ønsker å formidle med din nettside og merkevarebygging. Vil du høres profesjonell eller leken ut? Eller kanskje du vil høres kreativ og leken ut? Still inn skrifttypen deretter, og du vil tiltrekke deg den rette typen mennesker.

Et felt innen nettvirksomhet der dette kommer godt med er e-post markedsføring. Basert på en studere fra 2019, for hver $1 du bruker på e-postmarkedsføring, er en gjennomsnittlig ROI $42! Det er et stort antall, og det er egentlig ikke rart at mange nettbaserte virksomheter fokuserer på e-postmarkedsføringsstrategier for å tiltrekke seg nye kunder.

Derfor er e-postmarkedsføring et veldig konkurransedyktig felt, hvor hver minste detalj betyr noe. En av de gode måtene å skille seg ut for kundene dine er å bruke riktig typografi i henhold til meldingen du ønsker å sende!

Men ettersom flere bedrifter bruker e-postmarkedsføring for å tiltrekke seg riktig type publikum, er skalering viktigere enn noen gang. Dessuten, hvis e-postlisten din er full av forskjellige individer, for eksempel profesjonelle og daglige forbrukere, vil det i beste fall være tidkrevende å lage maler manuelt.

Heldigvis er det dusinvis av gratis markedsføringstjenester via e-post som vil hjelpe deg med å spare tid på operative oppgaver, og gjøre deg i stand til å planlegge og planlegge videre for veksten av virksomheten din! De fleste av disse vil tilby e-postmaler, e-postautomatisering og rapportering for å spore e-postmarkedsføringskampanjene dine.

Bruk Contrast til din fordel

font-kontrast-eksempel

Image Source: 3.7-design

Hvorfor tror du veiskilt er så merkbare for alle mennesker? De skiller seg ut fra resten av miljøet, og får oss til å anta at disse elementene er viktige. Det er hovedgrunnen til at vi ser på slike elementer først.

Det samme kan brukes på webdesign. Noen ganger kan det være så enkelt å bruke tekst for å øke konverteringene bruke kontrast til din fordel. Det du ønsker å gjøre her er i utgangspunktet å øke lesbarheten slik at brukerne dine beholde lenger på innholdet ditt.

En av de vanlige måtene å gjøre det på er å skape riktig mengde kontrast mellom tekst og bakgrunn. Det er en pågående debatt mellom to typer kontraster:

  • Hvit tekst på mørk bakgrunn
  • Svart tekst på hvit bakgrunn

Mens den hvite teksten på en mørk bakgrunn (eller "Dark Mode") har sine fordeler, viser forskning at svart tekst på en lys bakgrunn (eller "Light Mode") fører til bedre ytelse mesteparten av tiden.

Likevel kan "Mørk modus" være til nytte for de brukerne som leser innholdet ditt under dårlige lysforhold. Så hvorfor ikke inkludere begge tekstkontrastmodusene og se hva som skjer med konverteringene dine?

Vurder alderen til brukerne dine

Ifølge Statista, er demografien til Internett-brukere som følger:

  • 18 til 24 – 18 prosent
  • 25 til 34 – 32 prosent
  • 35 til 44 – 19 prosent
  • 45 til 54 – 14 prosent
  • 55 til 64 – 10 prosent
  • 65 og over - 7 prosent

Ta nå i betraktning fakta fra CDC at omtrent 12 millioner mennesker som er 40 år og eldre har nedsatt syn. I utgangspunktet, hvis du ikke optimaliserer teksten på nettinnholdet ditt for å være lesbart for personer med synshemming, vil du gå glipp av 50 % av Internett-brukerne.

 

Typografi er bare toppen av isfjellet!

Å bruke tekst og typografi vil selvfølgelig ikke være de eneste tingene som vil øke konverteringene i ditt tilfelle. Det kan hende du må ombruke innholdet ditt helt eller målrette mot bedre søkeord som du kan rangere lettere for.

Tingen er, være kreativ med konverteringsoptimalisering er det som vil skille deg fra konkurrentene i det lange løp. Og det som kan skille deg ut er kanskje bare å finjustere typografien din!

Hvis du ikke kan gjøre det alene, kan du alltid finne webdesignere online for å forvandle nettinnholdet ditt til et visuelt mesterverk. Tross alt verdsetter folk i disse dager visuelt innhold mer enn bare ren tekst.

om forfatteren

Robert-Brandl

Roberts lidenskap har alltid vært nettverktøy som gjør livet ditt enklere. Det er derfor han grunnla WebsiteToolTester, hvor du kan finne anmeldelser og veiledninger for verdens beste nettstedbyggere og e-handelsplattformer.

0.00 gj.sn. vurdering (0% poengsum) - 0 stemmer

Kilde: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

Tidstempel:

Mer fra Blog2 Kasse