Ljudi dio dizajnerskih sustava

Eksperimenti i učenja iz upravljanja dizajnerskim sustavima u Etsyju.

Prije nešto više od devet mjeseci, Etsy sam prepustio zajedničkom pronalaženju Srodnih djela. Tijekom posljednje godine i pol tamo sam upravljao Etsy-jevim posvećenim dizajnerskim timom. Ispod su moja razmišljanja o tome što je značilo uspješnost tima i rada.

Kako tehnološke tvrtke rastu, stvaranje njihovog dizajnerskog sustava može postati moćan i potreban alat. Dizajnerski sustavi koji se obično sastoje od definiranog skupa komponenata i smjernica za višekratnu uporabu olakšavaju svima dosljedno dosljedno stvaranje i kohezivno korisničko iskustvo. U njihovom najboljem položaju imaju moć uskladiti sve one koji imaju zajedničku viziju glasnog i vizualnog stila vaše marke i kako se ponaša. Ako ste novi u svijetu sustava dizajna, preporučujem vam da pročitate Priručnik za dizajn sustava InVision-a.

Tijekom godina, Etsyjev dizajnerski sustav prošao je kroz mnoge inkarnacije. Način na koji smo se organizirali za posao također se promijenio i 2016. smo stvorili svoj prvi posvećeni tim Design Systems. Do tada, konstruirala ga je i održavala grupa dizajnera i inženjera koji su to radili uz redovan rad na proizvodima. Poboljšanja se vrše, ali polako. Kako se potražnja povećavala, postajalo je jasno da nam je potreban stalno zaposleni tim kako bismo održali korak.

Imali smo veliku viziju da smo omogućili tim dizajnera, inženjera i rukovoditelja proizvoda da se usredotoče na kontinuirano održavanje, poboljšanje i usvajanje našeg sustava, ostatak proizvoda može se vratiti koncentriranju na izgradnji korisničkih iskustava. Svatko je još mogao doprinijeti radu, ali dizanje teških vozila sada je odgovornost tima Design Systems.

Stvarnost se pokazala složenijom od toga.

Iako smo sada imali posvećen tim, još uvijek smo bili relativno mali s površinom tona površine; Etsy je imao iskustva s kupcima koja su obuhvaćala web, iOS, Android, e-poštu i off-Etsy i izvan mreže, što je bilo potrebno da se zadovolje potrebe i kupaca i prodavača koji su imali vrlo različite potrebe. Također smo radili na stvaranju novog tržišta s vlastitim brendom i potrebama kupaca. Bili smo tanki i nismo uspjeli podržati sve zahtjeve za novim ili modificiranim komponentama. Timovi proizvoda sami bi popunjavali nedostatke stvaranjem potrebnih dodataka ili modifikacija, ali često bez potrebne pažnje kako bi bili sigurni da će raditi na svim našim slučajevima upotrebe i na odgovarajućim platformama. Tim Design Systems upao je u obrazac odigravanja susreta. Kretali smo se cestom gdje smo bili usko grlo i korist od toga što su naši sustavi izvor istine polako se pogoršavala.

Poticanje kolektivnog vlasništva

Shvatili smo da na kraju, za postizanje dugoročnog uspjeha naših sustava, treba to shvatiti kao odgovornost svih. Postalo je jasno da naša uloga tima nije samo radila teško podizanje tekućeg održavanja i poboljšanja. Bili smo tim zagovornika sustava i pomagača, pomažući svima da doprinesu našem razvijajućem sustavu s obzirom na veliku sliku.

Saznali smo da je važno stvoriti prostor, vrijeme i različite načine na koje ljudi mogu biti uključeni. Morali smo definirati jasne ciljeve kako pridonijeti i koji je uspješan doprinos. I na kraju, morale su postojati mogućnosti za unakrsnu izloženost zahtjevima i ograničenjima pojedinih proizvodnih timova i tima Design Systems.

