Skip to content

Writing/Design systems

Douăsprezece panouri, un singur titlu

Nimeni nu raportează un bug care spune că al patrulea panou folosește alt font. E genul de derivă pe care o găsești doar punându-le pe toate una lângă alta.

ISIonuț Sandu14 iul 2026 · 5 min de cititDesign systemsReact NativeMeșteșug

Nimeni n-a raportat vreodată un bug care spune că al patrulea panou de jos folosește alt font decât celelalte unsprezece. Nu e genul de lucru pe care oamenii îl raportează. E genul de lucru care face o aplicație să pară ușor ieftină din motive pe care utilizatorul nu le-ar putea numi dacă l-ai întreba.

Pe al meu l-am găsit mutând un singur lucru. Butonul de închidere al panourilor a trecut din dreapta sus în stânga sus, iar ca să verific că nu s-a stricat nimic le-am deschis pe toate douăsprezece la rând, pentru prima dată. Trei feluri de derivă au ieșit imediat.

Deriva unu: fontul

Opt panouri își scriau titlul cu fontul de afișare la 22. Patru îl scriau cu fontul de interfață la 20. Sistemul de design rezervă fontul de afișare pentru titluri, ceea ce înseamnă că cele patru erau greșite, nu cele opt, dar asta e evident abia când sunt una lângă alta. Fiecare dintre cele patru arăta perfect în regulă pe cont propriu.

Deriva doi: o rezervare pe care n-o anulase nimeni

Titlul unui panou avea 44 de puncte de padding în dreapta. Numărul ăla era corect când butonul de închidere stătea în dreapta și titlul trebuia să-l ocolească. Butonul se mutase de atunci în stânga, iar conținutul începe acum sub el, nu lângă el, așa că padding-ul ținea un gol deschis pe partea pe care nu era nimic.

“Constantele de layout supraviețuiesc layout-urilor care le justificau și nu anunță niciodată că au făcut-o.”

Deriva trei: aceeași corectură aplicată de două ori

Două panouri își puneau propriul padding jos, sub un buton care avea deja padding de la containerul lui, așa că butonul stătea mai sus pe acele două decât peste tot altundeva. Amândouă fuseseră reparate cândva de cineva care a adăugat spațiu, în loc să afle de unde venea deja spațiul.

De ce merită o după-amiază

Nimic din toate astea nu era un bug. Aplicația funcționa. Dar consecvența e cel mai ieftin semnal de grijă pe care îl are un produs și e cel pe care utilizatorii îl citesc cel mai repede, cu mult înainte să citească o listă de funcționalități. O interfață în care douăsprezece lucruri asemănătoare se poartă identic pare gândită. Una în care unsprezece o fac pare că nu se uita nimeni.

Metoda e singura parte care se generalizează: alege o categorie de lucruri, deschide fiecare instanță a ei într-o singură ședință și notează ce diferă. E plictisitor și nu e un code review, pentru că un code review vede un fișier pe rând, iar asta există doar între fișiere.

Ionuț Sandu — 14 iul 2026Copiază linkul

URMĂTORUL · 02 IUL 2026 · 6 MIN DE CITIT

Redesignul și camera în care chiar se folosește aplicația

Prima versiune a TeamTipOut arăta ca orice altă aplicație făcută repede. Funcționa, era ușor de uitat și era mai greu de citit decât trebuia, la miezul nopții, într-o sală gălăgioasă.

Preiau proiecte noi

Spune-mi ce construiești.Un plan scris și un preț fix înainte să se miște vreun ban.

Răspund la tot într-o zi lucrătoare. Dacă nu sunt omul potrivit pentru proiect, ți-o spun din start, nu după trei săptămâni.