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

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

View Slide

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 .

View Slide

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 ,

View Slide

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

View Slide

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 .

View Slide

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

View Slide

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

View Slide

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

View Slide

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

View Slide

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

View Slide

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

View Slide

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

View Slide

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

View Slide

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

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

uxaustralia
PRO

More Decks by uxaustralia

Other Decks in Design

Featured

Transcript

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

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

uxaustralia PRO

More Decks by uxaustralia

Other Decks in Design

Featured

Transcript

uxaustralia
PRO