De ce implementarea influențează conversia mai mult decât designul vizual

Într-un fișier de design, imaginile apar instantaneu, fonturile sunt deja acolo, iar tranzițiile rulează perfect fiindcă nimic nu se încarcă de nicăieri. În browser, fiecare element are o greutate. Fotografia de hero pe care ai aprobat-o pentru că se vede grozav are 3 MB și se descarcă pe o conexiune mobilă mediocră. Cele patru variante de font aleg să se afișeze cu o întârziere care face textul să sară. Animația fină la scroll cere procesorului unui telefon de acum patru ani mai mult decât poate să dea, iar rezultatul e o pagină care se mișcă sacadat. Nimic din toate astea nu apare în machetă, și fiecare dintre ele scade numărul de oameni care ajung la butonul tău.

Un site care primește 3.000 de vizitatori pe lună și convertește 2% produce 60 de cereri. Dacă pagina se încarcă în patru secunde în loc de două, pierderea nu e teoretică: fiecare secundă în plus taie în jur de 7% din conversie, deci cele două secunde în plus te lasă cu aproximativ 52 de cereri. Opt cereri pe lună, la o rată de închidere de 30% și un contract mediu de 3.000 de euro, înseamnă în jur de 7.200 de euro pe lună pierduți într-un fișier de imagine pe care nimeni nu l-a comprimat. Optimizarea aceleiași imagini durează zece minute. Diferența dintre cele două situații nu ține de design, fiindcă designul e identic în ambele.

Aproape unul din șase oameni de pe planetă trăiește cu o dizabilitate semnificativă, iar cifra include vederea slabă a cuiva de 55 de ani care are card de firmă și buget de decizie. Când contrastul textului e la limită pentru că gri pe alb arăta elegant în machetă, o parte din oamenii ăia renunță să citească. Când formularul nu are etichete corecte, cititorul de ecran spune "câmp de editare" de cinci ori la rând și omul pleacă. Regulile de accesibilitate sunt scrise ca o obligație legală și funcționează ca o listă de motive pentru care oameni cu bani în buzunar nu ajung să îți scrie.

Un designer care nu implementează livrează intenția și rămâne fără feedback despre ce se întâmplă cu ea. El nu vede că fontul ales adaugă 300 de milisecunde, fiindcă în fișierul lui fontul e instalat local. Un programator care primește macheta fără context rezolvă problemele pe care le vede, iar la nevoie taie exact elementele care contau. Amândoi lucrează bine, în limitele informației pe care o au, și tocmai limitele astea produc site-ul mediocru de la final. Când aceeași persoană decide și construiește, fotografia se alege știind cât cântărește, animația se proiectează știind ce procesor o rulează, iar stările se definesc înainte să fie inventate în grabă.

Cere să vezi site-ul pe telefonul tău, pe date mobile, nu pe wi-fi-ul din birou. Cere un raport de viteză pe pagina principală și pe pagina de servicii. Deschide formularul și încearcă să îl completezi folosind doar tastatura. Testele astea durează un sfert de oră și îți spun mai multe despre conversia viitoare decât o săptămână de discuții despre nuanța de albastru. Dacă vrei să vezi cum arată un site gândit din prima zi pentru condițiile reale în care e folosit, o discuție scurtă e suficientă ca să îți arăt unde stau pierderile pe site-ul tău actual.