Tijekom te prve godine eksperimentirali smo i isprobali mnogo različitih stvari. Neki su se pokretali, ali većina se razvijala iz postojećih programa. Završili smo s ekosustavom mogućnosti, procesa i mehanizama koji su bili vrijedni na različite načine.

Dizajn rotacije bugova

Etsy je tijekom godina skupio pristojan iznos dizajnerskog duga. Dok ste se kretali Etsyjem, mogli biste naići na mnoštvo sličnih, ali pomalo različitih komponenti, interakcija ili ponašanja. Stvorio je fragmentirano i zbunjujuće iskustvo kupca, narušavajući povjerenje kupaca.

Inspirirani inženjerskom organizacijom, tim dizajnera stvorio je rotaciju Design Bug-a kako bi pomogao otplatiti naš dizajnerski dug. Svaka dva tjedna ili tako, grupa dizajnera sastajala bi se na nekoliko sati kako bi popravila ono što nazivamo „programskim pogreškama“. To su stvari koje ne ometaju funkcionalnost i ne bi bile podnete kao tehnička greška, ali bila su mjesta na kojima smo koristili staru komponentu, postojeću pogrešno ili jednokratnu izmjenu. Budući da se itko u kompaniji susreo s jednom od tih pogrešaka, poslao je kartu pod zajedničku ploču Jira. Tijekom rotacije, dizajneri će proći kroz popis i odrezati ih.

Evolucija Etsyjevog vizualnog jezika tijekom godina.

Tijekom godina rotacija je dobivala više strukture, a svaka rotacija bila je usredotočena na određenu temu, komponentu ili područje proizvoda zahvaljujući napornom radu tvrtke Cambria Kline. Rotacije smo iskoristili kao poticaj snage za tim Design Systems, pomažući nam da prođemo kroz bilo koji posao koji je uključivao čišćenje određenog duga u vezi s dizajnom.

Osim što su ubrzali naš rad, rotacije su često oslobađale sistemski tim da inovira i razmišlja na višoj razini. Na primjer, radili smo na velikom pokušaju da posvuda ažuriramo upotrebu boja kako bismo bili što više usklađeni s markom. Tijekom jedne od takvih rotacija, Katie Sylor-Miller, inženjerica iz sustava Systems, shvatila je da nam je potreban učinkovitiji i otporniji na budućnost način da se ove globalne promjene dožive. Kao rezultat toga, uspjela se zalagati za stvaranje dizajnerskih tokena. Da smo odlučili da u budućnosti trebamo ponovo ažurirati boje, samo bismo ih ažurirali na jednom mjestu i vidjeli da se promjene odražavaju svugdje.

I na kraju, ove rotacije su stvorile lak način doprinosa bez značajnog vremena. Bilo je puno dizajnera i inženjera koji su željeli pomoći ali nisu imali nešto posebno u vidu. Rotacija buke dizajna pružila im je priliku da rade upravo to. Oni su također iz prve ruke trebali iskusiti troškove ne investiranja u korištenje našeg dizajnerskog sustava.

Novi najam Boot Camp

Kako je dizajnerski tim rastao, postalo je neprocjenjivo uključivanje novih dizajnera kako bi im pomoglo da udari po tlu. Tijekom godina proces je postao snažniji, s velikim brojem resursa i sesijama jedan na jedan koji im pokazuje kako koristiti naš web alat i potaknuti promjene u proizvodnji. Jedan od tih dodataka je to što je svaki novi angažirani tim za dizanje vozila u trajanju od 2 do 3 tjedna, prije nego što se pridružio njihovom timu proizvoda s punim radnim vremenom.

Jednom kada smo stvorili tim za dizajn sustave, pokušali bismo imati što više novih zaposlenika koji bi zajedno s nama obavljali svoj školski kamp. Pružit ćemo im izvediv projekt koji bi mogli završiti u roku od dva tjedna, a koji je pružio priliku da steknu malo iskustva pomoću naših alata, dokumentacije i drugih resursa.

