Kontekstas

Prekybininkas valdė devynias šalių svetaines, kurios per ilgus vietinių papildymų metus vizualiai ir funkcionaliai nutolo viena nuo kitos. Kiekviena rinkos komanda darė savo dizaino sprendimus, ir su kiekvienu leidimu atsirasdavo naujų nenuoseklumų. Galiausiai visa kliento patirtis priklausė nuo to, kurioje šalyje jis atsidūrė. Nors visoje ES prieinamumas yra reguliacinė rizika, čia jis buvo laikomas tik backlog’o punktu, o ne baziniu reikalavimu.

Ką vedėme

• Sukūrėme vieningą dizaino sistemą ir komponentų biblioteką — vieną UI kit’ą, iš kurio semiasi visos devynios šalių svetainės ir mobilioji programėlė; aiškiai apibrėžėme, ką vietinės rinkos gali keisti, o ko — ne.
• Prieinamumą projektavome nuo pamatų: į kiekvieną komponentą iškart įdėjome WCAG spalvų kontrastą, fokuso būsenas, semantinę struktūrą ir navigaciją klaviatūra — o ne prikabinome vėliau kaip pataisą.
• Atlikome struktūruotą naudojamumo ir prieinamumo auditą visame esamame tinkle ir pirmiausia ėmėmės tų pataisų, kurios padėtų didžiausiai daliai naudotojų.
• Nutiesėme dizaino ir inžinerijos tiltą: komponentus pateikėme su diegimo specifikacijomis, kad programuotojams netektų Figma’os versti į spėliones.

Rezultatas (15 savaičių stebėjimo laikotarpis po paleidimo)

• Dizaino sistema jau veikia keliose šalių svetainėse ir regioninėje programėlėje — leidimų ciklai sutrumpėjo, regresijos klaidų gerokai sumažėjo.
• Visur, kur įdiegta, prieinamumas išmatuojamai pagerėjo — tai rodo Wave ir Axe auditai.
• Komponentai tapo nuoseklūs, todėl kiekvieną paskesnį A/B testą lengviau ir atlikti, ir perskaityti.

Kodėl tai svarbu steigėjams

Dizaino sistema in-house dizaino komandai — ne prabanga. Tai vienintelis realus būdas greitai startuoti daugiau nei vienoje rinkoje, neprarandant kokybės. Sparčiausiai CEE regione juda tie prekybininkai, kurie į tai investavo dvejais metais anksčiau, nei suprato, kad jiems to prireiks.