\n Hver bedriftseier vet viktigheten av en oversiktlig, riktig utformet og godt vedlikeholdt nettside. I dag og alder, hvis du ikke klarer \u00e5 gi kundene dine et nettsted som virkelig vil imponere dem, vil du miste dem mye raskere enn det tok deg \u00e5 vinne deres tillit.\n<\/p>\n
\n Dessverre legger de fleste gr\u00fcndere p\u00e5 og ansetter designere som er flinke til utvikling, de overser ofte en avgj\u00f8rende funksjon \u2013 skrifttype.\n<\/p>\n
\n Fra skriftstilen du bruker, til st\u00f8rrelsen p\u00e5 teksten som hver av dine indre nettsider har, er dette en av tingene som vil v\u00e6re den avgj\u00f8rende faktoren for om kundene dine blir eller ikke, samhandler og til slutt konverterer.\n<\/p>\n
\n Sannheten er at selv om skrifttyper egentlig ikke virker s\u00e5 virkningsfulle, har de kraften til \u00e5 ta virksomheten din h\u00f8yt over eller ned under. Det er enkelt egentlig, hvis den bes\u00f8kende p\u00e5 nettstedet er uvillig eller ute av stand til \u00e5 lese innholdet du har publisert, vil ikke meldingen g\u00e5 videre til dem, og du vil derfor ikke kunne konvertere. Flere unders\u00f8kelser har vist at typen font-ansikter som brukes p\u00e5 et nettsted ikke bare p\u00e5virker lesbarheten, men hum\u00f8ret, brukeropplevelsen og til og med den oppfattede artikkellengden. Dette er grunnen til at det er viktig at designeren din forst\u00e5r forskjellen mellom \u00e5 bare lage et nettsted med mye innhold og \u00e5 utvikle en som har en behagelig og effektfull design som forbedrer leserens hum\u00f8r.\n<\/p>\n
\n\n «Type er en vakker gruppe bokstaver, ikke en gruppe vakre bokstaver.»\n <\/p>\n
\n – Mathew Carter\n <\/p>\n<\/blockquote>\n
\n N\u00e5r du tenker p\u00e5 fonter, hva er det f\u00f8rste du tenker p\u00e5? Hvis du er som folk flest som enn\u00e5 ikke forst\u00e5r betydningen deres, tenker du sannsynligvis p\u00e5 skrifttyper som Calibri, Comic Sans, Arial, Times New Roman og andre. Det du imidlertid trenger \u00e5 vite er at dette bare er det grunnleggende. N\u00e5r du snakker om typografi som m\u00e5 implementeres p\u00e5 nettstedet ditt, trenger du ikke bare vurdere skrifttypene, men ogs\u00e5 deres st\u00f8rrelser, farger, kerning og avstand.\n<\/p>\n
\n I denne artikkelen er m\u00e5let v\u00e5rt \u00e5 ikke bare fortelle deg om virkningen av viktige funksjoner i fonter, men ogs\u00e5 \u00e5 gi deg praktiske forslag som du kan bruke til \u00e5 \u00f8ke konverteringsfrekvensen til ditt eget nettsted. S\u00e5, forbered deg med en blyant og notisblokk fordi dette er den typen informasjon du ikke vil g\u00e5 glipp av.\n<\/p>\n
\n Skrifttyper og deres innvirkning
\n<\/h5>\n\n Hvis du har lest noen f\u00e5 artikler om fonter og typografi, vet du at det er flere skrifttyper som anses som verdig til \u00e5 publisere p\u00e5 nett. Mens noen er enige om at Georgia gir flest resultater, tror andre Baskerville tar med seg vinner\u00e6ren. Men f\u00f8r vi begynner \u00e5 snakke om det, la oss diskutere den generelle effekten av skrifttyper p\u00e5 nettstedets merkevarebygging. Her er saken; hvis innholdet ditt er vanskelig \u00e5 lese fordi bokstavene er for tett sammen eller st\u00f8rrelsen er for liten, vil de enten forlate umiddelbart eller pr\u00f8ve \u00e5 lese i noen sekunder til og til slutt forlate hvis de fortsatt synes det er vanskelig. Selv om du har veldig lojale kunder som tok seg god tid og faktisk leste hele kopien, vil de huske at det tok dem for lang tid, og du vil ende opp med \u00e5 miste dem.\n<\/p>\n
\n Skrifttypen(e) du velger for nettstedet ditt er avgj\u00f8rende fordi det vil gj\u00f8re hele prosessen med \u00e5 lese, forst\u00e5 og forst\u00e5 budskapet ditt enkelt. Hvis du velger skrifttype som stemmer overens med leserne dine, vil oppmerksomheten deres forbli p\u00e5 informasjonen du gir, og ikke hvor lang tid det tok \u00e5 lese.\n<\/p>\n
\n Praktisk tips:<\/strong> Ikke alle fonter vil fungere for alle nettsteder. Fonter har forskjellige personligheter, og den du bestemmer deg for avhenger helt av virksomheten din, hva slags kunder du henvender deg til og budskapet du \u00f8nsker \u00e5 fremstille. Den beste tingen \u00e5 gj\u00f8re ville v\u00e6re \u00e5 unders\u00f8ke grundig og se p\u00e5 skrifttypene som brukes av andre i samme bransje. Pr\u00f8v og test ut flere typer p\u00e5 forskjellige plattformer slik at du vet at du tar den riktige avgj\u00f8relsen. Husk at det vil ta litt tid \u00e5 velge riktig skrift, men det vil v\u00e6re verdt det n\u00e5r du ser konverteringsfrekvensen \u00f8ke.\n<\/p>\n
\n Skriftst\u00f8rrelser og deres innvirkning
\n<\/h5>\n\n N\u00e5r du snakker om st\u00f8rrelsen p\u00e5 skrifttypen din, er en av de viktigste bekymringene du b\u00f8r ha, lesbarheten. Lesbarhet blir s\u00e5 mye viktigere fordi du vil v\u00e6re sikker p\u00e5 at budskapet ditt kommer frem. Selv om fontvalget ditt ikke er perfekt, vil riktig st\u00f8rrelse spare deg fordi den bes\u00f8kende i det minste ikke trenger \u00e5 anstrenge \u00f8ynene for \u00e5 lese innholdet du presenterer. Hvis du har riktig skriftst\u00f8rrelse, vil kundene dine v\u00e6re mye mer sannsynlig \u00e5 lese meldingen din, samhandle og til og med spre ordet. N\u00e5r du er i stand til \u00e5 kommunisere bedre med kundene dine, vil merkevarebyggingen din bli p\u00e5virket positivt og dette vil igjen \u00f8ke omd\u00f8mmet til din bedrift.\n<\/p>\n
\n Praktisk tips:<\/strong> St\u00f8rrelsen du velger fonten din skal presenteres i, avhenger av designkonteksten til nettstedet. Mens et visittkort kan kreve sv\u00e6rt liten st\u00f8rrelse, vil en begivenhetsplakat kreve en mye st\u00f8rre. Men fordi vi spesifikt snakker om nettsteddesign, m\u00e5 du vurdere om du publiserer for mobile enheter eller generelle skjermer. Som en tommelfingerregel anbefaler eksperter at du bruker fra 10px til 14px for kroppsinnholdet og 16px til 20px for overskrifter eller titler. For best resultat kan du kj\u00f8re en \u00f8vingssjekk p\u00e5 st\u00f8rrelsene som f\u00f8les riktig for deg og deretter justere deretter hvis de ikke ser ut til \u00e5 fungere bra. Dessuten, hvis du henvender deg til forskjellige skjermst\u00f8rrelser (som du burde), s\u00f8rg for at skriften ogs\u00e5 fungerer bra n\u00e5r st\u00f8rrelsen er redusert p\u00e5 mobile enheter.\n<\/p>\n
\n Skriftfarge og nettstedet ditt
\n<\/h5>\n\n Hvis du \u00f8nsker \u00e5 formidle budskapet ditt til de bes\u00f8kende p\u00e5 best mulig m\u00e5te, trenger du ikke bare vurdere ordutvalget, men ogs\u00e5 hvordan det presenteres. N\u00e5 selv om skriftfargen kanskje ikke virker som en s\u00e5 stor sak, er det noe som har stor innvirkning, spesielt hvis du har en spesielt chirpy nettside. Fargepsykologi er et helt studieomr\u00e5de, og du kan l\u00e6re ganske mye av det. Men n\u00e5r du implementerer farger, spesielt i fonter, husk \u00e5 ikke g\u00e5 over bord, for det vil bare ende opp med \u00e5 se morsomt ut. Fargene du velger b\u00f8r ikke bare forbedre kjerneverdiene til virksomheten din, men ogs\u00e5 gi et l\u00f8ft til den underliggende personligheten som kundene kobler til. Hvis du ender opp med \u00e5 velge feil farge for fonten din, vil de virke mot deg og din virksomhet.\n<\/p>\n
\n En annen funksjon som er verdt \u00e5 nevne her er kontrast. Kontrasten til teksten eller siden din er forskjellen i m\u00f8rke som er tilstede mellom bakgrunnen og teksten. Selv om du ikke vil bruke gamle teknikker som \u00e5 sette r\u00f8d tekst p\u00e5 gr\u00f8nn bakgrunn, b\u00f8r du s\u00f8rge for at det er god kontrast mellom teksten og bakgrunnen slik at lesbarheten \u00f8kes.\n<\/p>\n
\n Praktisk tips:<\/strong> F\u00f8rst, f\u00f8r du bestemmer deg for skriftfargen, m\u00e5 du tenke n\u00f8ye gjennom fargene og fonten som skal v\u00e6re eller allerede er integrert i merkevaren din og logoen. N\u00e5r du for eksempel tenker p\u00e5 Coca-Cola, tryller du sannsynligvis frem den helt s\u00e6regne kr\u00f8llete fonten sammen med den r\u00f8de fargen. N\u00e5r du velger farge, anbefaler eksperter at du tenker p\u00e5 det som \u00e5 fargelegge et rom i huset ditt. Hvis du vil at de bes\u00f8kende skal f\u00f8le seg varme og koselige mens de leser bloggen, bruk matte r\u00f8de og appelsiner, da disse er ment \u00e5 slappe av og roe sansene. Men igjen, husk \u00e5 ikke g\u00e5 over bord fordi det meste av innholdet ser bra ut og lesbart i svart, avhengig av bakgrunnsfargen.\n<\/p>\n
\n Overskriftsfonter og hva du b\u00f8r vite
\n<\/h5>\n\n Overskriftene du bruker for innholdet ditt er ekstremt avgj\u00f8rende, ikke bare n\u00e5r det gjelder de faktiske ordene, men ogs\u00e5 hvordan det presenteres. Flere unders\u00f8kelser har vist at med mindre du bruker fengende og oppsiktsvekkende overskrifter, vil de bes\u00f8kende g\u00e5 videre og se etter noe litt mer interessant \u00e5 lese. Det er spesielle m\u00f8nstre for hvordan mennesker leser nettet, og gjennom dette vil du finne ut at det meste av innhold ganske enkelt skannes gjennom. S\u00e5 hvis du ikke fanger bes\u00f8kendes oppmerksomhet med overskriften, vil sjansene deres for \u00e5 lese synke ytterligere. Husk n\u00e5 at b\u00e5de fonten og fargen du bruker for overskriften din, avgj\u00f8r om bes\u00f8kende vil lese den eller ikke. S\u00e5 selv om du ikke vil begynne \u00e5 bruke Comic Sans bare for \u00e5 fange oppmerksomhet, b\u00f8r du holde den lesbar.\n<\/p>\n
\n Praktisk tips:<\/strong> Hvis du sammenkobler fonter (bruker en for overskriften og den andre for hovedinnholdet), s\u00f8rg for at de faktisk ser bra ut sammen. Paring kan noen ganger v\u00e6re vanskelig fordi du m\u00e5 s\u00f8rge for at de fleste elementene i skriftene stemmer overens slik at de ikke ser veldig forskjellige ut fra hverandre. I et slikt tilfelle m\u00e5 overskriftsfonten utfylle br\u00f8dteksten. P\u00e5 den annen side, hvis du bruker samme skrifttype, kan du eksperimentere med varierende st\u00f8rrelser og linjeavstand for \u00e5 forbedre overskriften. Den samme skrifttypen vil ikke bare gi visuell harmoni for leseren din, men vil ogs\u00e5 redusere antall fonter som m\u00e5 lastes, og dermed \u00f8ke den totale lastetiden og ytelsen.\n<\/p>\n
\n Linjelengde og dens betydning
\n<\/h5>\n\n De fleste som lager et nettsted vil vurdere skrifttype, st\u00f8rrelse, farge og kontrast p\u00e5 teksten som brukes. Det de imidlertid g\u00e5r glipp av er linjelengden. Linjelengden er ansvarlig for \u00e5 \u00f8ke eller redusere den generelle lesbarheten og refererer til antall ord eller tegn som er til stede i hver horisontal linje. Det som p\u00e5virker lesbarheten er kortheten eller lengden p\u00e5 setningene. Hvis skrifttypen du velger f\u00e5r linjene til \u00e5 se for lange ut, m\u00e5 de bes\u00f8kendes \u00f8yne reise en lang avstand, noe som vil motvirke lesingen, da det vil kreve mye arbeid. P\u00e5 den annen side, hvis linjene er for korte, vil flyten av setninger bryte og den bes\u00f8kende vil ende opp med \u00e5 miste interessen.\n<\/p>\n
\n Praktisk tips:<\/strong> En teori som ble foresl\u00e5tt av Usability Institute Baymard er at du b\u00f8r velge en font som bruker 50-75 tegn (mellomrom inkludert) per linje da dette gir optimal lesbarhet. Du kan ogs\u00e5 bruke Golden Ratio Typography Calculator for \u00e5 bestemme den perfekte linjelengden avhengig av skjermen som brukes til \u00e5 lese innholdet.\n<\/p>\n
\n Kerning og hvorfor det betyr noe
\n<\/h5>\n\n I f\u00f8lge Wikipedia er «Kerning prosessen med \u00e5 justere avstanden mellom tegnene i en proporsjonal skrift, vanligvis for \u00e5 oppn\u00e5 et visuelt tiltalende resultat.» Hvis du bruker en god font, vil den v\u00e6re godt kjernet og mellomrommet mellom hvert tegnpar vil v\u00e6re likt. Hvis du har en designer som setter skrifttypen i et grafisk program som Photoshop, vil han ha muligheten til \u00e5 endre avstanden mellom bokstavene og gj\u00f8re justeringer til fonten og kerningen ser perfekt ut. \u00c5 ikke fokusere p\u00e5 kerning vil koste deg fordi det ofte er den st\u00f8rste enkeltsaken som skiller profesjonelt arbeid fra et som er utf\u00f8rt av amat\u00f8rer eller wannabe-designere.\n<\/p>\n
\n Praktisk tips:<\/strong> Mengden plass du har mellom hver bokstav m\u00e5 v\u00e6re lik hvis du vil at nettstedet ditt skal se profesjonelt ut. Hvis du designer et skriftsnitt, husk \u00e5 integrere kerning fordi lesbarheten vil \u00f8ke hvis det er romlig kontinuitet mellom bokstavene. P\u00e5 den annen side, hvis du bruker skriftene som allerede finnes, trenger du ikke bekymre deg for dette fordi alle disse skriftene vil inneholde informasjon om avstanden.\n<\/p>\n
\n Konklusjon
\n<\/h4>\n\n For bedriftseiere som \u00f8nsker \u00e5 forbedre nettstedets merkevarebygging og f\u00e5 inn flere kunder, er et avgj\u00f8rende aspekt \u00e5 huske \u00e5 bruke skrifttyper som utfyller kopien. Hvis du gj\u00f8r ting riktig, vil det ogs\u00e5 ha en effekt p\u00e5 leserens f\u00f8lelser, hum\u00f8r og handling. Dette vil igjen gj\u00f8re det mer sannsynlig for dem \u00e5 konvertere til en lojal kunde. Husk at en av de beste m\u00e5tene \u00e5 teste skrifttypen, dens st\u00f8rrelse, farge osv. er \u00e5 pr\u00f8vekj\u00f8re den og se hva resultatene gir. Gi ogs\u00e5 hele denne prosessen litt tid og din udelte oppmerksomhet, for hvis du vil ha perfeksjon, vil du m\u00e5 jobbe for det.\n<\/p>\n
\n Til slutt gir jeg deg dette inspirerende sitatet fra Steve Jobs, som er hovedansvarlig for hvorfor vi legger s\u00e5 mye vekt p\u00e5 fonter i dag.\n<\/p>\n
\n\n «Jeg bestemte meg for \u00e5 ta en kalligrafitime for \u00e5 l\u00e6re hvordan (l\u00e6re kalligrafi). Jeg l\u00e6rte om Serif- og Sans-Serif-skrifttyper, om \u00e5 variere mellomrommet mellom ulike bokstavkombinasjoner, om hva som gj\u00f8r flott typografi flott. Det var vakkert. Historisk. Kunstnerisk subtil p\u00e5 en m\u00e5te som vitenskapen aldri kan fange.»\n <\/p>\n
\n -Steve Jobs\n <\/p>\n<\/blockquote>\n