Dizajn sajta i korisničko iskustvo
Tekst čini preko 90% sadržaja na prosečnom poslovnom sajtu u Srbiji.
Slike privlače pažnju, boje upravljaju atmosferom, ali fontovi su ti koji nose gotovo celokupnu komunikaciju sa posetiocima. Uprkos tome, izbor fontova za sajt je jedna od najzanemarenijih odluka koju vlasnici biznisa donose.
Često se font bira po principu „ovo lepo izgleda” ili se jednostavno zadrži podrazumevani font koji je došao sa temom sajta. U oba slučaja, propušta se prilika da tipografija radi ono što treba: da tekst bude čitljiv, da sajt deluje profesionalno i da posetilac bez napora stigne do vaše ponude.
Font ne utiče na prodaju direktno, na način na koji to radi cena ili ponuda. Ali utiče indirektno, i to značajno, kroz dva mehanizma.
Ako posetilac mora da se napreže da pročita tekst na vašem sajtu, nećete ga zadržati dovoljno dugo da mu bilo šta prodate. Loš izbor fonta, premala veličina slova ili nedovoljan kontrast između teksta i pozadine stvaraju prepreke koje većina posetilaca neće trpeti. Oni neće razmišljati da li je problem u fontu, jednostavno će otići jer im je nešto smetalo.
Font šalje podsvesnu poruku o tome kakav je vaš biznis. Ozbiljan, moderan, tradicionalan, kreativan, jeftin, premium. Posetilac tu poruku prima u prvim sekundama, zajedno sa bojama i rasporedom elemenata, i ona utiče na to koliko vam veruje pre nego što pročita i jednu rečenicu.
Ova dva faktora zajedno znače da pogrešan font može da potkopa sve ostalo što ste dobro uradili na sajtu. Možete imati odličnu ponudu, jasan poziv na akciju i brz sajt, ali ako je tekst teško čitljiv ili font odaje utisak neprofesionalnosti, konverzija će trpeti.
Ako ste ikada čitali o tipografiji, verovatno ste naišli na podelu na serifne i sans-serifne fontove. Serifni fontovi imaju male „repove” ili završetke na krajevima slova (kao što su Times New Roman ili Georgia). Sans-serifni fontovi imaju čista, glatka slova bez tih završetaka (kao Arial ili Helvetica).
Dugo je vladalo pravilo da su serifni fontovi bolji za štampu, a sans-serifni za ekran. Danas to pravilo više nije toliko ustaljeno jer su ekrani znatno kvalitetniji nego ranije, pa su obe kategorije sasvim čitljive na webu.
Ono što jeste relevantno za vaš sajt je sledeće: sans-serifni fontovi i dalje dominiraju na poslovnim sajtovima jer deluju čistije i modernije na ekranu. Serifni fontovi mogu da budu odličan izbor ako želite da komunicirate tradiciju, autoritet ili premium poziciju, na primer za advokatske kancelarije, konsultantske firme ili luksuzne brendove.
Najvažnije je da font koji izaberete bude dizajniran za ekran. Mnogi fontovi koji izgledaju sjajno u štampanim materijalima postaju teško čitljivi na manjem ekranu, posebno u manjim veličinama. Kada birate font, uvek ga testirajte na telefonu u veličini u kojoj će se stvarno koristiti na sajtu.
Jednostavan odgovor na ovo pitanje je: najviše dva. Jedan za naslove i jedan za tekst. To je dovoljno za vizuelnu raznolikost bez haosa.
U praksi, na srpskim sajtovima često vidimo tri problematična obrasca:
Jedan font u zaglavlju, drugi u navigaciji, treći za naslove, četvrti za tekst, peti za dugmad. Svaki dodatni font razbija vizuelnu konzistentnost i čini sajt neorganizovanim. Osim toga, svaki font koji sajt učitava usporava stranicu.
Skript fontovi koji imitiraju rukopis ili izrazito stilizovani fontovi mogu da izgledaju atraktivno na logotipu ili pozivnici, ali na sajtu otežavaju čitanje. Ako posetilac mora da se napreže da dešifruje vaš naslov, izgubili ste ga.
Suprotna krajnost je korišćenje jednog fonta bez ikakvog razlikovanja između naslova i teksta. Kada su naslov i pasus vizuelno identični osim po veličini, stranici nedostaje struktura i čitljivost opada.
Idealan pristup je da izaberete dva fonta koja se međusobno dobro dopunjuju. Klasična kombinacija je dominantno izražen font za naslove jer nosi karakter brenda, i neutralan font za duže tekstove koji obezbeđuje udobno čitanje. Ova dva fonta treba da budu dovoljno različita da se jasno razlikuju, ali ne toliko različita da deluju kao da dolaze sa dva potpuno različita sajta.
Veličina fonta je možda najkonkretnija stvar koju možete da proverite na svom sajtu upravo sada, jer je greška sa veličinom izuzetno česta i lako se ispravlja.
Osnovno pravilo za tekst na sajtu: osnovna veličina fonta za glavni tekst ne bi trebalo da bude manja od 16 piksela. To je veličina koju većina ljudi čita bez napora na ekranu. Uprkos tome, mnogi sajtovi i dalje koriste 12 ili 14 piksela, što je veličina primerena štampanim materijalima, ali na ekranu zahteva naprezanje, naročito za stariju populaciju ili na mobilnom uređaju.
Za naslove, veličina zavisi od hijerarhije, ali ključno je da postoji jasna razlika između naslova i teksta. Ako je vaš tekst 16 piksela, naslov od 18 piksela se jedva razlikuje. Naslov bi trebalo da bude dovoljno veći da posetilac odmah zna šta je naslov, a šta običan tekst.
Na mobilnom uređaju, obratite posebnu pažnju na to da li se tekst čita bez zumiranja. Otvorite sajt na telefonu i čitajte. Ako instinktivno širite ekran prstima da biste videli tekst, vaši posetioci rade isto, i mnogi od njih u tom trenutku odustaju.
Osim samog fonta i veličine, dva dodatna faktora određuju koliko je tekst na vašem sajtu lak za čitanje.
Dužina reda i pasusa
Predugi redovi teksta su zamorni za čitanje jer oko gubi poziciju kada prelazi na sledeći red. Optimalna dužina reda za web je između 50 i 75 karaktera. Ako vaš tekst ide od jedne ivice ekrana do druge na desktopu, redovi su gotovo sigurno predugi.
Razmak između redova i pasusa
Previše zbijeni redovi otežavaju čitanje jer se slova iz jednog reda vizuelno mešaju sa redovima iznad i ispod. Opšta preporuka je da razmak između redova bude 1,4 do 1,6 puta veći od veličine fonta. To znači da za font od 16 piksela razmak između redova treba da bude oko 23 do 26 piksela.
Oba ova faktora imaju poseban značaj na mobilnom uređaju, gde je ekran uži i posetilac čita u različitim uslovima osvtljenja. Za širu sliku o tome kako dizajn sajta u celini utiče na prodaju, od vizuelne hijerarhije do navigacije i brzine, pročitajte naš kompletan vodič o uticaju dizajna sajta na prodaju.
Evo četiri konkretna koraka za brzu proveru:
Da li čitate tekst udobno, bez zumiranja? Da li su naslovi jasno veći od teksta? Ako ne, veličine fontova treba korigovati.
Pogledajte naslov, tekst, navigaciju i dugmad. Koliko različitih fontova vidite? Ako je više od dva, razmislite o pojednostavljivanju.
Da li vam je čitanje prijatno ili se posle nekoliko redova osećate zamorno? Ako je zamorno, problem može biti u fontu, veličini, dužini redova ili razmaku između njih.
Ovo je pragmatičan test. Ako osoba koja nema savršen vid može bez problema da čita vaš sajt, čitljivost je na dobrom nivou za sve posetioce.
Tipografija je tihi radnik na vašem sajtu. Kada je dobra, niko je ne primećuje jer tekst se čita bez napora. Kada je loša, posetioci odlaze a da često ni sami ne znaju zašto. Držite se dva fonta, neka osnovna veličina teksta bude najmanje 16 piksela, i uvek testirajte čitljivost na mobilnom uređaju.
Ako želite da saznate da li tipografija i ostali elementi dizajna na vašem sajtu pomažu ili koče prodaju, popunite naš kratki upitnik. Treba vam manje od 2 minuta, a dobićete konkretne smernice za poboljšanje.