Ovi kampovi za podizanje sustava učinili su sustav razmišljanja temeljnim dijelom njihovog ulaska u Etsy. Radeći rano na našem sustavu, uložili su u njegov uspjeh. Svaka nova najam koja je svoj dizajn pokrenula s Design Systems postala je snažni zagovornik rada i njegovog usvajanja.

Zauzvrat, to je također stvorilo priliku za svježu perspektivu i nove ideje. Stvari na koje smo navikli bili su dovedeni u pitanje, što je stvorilo promišljenije rasprave i dugoročna rješenja.

Sustavi dizajna Godišnje rotacije

Svake godine u Etsyju bilo koji dizajner, dizajner proizvoda ili inženjer marke mogao je provesti dva uzastopna tjedna ugrađen u tim Design Systems. Išli bi na sve redovito zakazane sastanke i kritike dizajna i radili na projektu za koji su bili odgovorni za dovršavanje u tom vremenu. Označili bismo nekoga u timu kao svog prijatelja koji je bio tu da pomogne u odgovoru na bilo koja pitanja ili da odbije ideje ako treba. Rotatori bi mogli pomoći u tekućim projektima, ali često su imali određene vlastite planove koje su željeli slijediti.

Ove rotacije su dale ljudima koji, inače, nemaju vremena da rade na sustavima, priliku da se usredotoče i smisleno. Dalo je onima koji su voljeli sustave, ali su se ipak radije fokusirali na rad na proizvodu s punim radnim vremenom, pomalo na oba svijeta.

Jedan od najupečatljivijih rezultata bio je kada su dizajneri marki napravili rotaciju. Naš tim marki radio je na marketinškim kampanjama za Etsy i izvan njih, fizičkim predmetima i posebnim događajima za naše prodavače i kupce širom svijeta. Koristili su različite procese i alate nego tim za dizajn proizvoda. Mnogi su izrazili želju da nauče više o procesu razvoja proizvoda i kako koristiti naš web alat, ali bilo ih je teško ugurati u njihov zauzet raspored. Kao dio rotacije s dizajnerskim sustavima, vodili bismo ih kroz novi proces ukrcavanja u brodove i naučili kako samostalno koristiti naš web alat i pokretati promjene. Zatim bismo ih uparili s nekim iz tima kako bismo zajedno pronašli postojeći projekt na kojem su radili i koji je element koji bi mogli sami kodirati ili nešto što bi moglo postati oblikovanje ili komponenta za višekratnu uporabu sa smjernicama.

Rotacije s našim brand partnerima pružile su uvid u to kako da naši sustavi postanu snažniji izraz branda, istovremeno čineći njihov rad više sustavnim usmjerenim u njegovo izvršavanje i rad. Na primjer, jedna rotacija usredotočena je na stvaranje skupa herojskih komponenti za višekratnu uporabu i responzivnih komponenti koje smo koristili u marketinškim kampanjama, mikro-stranicama događaja ili kritičnim stranicama poput naše početne stranice. Osim dodavanja korisne komponente UI u naš sustav, tim dizajnera branda sada je imao alat koji im je pomogao da planiraju i odmah testiraju hoće li imovina koju su stvorili za herojski prostor djelovati. Prilikom fotografskog snimanja mogli su umetnuti sliku u komponentu junaka, potvrditi da ona izgleda dobro za sve točke prijeloma i ako je potrebno, ponovite ih na licu mjesta.

Susi Vetter testira mogućnosti slike za heroja odredišne ​​stranice Etsy Rezolucije dok se nalazite u fotoshopu.

Vijeće za dizajnerske sustave

