Josh Thompson - Design Systems with augmented teams: best practice for connection and alignment

This talk will identify the role Design Systems play in connecting and aligning teams and organisations. Referencing case studies for some of Australia’s largest retailers, it will suggest best practices for DesignOps, Agile, and Ways of Working for e-commerce projects.

Transcript

1. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . www captionslive com au | captionslive outlook com | UX A a ia UX A a ia 2021 Da 2 Wed e da , 25 A g 2021 Ca i ned b : T ac Ball
2. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 49 ill al make a be e e e ience f e e b d el e ing he d c . And ha b ing me he end f m e en a i n. S h ef ll ha eemed e , e ick b h ef ll e e b d g me hing f ha . STEVE BATY: Thank m ch. Tha a e cellen . The e i - he e eall i a l dig in e e ne f h e ic . B hank f gi ing ha en ee in i . And gi ing e le ha c n e . S hank . CHARLI PARKER: M lea e. STEVE BATY: Oka . S hile e i ch e e ha e J h Th m n j ining m men a il f m P bli Sa ien . J h ill be alking ab de ign em . And h e hem f c nnec i n and a gmen a i n hen e ha e - a e d igh n , em e eam and eam king i all . Welc me J h I can ee lide hea and ee . Y a e igh g . O e . JOSH THOMPSON: C l igh g . Hell , elc me and g d m ning fi f all. I j like kick me hing ff I ill a i h an ackn ledgmen f c n . I ackn ledge he adi i nal c dian f he land, he Wa ange i e le. I an a hank f ha ing me he e da and ec ndl h e can a ecia e hi Meme. I an ed c ea e ne f he e and eali ed me ne had d ne i al ead . Thank he in e ne . M name i J h Th m n I'm a de ign lead he e a ace P bli Sa ien in Melb ne, I'm he e ne a nd de ign em and he le he la in c nnec ing eam and aligning gani a i n .
3. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 50 S ha ill I ake h gh da ? Fi f all ha i a de ign em, and h d need ne? The benefi f ha ing a de ign em. The a i age in f m in e e a i n f de ign em. The blem ha I ha e c me ac and mi ake e ha e made al ng he a , he le n e' e lea n . And finall , he l ha ha e hel ed ge he e. S he ld a nd i a idl changing. I ' d i en b ne ech, e l ing c me e ec a i n and f c e he im ac f COVID-19. T e me c n e ince Ma ch 2020 e n e COVID-19 ha c n ib ed ignifican g h in gl bal e-c mme ce ale i h A alia' n line ale a ing b e 20%. Wha d e hi mean f ? Well, in e n e hi g h, digi al an f ma i n jec a e kicking ff in a e im e i e a e, c m anie e e a idl a gmen ing hei digi al eam i h c n ac and c n l ancie ge he j b d ne. Wi hin hi c n e a nch n di ib ed eam i he ne n mal. Thi alk ill d a f m m n e nal e e ience in he an a i n and m bili ind and he e ail ind i h me f A alia' leading and ed b and . J bef e I j m in m ch b ha a de ign em i and h e need i can fi ell me ha i ng i h hi image? S h ef ll can ee, b ha can babl ee and m ch m n e nal ann ance likel f m being a c cli m elf i h man a e clea l e a ac ed g een lane . In a ic la bike mb l . When I ha e h n he c cli c cling b ddie and ff bef e he la ghed and ha ed ha ame en imen h e e he ea n f h ing hi i beca e me hi i an e am le f he e a ha failed. S c m anie m ch like ci ie can ee a id g h in h e i d f ime. Take Melb ne f e am le. Thi can lead b ken ce e ,
4. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 51 mi alignmen , il ed a f king and a lack f c nnec i n. Y ban ci lanning aim ide he be c me e e ience f he blic and me hi i a a allel a a de ign em ld. Ea l in e men in f nda i nal k, g iding inci le and anda d can hel m e ainabili and d a be e f e f ci ie and c m anie and ide a im ac d n eam. Like I aid I'm e man f d kn ha i i b f h e f ha d n' h ha i a man de ign em and h d e need ne? Fi f all h d e need ne. A he eam g he la ge he cale, he bigge he blem. In n he c me e e ience ffe and he de el men ime inc ea e . S I'm e ha e all c me ac blem like hi bef e b hing ch a a e e ing he c ec ed, i ha he igh Hec c de c l . I ha a ima , ima CTA a e n. Whe e can I find ha c m nen g ideline and n. De ign em ac all hel ed b ing h e ca abili ie ge he ch a e e ience, and enginee , ha ' he lining eam and b ine a ea ac an gani a i n. Thi in n c ea e c n i en e e ience ac la f m . Thi all he eam k ickl and efficien l h gh ha ed c m nen lib a ie and de ign ken . S ha i he de ign em and ha ' in i ? De ign em c n i f a e f anda d made f a c m le i n f le , inci le and c n ain and be ac ice . Y ha e ken hich a e b ilding bl ck ch a c l e, ha e a mic de ign elemen ch a c m nen m d le an a m elemen he e can be a im le a a f m field b n. And hen ha e nde inning le and anda d . S de ign em ill ide e e hing f m b and and c n en g ideline de ign a e n , e able c m nen lib a , deli e he eamle
5. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 52 e e ience ac a digi al la f m, a eed and hile caling. Thi ma be in he f m f a eb i e, hich can be in e nall e e nall facing. He e e ha e me e am le di la ing me f he m e la and be in cla e am le ch a A la ian de ign em, and IBM. M e f en n ada e ee gani a i n f hi ide ha ha e al ead a ed c ea ed hei n c m ehen i e de ign em ha hel ed hem d i e hei d c and a i f a d a eed. Y a e babl g ing find and c n e e ingle de ign em b eali icall need k a d ha k f , c m an , and i e . A l gie f he ain. And I a ne f he m e ci ing hing ab a de ign em a ell i he c n an l e l ing in de mee b ine e and c me need ac all channel and all de ice . The enable g ea e i ibili and c mm nica i n ac gani a i n . And m im an l , m e a a f m hei il ed-ba ed king. I'm e e ha e all been he e. S ha a e he benefi ? Vi ibili . Single ce f h a men i ned bef e. Acce ible b all a ea ac he b ine . T m e aligned nde anding, a a ene f b anding, a ach, ling, and a f king. A de ign em i in ended f all e and e hel ed c m anie nde and hi i a bi f a mind- e hif eall . M ing f m ha f c ed c n me a dience a licable j de igne and de el e nl , e ing m l i le e he e d c men a i n all ele an e f he de ign em, incl ding c n en , da a, ali a ance, and e e imen a i n eciali . Fa e deli e and eed ma ke . C m nen lib a ie and ha ed d c men a i n, he abili e e imen , e , and m e ickl .
6. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 53 Enabled b he e i ing c m nen and ce e . A ca e d f m S if , ac all h ed ha ing hei ken inf a c e and hei de ign em e e ience enabled hem ed ce he ime aken aga e a gl bal c l change 45 la f m , f m nine m n h h ee min e . The de el men eam a ed nine m n h f k. Imagine ha c ld d i h all f ha ime back in hand ? S anda di a i n. Re able c m nen and ed c i n in de ign and ech. Thi m e c n i enc ac la f m and facili a e cen ali ed e f mance di ib i n. A echn l g a chi ec f m he US aid "de ign em d a e ime and m ne . J b elimina ing c de ed ndanc m e han 20% f he de el e ' ime can be egained" , f a eam i h 100 de el e i hi mean a nd $2 milli n e ea . USD. Imagine ha c ld d i h all ha m ne back in cke . P edic able afe and calable. E abli hed ce e , c e , ignifican l ed ce he eff and i k in nde aking la ge jec . S ch a eb anding, adding ne b b and a de ign em. Finall , fle ibili . S an a ach ha i la f m, f ame k and CMS agn ic and de ign em m del ha m e c n in im emen a men i ned bef e. And in eg a i n i h e i ing and f e l and echn l g . Wi h ha aid, I ill b ing back he ic f c cling and h a me a h I ha e ada ed in a a e hink he e a P bli Sa ien . And m e ecificall , i h de ign em . A a c m an and c n l anc , e a e engaged and b gh n b a d deli e e e ience, b ine , and echn l g f c change ac me f he ld' la ge b and hel c m anie add e a e ice need. S I gi e he nic cle age ne iden if ing he blem need. He e e e f m a di and anal i and a e men f he
7. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 54 c en a e iden if he blem need i h he c m an , he c m an migh n ha e a de ign em, i migh be in he ea l age f he migh need align m l i le a em a ne. Thi can lea e feeling f c n l, en iall il ed i h li le n ce le ig . S age he andem bike. F me hi i he he e he eal f nda i nal k a in h i n ne. We a c m an n he back f he bike, iding g idance and e e i e h gh hei an f ma i e j ne . P jec ac i i ie he e ld incl de f ming a de ign em ad eam, e abli hing anda d , a f king. O imi a i n, and e abli hing ce em nie . C me channel email , Slack Team and n. Re n n in e men ba eline. S hi can be a e f bjec i e ke e l and cce me ic ha ill - e ill be e en ial in ge ing b -in f m he n . Tha ' a ke in . Al in e nal de ign em la nche . The e a e he in d c i n f de ign e a i n de ign O . When king i h a gmen ed eam a ell hi i a a ic la l im an a f he ce . T en e ha e e ne i n b a d in ha ea l age f he jec . S age h ee, he andem bike n he f n f. S f me hi i he a f h i n 2 and ma i . The c m an ha been aken n a j ne , he a e ead j m n he f n f he bike and lead he a . We ac a la e c ach, iding ca abili , c aching and e igh . Ac i i ie incl de e ie ing he a f king and ce e ha ha e al ead c ea ed, adj ing eam i e, ll le and e n ibili ie . Benchma k e ie c led a e l and a blic de ign em la nch. A n e hi migh be a ma e f m n h ea de ending n i e f gani a i n ge he e. S age f , he bike. S a f h i n 3 and e an i n. O he ell je e . Thi i he e an gani a i n ill ake f ll ne hi f
8. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 55 hei de ign em, and an f ma i e j ne . He e e ide e igh and al e a ance. Finall , age fi e. The ic cle. Thi i h i n 3 c n in ed, e an i n in he n b and and banne f an gani a i n. I i an e am le an a gmen ed m l i-b and de ign em, hich all each a ea f he b ine feed in a cen al e i , f m an he e and e e all f i e a men i ned bef e. Thi nne c n in l e l e and ada e ime en e he c n i enc and alignmen be een eam and e . S me e am le e ha e c me ac , mi ake made and le n lea n e he ea . In he a I ked ac n me b ine a ea and d c f he ame c m anie ch a he main eb i e, he a and m e. And e e ience ac h e la f m a e n iceabl diffe en . Team e e defini el king in il and e didn' ha e a cen al e i f de ign and de el men . A an embedded eam e needed me hing align em ac a la f m i h m l i le end . We a ed an a di f f n and c l e ed ac he la f m. S a ing mall. We f nd ha e ha e 580 f n le and 58 ni e c l in he em. We e i l had been ing Ske ch G Ze lin and In i i n f a de ign hand ff and ing b he in d c i n f fig e managed ed ce h e 14 f n le a ian ac m bile and de k and a nd 11 c l . In ligh f hi he k e e e d ing, e e e gi en he g een ligh a ha a a -called de ign em. We g k. Like I aid e a ed mall, e f c ed n he ken , e he f nda i n f he e f he k. Le han a ea he e l a e ama ing l k a h e e e ha en' ld f i all. In fac fa f m. Unf na el b ine
9. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 56 bjec e e n aligned, akeh lde and n f he jec e e n c m le el n b a d and ac hi -called de ign em k. S i a n een a a i i f he c m an hich mean e e en' able ha e dedica ed ad eam end he ac al ime de el ing h e e ce e and a f king. Al ng i h de ailed d c men a i n, le and ig a nd he de ign , i ' e m ch ill in i infanc . Thi b gh i e hen ha ing a de ign em k i h he c n ac and end e en h gh e ld clea l label hi a k in g e e came ac e de igne a nd he b ine aking he de ign and nning i h hem bef e he had been e l ialled and e ed. I le i h li le c n l and i e di a in ed e c ldn' ha e he i ibili align e e ience and ge k e he line. H ge le n lea n , in e m f ge ing akeh lde and n b -in. C ea ing and ha ing de ailed d c men a i n, im lemen a i n, g ideline le and ig . Thi b ing me he l . Fi l I ld like a he e i a le h a m ch l he e hel ge he j b d ne. O e he ea , I g e , m e le in he c ea i e ind e e likel ha e been held h age he Ad be i e. We kn i , and babl l e ha e i b a he ame ime e babl ha e i . E en m e , he he e ee hi bad b n he c een and b eak d n c kn n he e i n a c me back and b migh kill . Then he clien . Y ill be lef j ble and n. J ke a ide, hi e i d able f elemen ed gi e me a e big b a a f e h faced de igne . I a defini el g ea . F a ime. S i ' ab alm fi e ea ag n ha I ialled Ad be e e ience de ign in a da a f ma and h l bef e af e ha i h Ske ch a ell. I i c a hink h ickl e ha e g ne f m de ign in Ph h , e b illian g am like Ske ch Figma and Ad bi e e ience de ign. T l ch a
10. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 57 Ze lin and Ab ac . F he ha de ign em managemen l like e b k, DSM and e h e, each i h ni e ffe ing de ign a de ign em f me . Fi e ea ed ha echn l g m e ickl and e h ld be c n an l e al a ing l e a e ing. Think back hen he de ign eam iginall ed Ske ched and ha f ea ag , in eg a ed i h M i i n and Ze lin he e a ill e e al ke i e . A he ime eam a li ac m l i le l ca i n e had n me c n ac in he eam, i made i ha d c llab a e. Ha d c n l e i n , file a e e ha d find and he e e e n c mmen fea e i hin he a k a ha ime. Thi mean le i ibili e de ign and a defini el c l beca e e e e ing all h ee g am ac he b ine . I hink e can all ela e back hen e had ackage f lde a e m l i le e i n f he ame file. B 3, B 3, he li g e n. And find a hi ne. We didn' e e an hi ha en again. Thi b ing me Figma. Figma i a nline cl d-ba ed c llab a i e de ign l and g am. I all de ign in eal ime. P e and hand ff de el e i h hi c de fea e. Making i a e c effec i e l i n f . Y can e i in b e a , making i acce ible alm an he e an ime, hich mean eam c ld acce he la e and m da e file . When I hink back he beginning COVID e eciall , and h ha an i i n king f m h me ha ened a a e a id and e ing aigh , I hink Figma ac all a ed . A cen al e i f all eam acce i h ead de ign , de ailed d c men a i n and a em e had e be calable i h me ime and ken a ailable all h gh he ha ed lib a ie . Pe fec f h e in he eam h al ked in diffe en ime ne ch a India. I hink Figma am ng he l ch a Ske ch ha e b cked he
11. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 58 end and in n a ed he a c llab a e icke i h m e im lici . The g in i i e and ick n b a ding ce e in a ne a f king. I i hing ha ill need im ing b i ' e e ci ing and e l ed ing i n ne hele . S a bi ab m j ne . I m elf ha e al a been e c ea i e and . An ne ha kn me he babl be able c nfi m I'm j a li le me ha c m e i i e. C m e ing l cal in e na i nal le el ei he b m elf i hin eam . I ' gi en me a e ni e e ec i e h m ing life ie in m k life and ca ee , ha i ake cceed and fail. The e ha been h ge high hich f c e ha e been e enj able and e mem able m men . Then al inj , he e back and b ken b ne and benching and ickne . Bl d ea and ea and n a e all eal. The ggle i e , e eal. Tha a a li le Faceb k alk f m elf n ha ne. Then, I hink me, de ign em a e m ch like ci lanning a men i ned ea lie , nning a ma a h n. The ake ime, he e a e a e n and ce e g h gh, and he e e a e c cial he l ng e m cce . I'm e e e ne he e ha j i ne ed an inc edible Ol m ic in T k . A ange ec acle hi ea , n c d , a hle e h ha e ained f ea ahead f an e en f en iall m men f gl e . All f hi amid ambig i and he e en ha COVID ha h n a e e ne. Take Da e B ail f d f e am le. He a he g ea B i i h c cling e f mance di ec , h a in d ced he eam af e end ing a cen f medi c e e l . S a eg efe ed he agg ega i n f ma ginal gain . I e " he h le inci le came f m he idea if b ke d n e e hing can hink f ha g e in iding a bike, im e i b 1% ill ge a ignifican inc ea e hen hem all
12. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 59 ge he ". S in eak a de ign em i a c n in ce . M ch like he ma ginal gain he and he g ea B i i h c cling eam. D ing ha 10 ea an, f m 2007 2017, he en n in 178 ld cham i n hi , 66 Ol m ic and Pa al m ic g ld medal and fi e T de F ance ic ie . H ama ing a he eed climbing a he Ol m ic . S me f hich k fi e ec nd each he and fini h a hea f he e en . O me ha ' e en m e im e i e i a i ic imming. The ain i da a eek, f eigh h a da ide d n. P e ama ing. A a malle c m an , i h le digi al agile ma i can ma be ge a a i h n ha ing a de ign em. If hink back hen e e ng and e e la ing , can babl ge a a i h a l le e ching aining. I g e e ha e all been he e. B a g and ge ld d lla i m e need f e a a i n, ce and inj e en i n. A c m an g and cale i i defini el im e a i e ake he e d i e l . S i h he clien e ha e ked i h, he ha e all b ing ing h gh hei n digi al b ine an f ma i n fl c a ing le el f agile ma i . Pa f he challenge i en e each b ine a ea i n b a d i h he idea and nde anding f ha i ake align a b ine h gh a de ign em. If la he f nda i n , k in a mic c e and c ea e he ce e , ill enable he b ine cale a eed. And cceed. S a mall e en de el a f f c nce . A e ad i n and alignmen i h he ake h lde and n . Define inci le , e h e g al . Define ken and g ideline , and a cale f m he e. G d l ck. I an a a h ge hank nce again. I ' been a
13. N e ha hi i a edi ed a c i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 60 e enj able bjec f me and I h e can ake me hing ni e a a f m i . The e i a QR c de f m he link ee he e if an cha f he ab de ign em m backg nd. Thank e m ch and enj an inc edible eek. STEVE BATY: Thank . I a i ed ee he i- ickle a an end in . I a e ec ing a ack bike me hing. S me f ae TT bike. JOSH THOMPSON: I hink i i he afe m de i h he e a able - STEVE BATY: Ye . I did - I did ee ha . I a ead f he - kn he flai e b I ge i . Thank . Tha a a e me. JOSH THOMPSON: N ie . Thank . STEVE BATY: The ne e en a i n i f m E in and Michelle. Thei ic i a ing li e and making a diffe ence hich i a nice a f a da . Aa n and Michelle ill be j ining m men a il . MICHELLE PICKRELL: Thank STEVE BATY: I can hea b h e . AARON CHEANG: Thank . We an ha e h e e e ience i making a diffe ence be een Ne S h Wale heal h and e eciall in he mid f a nce in a 100 ea h ef ll gl bal andemic. The e ha been l f alk da and e e da ab d ing me hing meaningf l i h e e e ience. S e h e ha hi alk fi in ell. The aim f