Contrast și mărime text: de ce clienții peste 45 de ani nu pot citi site-ul tău
Primești plângeri că „nu se vede" sau „nu se citește"? Nu clienții au o problemă de vedere — site-ul are una de lizibilitate. Iată cum o repari.
Primești mesaje de genul „nu găsesc numărul de telefon" sau „nu se citește pe telefonul meu"? Nu clienții tăi au o problemă de vedere — site-ul are o problemă de lizibilitate. Iar cei care se plâng cel mai des au trecut de 45 de ani, adică exact clientela care umple agenda unui cabinet stomatologic sau a unui birou notarial.
Vestea bună: nu e vorba de gust, ci de câteva reguli concrete pe care le poți verifica singur și repara. Un text gri-deschis pe fundal alb, litere mici ca să „încapă" tot, un buton pe care degetul nu-l nimerește — toate alungă exact omul care era gata să te sune. Hai să vedem de ce se întâmplă și ce faci, pas cu pas.
Ce se schimbă la ochi după 40 de ani (și de ce nu e vina lor)
În jurul vârstei de 40–45 de ani, cristalinul din ochi devine mai rigid și lasă să treacă mai puțină lumină. Efectul are un nume medical, prezbiopie, și îl are aproape toată lumea, chiar și oameni care nu au purtat niciodată ochelari. Se întâmplă două lucruri: ochiul focalizează mai greu de aproape și, mai important pentru un site, scade sensibilitatea la contrast — adică diferența dintre text și fundal trebuie să fie mai mare ca să fie citită confortabil.
În practică, un text pe care tu, la 30 de ani, îl citești fără efort, pentru clientul tău de 55 de ani e o ceață gri. Nu are nevoie de ochelari mai buni. Are nevoie de un site construit pentru cum funcționează un ochi matur — și asta e ceva ce controlezi tu, nu el.
Contrastul: regula pe care o verifici în 30 de secunde
Există un standard tehnic clar, folosit în toată lumea, numit WCAG. El cere un raport de contrast de cel puțin 4,5:1 pentru textul normal și 3:1 pentru textul mare. Nu trebuie să reții cifrele — trebuie să știi că se pot măsura, gratuit, cu orice „contrast checker" din browser.
Marele vinovat e textul gri-deschis pe alb, genul de #999 sau #aaa care „arată elegant" în portofoliul unui designer. Pe ecranul tău, la umbră, pare fin. Pentru un ochi de 55 de ani, în mașină, la soare, e aproape invizibil. La fel de periculoase sunt:
- fonturile foarte subțiri (thin / light)
- textul alb peste o fotografie deschisă
- griul deschis pentru date importante ca programul sau telefonul
Regula simplă: informația de care depinde o programare — telefon, adresă, buton — trebuie să fie cel mai închis, nu cel mai discret element din pagină.
Mărimea și spațiul contează la fel de mult ca litera
Contrastul bun cu litere mici tot nu se citește. Pentru textul de bază (paragrafe, date de contact), standardul rezonabil azi e în jur de 16px, iar pe titluri mai mult. Sub atât, clientul matur trebuie să apropie telefonul de ochi sau să dea zoom — și mulți pur și simplu renunță.
Dar nu e doar mărimea. Contează și:
- spațiul dintre rânduri (un line-height în jur de 1,5 face textul mult mai ușor de urmărit)
- rândurile care nu se întind pe toată lățimea ecranului pe desktop
- butoanele destul de mari cât să le nimerești cu degetul — ghidul clasic e în jur de 44px înălțime
Un text „înghesuit" ca să pară premium obosește ochiul. Aerul dintre elemente nu e spațiu pierdut, e ceea ce face pagina citibilă.
Testul de 2 minute pe care îl poți face chiar acum
Nu-ți trebuie un specialist ca să prinzi majoritatea problemelor. Fă asta pe propriul telefon:
- Deschide site-ul afară, la lumina zilei, nu în birou cu ecranul pe maxim.
- Ține telefonul la distanța normală de citit, fără să-l apropii de ochi și fără să dai zoom.
- Coboară luminozitatea ecranului pe la jumătate — așa vede mulți clienți în realitate.
- Cere unui părinte sau unui client de peste 55 de ani să găsească, în zece secunde, numărul tău de telefon.
Dacă ezită, dacă mijesc ochii, dacă apropie telefonul — ai răspunsul. Nu e nevoie de teorie: ochiul lor îți spune direct ce nu merge. Notează exact unde s-au blocat; acolo pierzi programări.
Capcanele de design care par frumoase, dar taie citirea
Multe site-uri arată modern și tocmai de aceea nu se citesc. Câteva capcane frecvente, mai ales la cabinete și birouri care vor un aer „elegant":
- Text peste fotografii sau video, fără un strat închis dedesubt — se citește doar pe jumătate din poză.
- Culori de brand deschise (auriu, bej, gri-perlat) folosite direct pe text, nu doar pe accente.
- Meniuri ascunse și pictograme fără cuvinte — clientul matur caută cuvântul „Contact", nu un simbol.
- Animații care mișcă textul în timp ce omul încearcă să-l citească.
Asta nu înseamnă că trebuie să renunți la un site frumos. Înseamnă că frumosul și cititul nu sunt în conflict — un design bun le rezolvă pe amândouă. Culoarea ta de brand poate trăi în butoane, linii și fundaluri, în timp ce textul rămâne închis și clar.
Cum abordăm noi lizibilitatea la MPO
La MPO Web Studio pornim de la clientul real al afacerii tale, nu de la un șablon frumos în vitrină. Pentru un cabinet sau un birou cu clientelă matură, asta înseamnă contrast verificat, text suficient de mare implicit și informația de contact vizibilă din prima, nu ascunsă sub un meniu.
lucrăm remote în toată țara și îți construim întâi un demo gratuit — un site pe care îl vezi și îl testezi pe telefonul tău înainte să plătești ceva. Poți face chiar tu testul de mai sus pe el, cu un client de 60 de ani lângă tine. Prețurile sunt transparente, fără surprize.
Dacă primești deja plângeri că „nu se vede", scrie-ne pe WhatsApp cu adresa site-ului actual — îți spunem sincer ce se poate repara rapid și ce merită refăcut.
Întrebări frecvente
Ce mărime de text e „corectă" pentru un site?+
Nu există un singur număr magic, dar pentru textul de bază pe telefon un punct de plecare rezonabil e în jur de 16px, cu titluri mai mari. Mai important decât cifra e testul real: dacă un client de peste 55 de ani citește fără să apropie telefonul, ești bine. Dacă mijește ochii, e prea mic — indiferent ce zice teoria.
E suficient să măresc doar fontul?+
De obicei nu. Un font mare, dar gri-deschis pe alb, tot nu se citește. Lizibilitatea vine din trei lucruri împreună: mărime, contrast și spațiu între rânduri. Dacă repari doar unul, rezolvi doar o treime din problemă. Merită verificate toate trei pe paginile importante.
Culorile mele de brand sunt deschise. Trebuie să le schimb?+
Nu neapărat. Culoarea de brand poate rămâne, dar mutată pe butoane, linii, iconițe și fundaluri — nu pe textul pe care oamenii trebuie să-l citească. Textul important rămâne închis și clar, iar brandul trăiește în jurul lui. Așa păstrezi identitatea fără să sacrifici cititul.
Cât durează să reparați asta pe un site existent?+
Depinde de cum e construit site-ul. Ajustările de contrast, mărime și spațiu sunt de obicei printre cele mai rapide intervenții și se pot face fără a reface tot. Dacă ne trimiți adresa pe WhatsApp, ne uităm și îți spunem sincer dacă e o corectură de câteva ore sau ceva mai amplu.
Un buton de „mărește textul" pe site rezolvă problema?+
Ajută pe cineva care știe să-l caute, dar majoritatea clienților nu-l vor observa și nu-l vor apăsa. E mult mai bine ca site-ul să fie citibil implicit, din prima, decât să ceri clientului matur un pas în plus. Butonul e un plus, nu o scuză pentru un text prea mic de la început.
7 greșeli care îți alungă clienții de pe site
Lasă-ți emailul și primești ghidul pe loc, aici. Fără spam.
Vrei să vezi cum ar arăta site-ul firmei tale?
Scrie-ne pe WhatsApp și îți pregătim GRATUIT un site demonstrativ, cu numele firmei tale. Îl vezi întâi — decizi după.