Kroppstexten på din webbplats är för liten. Medan skrivbordsskärmar och telefonskärmar verkar öka i storlek har kroppstypstorlekarna skunkat. Medan deras ursprungliga storlek är densamma, känns de mindre än någonsin.
Alltför ofta befinner jag mig på skärmen för att läsa innehåll. Och det borde inte vara så. Idag ser vi på orsakerna till detta ökande problem, och hur du kan fixa det!
Fallet för större text
Små textstorlekar är ett grundskolankoncept när det gäller webbdesign. Idén om att använda 12-punkts text för kroppskopia går nästan tillbaka till de första dagarna av internet och digital publicering när standardstorleken på textbehandlare var 12 poäng. (Det är verkligen hur designers började använda denna inofficiella riktlinje.)
Men skärmar var också mycket mindre då. Och 12-punkts typ på ett ställe ett par meter från ögonen kan vara mycket att läsa.
Stora rubriker och underrubriker har tränat under en längre tid, och din kroppskopia behöver komma ikapp. Även Kissmetrics, en blogg om webbanalys, marknadsföring och testning, noterade att de flesta webbplatser har teckensnitt som är för små. De kallade även den här av de 7 dödliga synderna av webbdesign.?
Det här är den stora anledningen: Du måste fånga användarnas uppmärksamhet direkt, och små tecken kommer inte bara att skära den med så många andra alternativ som är tillgängliga för en användares tid.
Fortfarande inte övertygad? Här är ytterligare fyra skäl att din kroppstyp borde vara större.
1. Det är lättare att läsa
Läsbarhet är en stor sak. Varför skulle du utforma en webbplats som är svår för en användare att läsa?
Den första lektionen är att dike den rena numeriska åtgärden för kroppstext på webben. Det spelar ingen roll om din text är 12 poäng eller 16 poäng eller 22 poäng om du inte kan läsa den. (Textstorleken är inte universell och varierar beroende på typsnittet.) Kroppstexten ska stå i proportion till allt annat på skärmen och enkelt för användarna att se från något avstånd.
Standarden för en tid har varit att 45 till 60 tecken per rad i en enda kolumn (detta inkluderar interpunktion och mellanslag) är den idealiska längden för de flesta läsare. Så du måste tänka på storleken på de vanligaste webbläsarna, bredden på den kolumn du använder och börja med en textstorlek som faller in i det här intervallet. Kom ihåg att justera i enlighet därmed för lyhörda brytpunkter.
Sortimentet är något tättare för mindre skärmar där de flesta är överens om att större text är bättre. (Tack hälften av det här räckvidden.)
Tricket skapar en skala som är bekväm för läsning. Och ju mer kroppsformat som du måste arbeta med desto viktigare blir det här. Text som är för bred kan göra det svårt att fokusera och flytta från linje till linje vid läsning. Text som är för smal har inte en bra rytm och får ögat att röra sig för fort när man läser.
2. Det gör designen mer intuitiv
Storleken på texten bidrar till den totala användbarheten av en webbdesign.
Om all text skalas proportionellt, hjälper större kopia också till att stöta på storleken på andra användargränssnitt, t.ex. navigeringslänkar eller knapptext. Det kan bidra till att bidra till övergripande flöde.
Större text hjälper dig också att fatta bättre beslut om innehåll och redigera mer selektivt, vilket alltid är bra för användarna. Denna strömlining hjälper till att få de viktigaste elementen till framkant av designen. Kom ihåg att användarna har en guldfiskens uppmärksammelsespann - om så är allt som de behöver för att förstå designen och hur man ska kunna interagera med den måste vara tillgänglig med en blick.
Här är den andra trickle-down-bonusen av större typ - det kommer att uppmuntra dig att ompröva vaddering, fotoutlägg och linjespacing också. Allt i designen kommer att gynnas av att ompröva typstorleken eftersom det hela fungerar kongruent för att skapa en sammanlagd slutprodukt. Allt som redigerar och omprövar hur man placerar delar kan leda till förbättrad användbarhet eftersom du faktiskt tar tid att utvärdera enskilda element i designen, snarare än att bara poppa allt på samma sätt som vanligtvis.
3. Det minskar trötthet
Användarutmattning kan vara ett verkligt problem. De flesta tittar på skärmar hela dagen, från att titta på telefoner för att spela spel till tabletter för att arbeta med datorer eller titta på tv. Deras ögon är trötta.
Större textstorlekar kan hjälpa till att minska en del av denna skärmutmattning.
En annan vanlig källa till skärmutmattning kommer i form av mobila enheter och användare som måste nå över skärmen för element. Större telefoner är minskande områden som är lätt att nå med tummen, men större element och kroppstext kan hjälpa till att lösa detta dilemma.
En orsak till att större storlekar för text och andra användargränssnitt är viktigt är att det hjälper till att justera den visuella bildskärmen för att matcha den fysiska, vilket ger ökad komfort för användarna.
4. Det ökar visuell påverkan
Du vill att din webbdesign ska ge ett starkt första intryck. Större text kan ha en stark visuell närvaro och påverkan än mindre text. Det är djärvare och mer i ditt ansikte. Det kräver att läsas.
Dessa taktik hjälper alla att ta tag i användarens uppmärksamhet och hålla fast vid det.
Den oavsiktliga konsekvensen av att använda större kroppstyp är att de flesta allt annat i din design kommer sannolikt att förstora. Detta är sannolikt fallet med utrymme. Större typ hjälper dig att skapa utrymme för mer utrymme i designen. Mer utrymme skapar ofta en bekvämare användarupplevelse och lägger till ett element av kontrast som hjälper till att dra användare till de upptagna delarna av designen. (Det är designteori på en grundläggande nivå, men det fungerar.)
Större typ och ökat avstånd är element som de flesta användare inte ser eller pratar om, men kommer bara att upptäcka att de uppskattar. Erfarenheten blir enklare och förhoppningsvis kommer det att resultera i en uptick i webbplatsanalyser som tid på webbplatsen eller sidor per besökare.(Dessa åtgärder kan vara en nyckelfaktor för att bestämma om flytten till större typ gör skillnad för användarna.)
Slutsats
Smashing Magazine publicerade en artikel 2011 som hävdar att allt mindre än 16 pixlar för kroppstext är för liten. Jag skulle tendera att hålla med.
Och ta det ett steg längre. Testa ut 18, 20 eller till och med 22 poäng för din kroppskopia. Även om det verkar obekvämt först förstår du att det är lätt att läsa. Det är lätt att smälta. Och det gör innehållet lite mindre överväldigande. Gör det enkelt för användare och de kommer att tacka dig genom att spendera mer tid på din webbplats.