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.
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.
