Čitljivost teksta na sajtu: dužina reda, prored, slova i naslovi

Čitljivost teksta na sajtu utiče na to da li će posetilac pročitati ono što ste napisali ili će samo preleteti pogledom i otići. Možete imati odličan tekst o uslugama, ali ako je napisan sitnim svetlosivim slovima, u redovima preko celog ekrana i bez ijednog podnaslova, malo ko će ga pročitati do kraja. Dobra vest je da se čitljivost može znatno popraviti sa nekoliko tipografskih pravila, bez menjanja samog sadržaja. U ovom tekstu prolazimo kroz dužinu reda, prored, veličinu slova, pasuse, naslove i jednu temu specifičnu za naš jezik – fontove koji ispravno prikazuju slova č, ć, š, ž i đ.

Dužina reda

Kada je red teksta predugačak, oko se teško vraća na početak sledećeg reda i čitalac se „gubi“. Kada je prekratak, oko prebrzo skače i tekst deluje isprekidano. U tipografiji se kao udobna dužina obično navodi otprilike 50 do 75 znakova po redu, uključujući razmake.

• na širokim ekranima ograničite širinu tekstualnog bloka (na primer oko 65–75 znakova, što se u CSS-u lako podesi jedinicom ch);
• ne razvlačite tekst preko cele širine ekrana samo zato što ima mesta – prazan prostor sa strane nije greška;
• na telefonu je red prirodno kraći, pa je tu važnije da bočne margine ne budu premale.

Veličina slova i prored

Osnovni tekst na većini sajtova danas se postavlja na 16 piksela ili više, jer je to veličina koja je na telefonu i računaru čitljiva bez zumiranja. Za sajtove sa dužim tekstovima ili starijom publikom 17–18 piksela je često bolji izbor. Sa veličinom ide i prored – razmak između redova:

Ovo nisu stroga pravila, već polazne vrednosti – svaki font se ponaša malo drugačije, pa se konačne mere proveravaju na pravom tekstu i pravim uređajima. Kontrast je posebno važan; osnove su objašnjene u tekstu pristupačnost sajta: WCAG osnove.

Pasusi, liste i isticanje

Ljudi na internetu najpre skeniraju stranicu, pa tek onda čitaju delove koji ih zanimaju. Tekst treba da podrži takvo čitanje:

• kratki pasusi – jedna misao po pasusu, obično dve do pet rečenica; na telefonu i to izgleda duže nego na računaru;
• liste za nabrajanja, korake i uporedne stavke, umesto dugih rečenica sa mnogo zareza;
• podebljanje za nekoliko ključnih pojmova, a ne za pola teksta – ako je sve istaknuto, ništa nije;
• bez teksta u samo velikim slovima za duže delove, jer se teže čita;
• poravnanje ulevo umesto obostranog poravnanja, koje na vebu pravi neravne razmake između reči.

Kako pisati tekst koji je istovremeno jasan čitaocu i razumljiv pretraživačima, pročitajte u tekstu SEO copywriting: pisanje za Google i ljude.

Naslovi i podnaslovi

Podnaslovi su putokazi. Posetilac koji skroluje treba samo iz njih da shvati o čemu stranica govori i gde je deo koji ga zanima. Nekoliko saveta:

1. podnaslov na svakih nekoliko pasusa, naročito u dužim tekstovima;
2. konkretni naslovi – „Koliko traje ugradnja“ umesto „Proces“;
3. jasna hijerarhija – jedan h1 na stranici, zatim h2 za glavne celine i h3 za podceline, bez preskakanja nivoa radi izgleda;
4. vidljiva razlika u veličini između naslova i teksta, i više razmaka iznad naslova nego ispod, kako bi se naslov vizuelno vezao za tekst koji najavljuje.

Srpska slova u fontovima: č, ć, š, ž, đ

Ovo je problem koji se na sajtovima u Srbiji viđa češće nego što bi trebalo. Mnogi atraktivni fontovi, naročito besplatni ukrasni, nemaju sva slova latinice koja nam trebaju ili ih imaju loše nacrtana. Posledice su vidljive:

• slova č, ć, š, ž ili đ prikazuju se drugim, rezervnim fontom, pa reč izgleda „izlomljeno“;
• kvačice i akcenti su pogrešno postavljeni ili se sudaraju sa redom iznad;
• slovo đ nedostaje ili je zamenjeno sa „dj“, što deluje neprofesionalno;
• ako sajt koristi i ćirilicu, font je možda nema uopšte, ili ima ruske oblike slova (na primer б, г, д, п, т u kurzivu) koji se razlikuju od srpskih.

Pre nego što izaberete font, proverite ga na rečenici koja sadrži sva naša slova, na primer „Đače, uštedu plaćaj žaljenjem zbog džinovskih cifara“, i to u svim debljinama i kurzivu koje planirate da koristite. Kod Google Fonts i sličnih servisa proverite da li font ima podršku za „Latin Extended“, a po potrebi i za ćirilicu. Takođe proverite da li je podskup fonta koji se učitava na sajt uključio ta slova – ponekad je font dobar, ali je radi brzine učitan samo osnovni latinični skup. Više o izboru fontova i kombinovanju sa bojama u tekstu boje i tipografija na sajtu.

Kako proveriti čitljivost svog sajta

Otvorite najvažniju stranicu na telefonu i pokušajte da je pročitate na ulici ili u tramvaju, a ne za stolom. Proverite da li morate da zumirate, da li se redovi stapaju, da li podnaslovi pomažu da se snađete i da li sva naša slova izgledaju isto kao ostatak teksta. Na računaru proverite koliko je dug red na širokom monitoru. Ako se tekst menjao kroz godine, proverite i da li su stare stranice zadržale isti stil – nedoslednost se često uvuče kroz ručno formatiranje u editoru. Za doslednu tipografiju na celom sajtu pomaže i dizajn sistem sa unapred definisanim stilovima.

Čitljiv tekst ne privlači pažnju na sebe – samo omogućava da poruka stigne do čitaoca. Ako želite da pregledamo tipografiju vašeg sajta i predložimo konkretne izmene, pošaljite nam upit za besplatnu analizu i ponudu.