4 grunner til at kroppen din skal være større
Brødteksten på nettstedet ditt er for lite. Mens stasjonære skjermer og telefonskjermer ser ut til å øke i størrelse, har skriftstørrelsene på kroppen tilsynelatende krympet. Mens deres opprinnelige størrelse er den samme, føler de seg mindre enn noen gang.
For ofte finner jeg meg selv å skvise på skjermen for å lese innhold. Og det skulle ikke være slik. I dag ser vi på årsakene til dette økende problemet, og hvordan du kan fikse det!
Saken for større tekst
Små tekststørrelser er et old-school-konsept når det gjelder design av nettsteder. Ideen om å bruke 12-punkts tekst for kroppskopi stammer nesten tilbake til de første dagene av internett og digital publisering da standardstørrelsen på tekstbehandlere var 12 poeng. (Det er virkelig slik designere begynte å bruke denne uoffisielle retningslinjen.)
Men skjermene var også mye mindre da. Og 12-punkts type på et sted et par meter fra øynene dine kan være mye å lese.
Over store overskrifter og underoverskrifter har vært en tendens i ganske lang tid, og kroppskopien din trenger å ta igjen. Selv Kissmetrics, en blogg om nettanalyse, markedsføring og testing, bemerket at de fleste nettsteder har skrifter som er for små. De kalte til og med denne for “7 Deadly Sins of Web Design.”
Her er den store grunnen: Du må ta oppmerksomheten til brukerne med en gang, og små skrifttyper vil bare ikke kutte den med så mange andre alternativer som er tilgjengelige for en brukers tid.
Fortsatt ikke overbevist? Her er fire grunner til at kroppstypen din burde være større.
1. Det er lettere å lese
Lesbarhet er en stor sak. Hvorfor vil du designe et nettsted som er vanskelig for en bruker å lese?
Den første leksjonen er å grøfte det rene numeriske målet for brødtekst på nettet. Det spiller ingen rolle om teksten din er 12 poeng eller 16 poeng eller 22 poeng hvis du ikke kan lese den. (Tekststørrelse er ikke universell og varierer avhengig av skrifttype uansett.) Tekst på kroppen skal stå i forhold til alt annet på skjermen og lett for brukere å se på et stykke fra avstand.
Standarden i noen tid har vært at 45 til 60 tegn per linje i en enkelt kolonne (dette inkluderer tegnsetting og mellomrom) er den ideelle lengden for de fleste lesere. Så du må tenke på størrelsen på de vanligste nettleserne, bredden på kolonnen du bruker og begynne med en tekststørrelse som faller innenfor det området. Husk deretter å justere deretter for responsive brytepunkter.
Området er noe strammere for mindre skjermer der de fleste er enige om at større tekst er bedre. (Takk halvparten av rekkevidden.)
Trikset er å lage en skala som er behagelig å lese. Og jo mer tekststørrelse du må jobbe med, desto viktigere blir dette. Tekst som er for bred, kan gjøre det vanskelig å fokusere og bevege seg fra linje til linje når du leser; tekst som er for smal har ikke en god rytme og får øyet til å bevege seg for raskt når du leser.
2. Det gjør designet mer intuitivt
Størrelsen på tekst bidrar til den generelle anvendeligheten til et nettdesign.
Hvis all tekst skaleres proporsjonalt, hjelper også større tekstkopier med størrelsen på andre brukergrensesnittelementer som navigasjonslenker eller knappetekst. Det kan bidra til å bidra til total flyt.
Større tekst vil også hjelpe deg å ta bedre beslutninger om innhold og redigere mer selektivt, noe som alltid er bra for brukerne. Denne effektiviseringen hjelper deg med å bringe de viktigste elementene i forkant av designen. Husk at brukere har oppmerksomhetsspennet til en gullfisk - hvis det - så alt de trenger for å forstå designet og hvordan de skal samhandle med det, må være tilgjengelige med et øyeblikk.
Her er den andre gjennomstrømningsbonusen av større type - den vil oppmuntre deg til å revurdere polstring, fotoplassering og linjeavstand også. Alt i designen vil dra nytte av å revurdere typestørrelsen fordi det hele fungerer sammenfallende for å lage et sammensatt sluttprodukt. Alt det som redigerer og tenker nytt på hvordan du plasserer deler kan resultere i forbedret brukervennlighet fordi du faktisk tar deg tid til å evaluere individuelle elementer i designet, i stedet for bare å kaste alt ned på samme måte som du vanligvis gjør.
3. Det reduserer utmattelsen
Brukerutmattethet kan være et reelt problem. De fleste ser på skjermer hele dagen, fra å se på telefoner til å spille spill til nettbrett til å jobbe på datamaskiner eller se på TV. Øynene deres er slitne.
Større tekststørrelser kan bidra til å redusere noe av denne trettheten på skjermen.
En annen vanlig kilde til utmattelse av skjermen kommer i form av mobile enheter og brukere må nå over hele skjermen for elementer. Større telefoner er avtagende områder som er lett tilgjengelig med tommelen, men større elementer og brødtekst kan bidra til å løse dette dilemmaet.
En grunn til at større størrelser for tekst og andre brukergrensesnittelementer er viktig, er fordi det hjelper til med å justere den visuelle skjermen slik at den passer til den fysiske, og gir mer komfort for brukerne.
4. Det øker visuell innvirkning
Du vil at nettsteddesignet ditt skal gjøre et sterkt førsteinntrykk. Større tekst kan ha en sterk visuell tilstedeværelse og innvirkning enn mindre tekst. Det er dristigere og mer i ansiktet. Det krever å bli lest.
Disse taktikkene hjelper alle til å fange brukerens oppmerksomhet og holde på den.
Den utilsiktede konsekvensen av å bruke større kroppstype er at de fleste alt annet i designen din sannsynligvis vil forstørre også. Dette er mest sannsynlig tilfelle med plass. Større type vil hjelpe deg å skape rom for mer plass i designen. Mer plass skaper ofte en mer komfortabel brukeropplevelse og tilfører et element av kontrast som hjelper å trekke brukere til de okkuperte delene av designet. (Det er designteori på et grunnleggende nivå, men det fungerer.)
Større type og økt avstand er elementer som de fleste brukere ikke vil se eller snakke om, men som bare vil finne ut at de setter pris på. Opplevelsen vil være enklere og forhåpentligvis resultere i en uptick i nettstedanalyse som tid på nettstedet eller sider per besøkende. (Disse tiltakene kan være en nøkkelfaktor for å avgjøre om overgangen til større type utgjør en forskjell for brukerne.)
Konklusjon
Smashing Magazine publiserte en artikkel i 2011 som hevder at noe mindre enn 16 piksler for brødtekst er for lite. Jeg vil være enig.
Og ta det et skritt videre. Test ut 18, 20 eller til og med 22 poeng for kroppskopien din. Selv om det virker vanskelig å begynne med, vil du oppdage at det er lett å lese. Det er lett å fordøye. Og det får innhold til å føles litt mindre overveldende. Gjør det enkelt for brukere, og de vil takke deg for å bruke mer tid på nettstedet ditt.