Timovi su radili brzim tempom, a kada naše trenutne komponente ili moduli nisu odgovarali određenim potrebama, sustav sustava nije bio u mogućnosti da uvijek bude tu da nam pomogne i pruži povratne informacije. Da bismo riješili ove probleme, postavili smo ono što smo zvali Vijeće za dizajnerske sustave. To je bio pomak u našem timskom modelu na više federalni model, s odabranom skupinom predstavnika koji su bili stručnjaci za područje proizvoda, teme ili platforme.

Njihove odgovornosti bile su formalizirano uvećavanje tima za dizajn sustave, koji bi se sastajali svaka dva tjedna kako bi ažurirali sve što se događa u njihovom proizvodnom području što bi moglo utjecati na sve te procijeniti, savjetovati i donositi odluke o predloženim izmjenama sustav. Oni su također bili odgovorni za dijeljenje tih odluka i ažuriranja sa svojim timovima. Zastupnici bi se rotirali otprilike svakih šest mjeseci kako bi više pojedinaca imalo priliku sudjelovati.

Sastav Vijeća odražavao je površinu koju su podržavali naši sustavi.

Povećala je vidljivost i raspravu u samim proizvodima org o radu i odlukama koje su donesene u vezi s našim dizajnerskim sustavom, te koje su se potrebe i problemi javljali i koje je potrebno riješiti. Skratio je petlje povratnih veza između potreba timova proizvoda i tima dizajnerskog sustava što olakšava raspravu što je prije moguće kada ih naši sustavi nisu posluživali.

Vijeće je proširilo odgovornost, vlasništvo i odlučivanje na skup pojedinaca koji su se jedinstveno pozicionirali kao stručnjaci u cijeloj tvrtki. Sudjelujući u razgovorima o utjecajima koje bi te promjene mogle imati na cijeli naš sustav, to je potaknulo sve na sustavno razmišljanje.

Pojačani efekti

Pored povećanja ulaganja i sudjelovanja u našim sustavima u cijeloj kompaniji, postojali su dodatni ishodi koji su pozitivno utjecali na naš rad i Etsy u cjelini:

  1. To nam je pojasnilo ciljeve. Da bi ovi programi bili korisni, morali smo poboljšati naš proces doprinosa, kako smo ocjenjivali i mjerili uspjeh za te doprinose i kako smo prioritetno postavili da rad ima najveći utjecaj. Svaka osoba koja je sudjelovala u ovim programima donijela je priliku za ispitivanje i otkrivanje područja u kojima nismo samo mogli poboljšati komponente i dokumentaciju, već i olakšati proces korištenja i doprinosa našem sustavu.
  2. Stvoreni su pažljiviji i promišljeni dodaci našim sustavima. Osiguralo je izlaganje izazovima i potrebama pojedinačnih timova proizvoda s održavanjem i smanjivanjem globalnog sustava, stvarajući tako otporniji.
  3. Povećana komunikacija i povjerenje među timovima. Ljudi su trebali surađivati ​​s drugima do kojih inače ne bi došli kao dio redovnog rada. Odnosi stvoreni tijekom ovih različitih programa stvorili su otvorenije kanale komunikacije. Ljudi su bili skloniji kontaktirati Design Systems ako su se pitali i povećala brzina razmjene informacija.

Djelo se nikada ne vrši

Kroz naše eksperimente naučili smo da su sustavi dizajna više od komponenti i smjernica. Oni su živi organizmi sačinjeni od odnosa i mehanizama koje koristite za poticanje kolektivnog vlasništva. Uspjeh dizajnerskih sustava jednako je stvaranju ljudi kao i stvaranja tehničkog ili operativnog sustava. Morate olakšati svima da se osjećaju odgovornim za sustav sa strukturama koje tvore trajne kanale obrazovanja i komunikacije između timova. Uostalom, oni samo rade, prilagođavaju se i ostaju otporni zbog uključenih ljudi.

Hvala puno Ara Kimu, Giovanni Fernandez-Kincade, Seth Daggett, Marcu Suarezu i Katie Sylor-Miller što su odvojili vrijeme za čitanje ovog posta i dali promišljene povratne informacije.