Tänk dig att du öppnar en tandläkarmottagnings webbplats. Där finns en prislista, men texten är liten och ljusgrå. Du kisar, ger upp efter tre sekunder, trycker på bakåtknappen och går vidare till nästa mottagning. Mottagningen får aldrig veta.
Typsnittet, alltså bokstävernas utseende, är en av de minst uppmärksammade men mest påverkande delarna av din webbplats. En kund säger inte "den här texten är dålig". Hen får bara känslan "det här är inte för mig" och går. I den här artikeln förklarar jag hur valet av typsnitt för webbplatsen påverkar ditt företag och vad du själv kan kontrollera på din sajt.
Varför lämnar kunder sidan när texten är svårläst?
Människor läser inte webbplatser, de skummar dem. De vill snabbt hitta det de kom för: telefonnumret, öppettiderna, priset eller knappen "boka tid". Är texten svårläst blir skummandet ansträngande.
Det här är situationerna som förlorar flest besökare:
- Små bokstäver, särskilt på mobilskärmen
- Blek text på ljusgrå eller färgad bakgrund
- Handskriftsliknande eller mycket dekorativa typsnitt
- Trånga rader och långa stycken utan avbrott
Allt detta kan se "snyggt" ut vid första anblicken. Men för den som måste läsa är det tröttande, och människor undviker det som tröttar dem.
Hur väljer du ett typsnitt som passar ditt varumärke?
Varje typsnitt har en personlighet. Det känns allvarligt, vänligt, modernt eller traditionellt. En advokatbyrå och en lekpark för barn ska inte ge samma känsla.
Rätt typsnittsval utgår från vad dina kunder ska känna när de möter dig:
- Juridik, vård, ekonomi: Lugna, enkla typsnitt som ger förtroende.
- Hotell, restaurang, skönhet: Lite varmare och elegantare, men fortfarande lättlästa.
- Hantverkare, verkstad, butik: Tydliga, kraftiga och direkta.
Måttstocken är inte din egen smak utan vad kunden kommer att känna. Ett dekorativt typsnitt i logotypen eller i en enstaka rubrik är helt okej. Problemet uppstår i långa texter.
Varför är textstorleken i mobilen så viktig?
De flesta besökare kommer numera med mobilen. Text som är bekväm att läsa på datorn kan se liten och trång ut i mobilen.
Det är lätt att kontrollera: öppna din sida på din egen mobil och läs den på naturligt armlängds avstånd. Kan du läsa utan att zooma? Måste du zooma måste kunden också, och de flesta orkar inte.
Som tumregel anses brödtext på cirka 16 pixlar eller mer i mobilen vara bekväm, ungefär som i en tryckt bok. Det ställer din designer in. Ditt jobb är att kontrollera resultatet.
Hur många typsnitt räcker?
Regeln är enkel: högst två typsnitt. Vanligtvis ett för rubriker och ett för brödtext. Fler än två gör att en sida ser spretig och slarvig ut.
Ofta räcker ett enda typsnitt i olika tjocklekar: fetstil för rubriker, normal för texten. Det kan du kontrollera själv: klicka dig igenom sidorna och räkna hur många olika textstilar du ser.
Visas å, ä och ö korrekt?
Det här missas ofta. Vissa snygga typsnitt är gjorda för ett enda språk och saknar specialtecknen i andra språk. Resultatet: bokstäver som å, ä och ö, eller ä, ö, ü och ß, byts ut mot ersättare från ett annat typsnitt eller visas som tomma rutor. En bokstav som mitt i ett ord kommer från ett annat typsnitt får sidan att se oprofessionell ut direkt.
Testet är enkelt. Leta på din sida efter ord med å, ä och ö, både med versaler och gemener, även i rubriker och menyn. Ser en bokstav annorlunda ut än de andra stöder typsnittet inte ditt språk fullt ut.
Samma sak gäller de andra språkversionerna av din sida. Svenska behöver å, ä och ö. Tyska behöver ä, ö, ü och ß. Turkiska behöver ğ, ş, ı, İ, ç, ö och ü. Har du besökare på flera språk, be om att alla testas.
Fem saker du kan kontrollera på din webbplats
Öppna din sida vid nästa tillfälle både på dator och mobil och gå igenom den här tabellen:
| Kontroll | Bra tecken | Varningstecken |
|---|---|---|
| Brödtextens storlek | Bekväm utan att zooma | Man måste kisa |
| Kontrast mot bakgrunden | Mörk text, ljus bakgrund, tydlig skillnad | Blekt grått, färgad bakgrund |
| Antal typsnitt | Högst två | Olika utseende på varje sida |
| Specialtecken | Alla i samma typsnitt | Vissa tecken avviker eller blir rutor |
| Långa stycken | Korta stycken med luft | Tät textvägg |
Visa också sidan för en vän eller en äldre släkting. Kan någon med sämre syn än du läsa den är du sannolikt i bra form.
Vad ska du be din designer om?
När du bygger eller gör om en sida kan du säga till designern:
- "Brödtexten ska vara bekväm att läsa i mobilen."
- "Det ska vara tydlig skillnad mellan text och bakgrund, inga bleka färger."
- "Vi använder högst två typsnitt."
- "Välj ett typsnitt som stöder alla specialtecken i mina språk och testa dem tillsammans."
- "Förklara för mig varför de här typsnitten passar mitt varumärke."
Den sista punkten är viktig. En bra designer kan motivera sitt val. Om svaret bara är "det såg snyggt ut", fråga vidare.
Vanliga frågor
Måste webbplatsen ha samma typsnitt som min logotyp?
Inte nödvändigtvis. En logotyp är ofta en särskild bokstavsform som är svårläst i långa texter. Till sidan väljs ett lättläst typsnitt som ligger nära logotypens känsla.
Gör ett typsnittsbyte min sida långsammare?
Ett väl valt och rätt installerat typsnitt gör inte sidan märkbart långsammare. Att kontrollera det är designerns ansvar.
Ser sidan oprofessionell ut om jag använder stor text?
Nej. Tydlig text i behaglig storlek är något som kännetecknar professionella sidor. Det handlar om proportioner, inte storlek.
Bör jag göra något extra för äldre kunder?
Vänder du dig till en äldre publik hjälper lite större text och starkare kontrast mycket, och det gör det lättare för alla att läsa.
Lättläst text är en av de saker på din sida som vinner kunder. Funderar du på en ny webbplats eller vill se över hur läsbar din nuvarande är kan du skriva till mig via sidan bygga hemsida.