TJ Harrop - DesignOps 2.0: Powerful UX at scale

When UX is scaled in large organisations, we need to be careful about how. DesignOps 2.0, and full-stack design systems, aim to make UX even more powerful at scale by joining forces with our friends from the development world, and some evolving no-code platforms.

This talk will cover full stack UX, how we can help UXers concentrate on user needs, and the different challenges UXers, and design itself, faces in a productive, scaled team.

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 1 T e da , 24 A g 2021 Ca i ed 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 48 c e a d e i eall i c i ical. S ha k e ch f i g h gh ha . Tha a g ea . KRYSTAL HIGGINS: Tha k . STEVE BATY: Oka . C i g e e ha e TJ Ha h i a d c a age a he Ne S h Wale De a e f C e Se ice. A d TJ ill be alki g ab de ig O h ca di c e e e ie ce a cale. O e . TJ HARROP: Sha e a a . STEVE BATY: I ca ee ha . TJ HARROP: C l. Hell . Hell e e e. A S e e aid a e i TJ, a lea f he i e i i . S e i e eb i e like ell e ha ' i e igh . I a he d c a age f he Ne S h Wale G e e De ig S e , ha ' a f h e cale e al i h h d ed f de ig e i g e e ac diffe e ga i a i , i e a c le de ig e a d ha ' da da j b b backg d i e ac i de ig e , a d ha e a g de el e ill hea e alki g ab c de a d ai i g a d ai i g de ig i h c de. B bei g i e ac i de ig e i eall he e I' c i g f i h hi . S ha i hi ab ? S he a e f hi i de ig O 2.0 e f l UX a cale. I d e ' gi e ch a a . S ha e ill alk ab i e ill alk ab cali g de ig i he c ce f de ig cali g i ga i a i . We ill c e he defi i i f De ig O a d alk ab ha i i a d diffe e e le' defi i i f De ig O . We ill alk ab ha hi 2.0 hi k i all ab a d h ha ' ligh l
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 49 De ig O 1.0 al. We ill alk ab h ld i h a a d i he be efi a d h ca d i a ell. S e f he a ache ca ake. S fi f all, le ' alk ab h UX ea a e g i g I hi k i a f ll f UXe i i babl ea ki a hi bi a d a e k UX ha g e f ea l ad e c i ical. I hi k he big ga i a i a d g e e a a i g UX i i a he e i a l f e behi d i . A d beca e f ha c a ie a d ga i a i a e de e a e ge e f ha UX be efi f hei c e , be efi f ci i e a d g e e , he be efi f ha i g a g d e e e ie ce. B cali g fa ha bee ble a ic. The e ha bee diffe e a ache , e ha e ked be e ha he . S he e i a fe i e le ge e all ake. O i e i he S if del ha ' bee e la . A d i k g ea i e lace b he e i a g d f deci i ee f he he he S if del i a g d ff he helf del ake hich i he fi e i . I e S if , e ial a e ha a e e a d . If e , g ea , e fec f . I ill k. If , i igh k f . I babl eed a bi f cha gi g. S I hi k he e le h ade he S if del, he hi g he a he ab i d ' f ll i , ake del, e i a a i i a i . O i i gi e he UXe hea e k a d I d ' hi k I eed c i ce e e e he e UXe a e al ead b e le a d e d ' ece a il a ake d ble he a f k e ha e , ha ill hel d a be e j b. O i h ee, i cl e he . L f ga i a i g hei UX ac ice b ge i g l a d l a d l f UXe . S f g i g d bec e he XI a d ge e al a e bl a d a big fla a d g ad a i da g abbi g e e e f a e ale . I gi e a e f l UX ea b i ca ha e ee h ble a g . A d i f i fi d a UX c e e f e e le. S
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 50 f e e e ha i e ac i h he e e e ie ce i a a , g a d fi d e e h i ac all i he i d- e , a UXe b he ha d kill igh be a de el e a e ice de ig e e e a da a ba e a chi ec . Reali icall i ' e ha d ake hi ha e . S de ig O ha bec e a g d a e a i ali e UX gi e e ca ' ea il d he e i hi g i gi e a a ki d f e a i ali e a d ake hi g a bi e efficie . N , de ig O ha l i le diffe e ce defi i i j like UX d e . B I' g i g gi e e al defi i i f De ig O beca e ha i ha ill lead he alk b i a a e h ha a diffe e defi i i ha ' g, ga i a i eed diffe e a ache . S f e i i gi i g e le he l , ce e , a ifac a d he eed ake be e hi g . Which i ba icall like a i g ge i g e e i i e a a able ff f he a ha e le i de ig ca d he ac al j b f de ig i g e e ie ce . O e f he hi g i a e le i de ig a d de ig e . The a e ' al a he a e. The e i ca i al D De ig e he UX de ig e . UI, e ice de ig e a d c e de ig e . Pl he ha i a c le e li . The e le i de ig , i i ki d f a e h i i l ed i deci i ake hi hi g g d. Make he fi i h d c g d. A d i digi al, if e l k a a defi i i f g d, he i i a g d e e ie ce a d a g d c e f a e a d a g d e e ie ce i ki d f ab a bi e ha e igh hi k ab . S h a e e le i de ig he if i ' j de ig e ? Fi f all de ig e . Tha ' he bigge c h f e le i de ig . A d ha g e back ha li f e had e i l . B al i i a e h b ild he e e ie ce f a d c e ice. A d a e h e f hi d c e ice . S hi i ce e hi g ha g e li e he a e ice i ac all bei g ed b c e , he e le h ha e
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 51 ided he a e ki d f ha e de ig f he a ell. Beca e he a e aki g - he a e ha i g a big i ac he e ' e e ie ce. S he h cki g e ela i he e, I hi k e all a c i g, hich i ha de ig e d ' c ea e he UX hei , he UX ca be i ac ed b all he la e f a d c e ice hich i cl de i al de ig , UI a d i e ac i de ig a d c e , he bi e ld adi i all hi k a a f he UX. I i cl de he c de he a he c de i i e , h ell i k e le' b e ha e e he d c , a d I hi k e i e hi k f ha a a f he UX b le f e e l . A d e e a d ff. Da a ba e i f a c e, hi g i h fla hi g ligh . Thi k ha ake he e all d c k. Tha ' al a f he UX beca e if he eb i e i ' fa e gh l ad if i i d he ha ' a g d e e ie ce. Which ki d f ake back hi e a le. Y k , e ha e a eall g d de ig he e. I e ac i de ig - i e I k e ac l he e i a ble beca e i ' g e ed a d he e i a e e age, he e e age l k g ea , he c l a e ell ch e a d i ' a g d liki g hi k. I d c i i e I k ha d b he e i a bi f a c e ble beca e i a cha ac e h hich I g e ea cha ac e i h . Y a e eed be l ge . The e i a UX jec beca e I a - a e igh be a ac b he e a e le f a e he e ha a e cha ac e a d e le d ' ha e a i he ha add fake le e he a e ake i l ge . Wha ha e ed he e i ee like he de ig ha bee d e a d e hi g el e back he UX ha e ed a be d i h a da a ba e, a be i eed a i i f h ee f cha ac e he da a ba e. Tha ' he ki d f e a le e a e alki g ab he e a de ig e a e ' c ea i g a UX hei . The ea hi a e a d he hi g ha b i g i back cali g
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 52 i beca e he cale e ki d f eed hi k ab ha e a e cali g. A e e cali g de ig ? We ha e li le iggl fa l ha ha e i de ig ce , hich i eall al, if e cale d e a ake e e a e cali g h e e a e cali g de ig i elf a he ha j he be f e le d i g ha le? Beca e if e cale he be f e le i ' g i g a lif a b g i ha a ach. S if e a e cali g de ig , e eed a eall eliable e ha ' g i g a d he e f cale. S if e l k a ha e ha e f g e h gh fa a d a i e i , e k ha -UXe a e al e ible f e e e ie ce . We k ha g d e e ie ce g ac ac ice . We a e aki g he e a de ig e . N de ig e h ld c ld k all f he e ac ice . I' e he e i e ic he e h k da a ba e a chi ec e a d e e a d c de a d ha e e el e eed g i i b eali icall a de ig e i a ea ca ' be e ec ed k all f he e ac ice . Which a e all ble b he g d hi g i de ig ha e fi . We a e a he a f he ce . S ha ea ha e a e al i a g d i i a h e UX c ide a i . Thi g like alida i f h l g a a e i . H e e , e a e e b al ead , al ead e b a d e ha e al ead alked ab he fac ca ' j cl e de ig e a d ca ' j gi e he e k. S ha ' h De ig O c e i . Whil De ig O i ab gi i g de ig e he ff he eed d he a e j b e efficie l , De ig O 2 ki d f ake e UX a eg a d De ig O he ge he , a d i cale a diffe e UX a ach all ge he . S e ha e de ig e h he h le e e ie ce f cale, a d De ig O 2 i ab facili a i g ha . Which igh ee like i ' e k a d if a e cali g e k i ha e a , b d ' a a ic beca e 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 53 e a i ali a i ide f i i he e hi g ge be e . L ki g a he i le e a i f De ig O 2, hi i e al a ach, I ha e d e a ick deci i ee f he he hi a ach ill k f a d he fi e i i a e e? If he a e i e , ha ' g ea . I ' al ead ki g. Thi i ha d e e da . If , i igh ill k. A e ca d hi . Thi i a - I d ' ha e a ecial k ledge, I' j a de ig e . B i i al a i g ha he e i e i f hi ha ca be j be f icked a d a la ed. B he e a e e c a e a d hi i f e e ie ce, d i g De ig O 2 a d al Pa Pal ha e caled De ig O 2 he caled i e a big ea ac he ld. A d Ge e al Elec ic a e al i le e i g e f he e f a e . Wha i c i a i g i h de ig e . Thi g e a . A de ig e e a e he be eficia ie f hi beca e e a e he e h e k i ki d f e g a a eed b e al a he ce ch l gicall . S if e a e he fi e le i a ce he e f kick he h le hi g ff a d e a e i he be i i a i ff igh . De ig e eall hel . De ig e a e like he f e el ha ca ie De ig O 2 a d ca ie all he he ff al g he ce . The c l e a e e ha he e h d l g . S i ' ab h k he e ac l ha e, al h gh h e eall hel , i i e ab he f e ali f a e c llab a i e a ach UX a d he ligh l diffe e caled a ach. A d he l a d ce e a e he e hel cha ge c l e. B eali icall c i i he hi g ha ' g i g b i g hi . S if i ' j eb d , e e i a ga i a i , e e if ha e ha e cl a i g, e eed k hi a , eali icall ha ' g i g ge a ch ac i a e hi g ha i e c i ba ed. S le ' g i a bi e de ail ab a c le f he e. S a i g i h de ig e .
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 54 Thi i ba icall aki g De ig O 2.0 k i g de ig e a ha e el. F UI e le e a e e fa ilia i h de ig e a d if a e alki g ab UX a cale eali icall he e i babl de ig e ff g i g al ead a d i hel ce ali e he e ce , UAI e ce a d UIX e ce i i i e he a f k ha ha be d e i each d c ea f each e. B aki g h e - le ' a e a a ic de ig , ha e a ic c e b aki g h e a i g h he a e j b ke ha e la e , bei g a ic a lec le h d e g dee e a d add e UX ha , e ca gi e de el e e hi g ha ha a f ll UX c ide a i al ead . S i g he a e e a le, a be he c e i he de ig e bef e a ki g e e a a e d e ' j ha e he UI i ac all ha he alida i igh eed a ell. The c ide a i f diffe e i e a i al a e , he e i e c ie he e e le l ha e e a e, he d ' ha e a a e. Ma be a ki g f a add e i a c e. Tha i e hi g ha i ac all i e diffic l f e e le i ce ai ci c a ce , e eciall i g e e . S e ca ac all h e UX c ide a i i he e. UX e le a e i a i i i e h e c e al a e he d e add e e f a g d e. If a e e he a h l g ide f UX a d ha e d e e ea ch, a be ha i g d e ha e ea ch eali ed ca ' a k e le f hei add e a d e ice h ld el i . We ca ac all f b dle ha i f a i i h he bi f UI ha e le al ead k he eed. S he fac ha he UI i i he age ca i g ha c e e e ie ce ac he ce . A d ba icall ha e e d i h i ea bei g a a ge f e ed ic e e ie ce . If a e a de ig e a UIX de ig e la
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 55 i h a ic de ig , a e i ci le f ha , if a e a de el e a e fa ilia i h c ai e i a i a e fa ilia i h ha a d i i i g he ge he . S a i g i h de ig e e al eed cha ge e hi g e ki d f eed ake i e d able. If e g he l a d c e he hi g e eed cha ge i a d eaki g he la g age f e . The e f h e l . Thi i de el e c e e le, CX e le. A d ic e ' d ha . We ha e g ea l like Fig a a d ke ch e e a d e c ea e hi g ha a e eali ic. We c ea e 3D, he e i ale f a a chi ec c ea i g a P -- D e de . Y g a akeh lde a d clie ca ee ha he ill ge b if a b ilde a e hi g he gi e he a fl la . Wha e d , e hi k ab h e ca gi e fl la i ead f gi i g 3D e de . I i ki d f he f age f a i f de ig e . T b iefl c e he age ha e a i al de ig e , hi i e hi g ha ' j i ke ch, j i ig a. Y igh ha e e H 2 CSS ha a e a i g k i h c de . The e e ld be ha e e f e e hi g i c de ha ha e g i Fig a a d ice e a a d he f h e i a f ll ack UX e , he e he hi g a e c ec ed. S ha e g he de ig a d c de c ec ed each he , i a id de ig d if a d le ' b dle ha UX ff a ell. The e i a fe l ha ca hel i h hi . I ' g i he de ail ab he e. The e I ha e ed a e e a ei he e d. Y ha e Ze li . Y a e babl all fa ilia i h ha . I ill hel - ca c ec c e i c de c e a d c ec he c e i Fig a a d i d a ha li k be ee he ha a ha hi g f Fig a he de ig e e he de el e i hi hi g i he c de. Thi i ' ab e i g Fig a Reac hi ha gi e e hi g ca l e ce. I i g de ig c e i Fig 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 56 e ha he de ig de el e i g i g ha e. F a e k i a i ila a a d UXPi e ge add i he eigh f ee ha h e ha e cha ged a eac c e a d i ' ba icall a c de l f de ig e e eac c e de ig i a i e face. Tha ' he l . Tha ' he i le e a i . T b iefl c e a c le f he bi l i g he a ach i a c l al cha ge. Y ca d De ig O 2 i h i g he l . I i babl i ila i g Agile like ca ha e a a da d b a d b f he edic i f la chi g e hi g a d e elea i g e hi g ea l . A d agile i ci le ca d e hi g i h hi . The c l e i eall e i a . The l ha e be ead bef e he a e eeded. Thi i a age e a e a i NSW G e e , e a e c ea i g he l f De ig O 2, e e de a e , e e age c i c e l ki g ha a b e ca ' e ec e le k ha a a d e ca ' c i ce e le i ' a g d idea he he a g ea h he e i hi g he e h . Y eed ge he de ig l ead . Val e ha ha e ked i g e e a d f Pa Pal, f ga i a i , i i e efficie c . E a le i all bake ha ake cake . Fi e e le k he e, h e e le e d hei i e i i g fl a d ga a d h i g I ca ' ake cake . B d i g ha e e i i ha e le d ake he . If a ake 5,000 cake a h , ld ha e a big achi e, a d e I ld hi e bake b bake ill be ab he e a d h he c ea e g d ali ff a d ali c l. The -de ig de ig e i i eliabili . The ha e ake deci i ab h l g a a d i . I gi e De ea a ce he a e bei g facili a ed b de ig e c ea e he e e ie ce. N j De . O he e le i l ed. F all de ig e i gi e ali a a ce e k ha e ha d ff ill be c ea ed i a g d
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 57 e e ie ce. A d g i g ge cha ged al g he a . The fi al b i ab c i . I ca ' a ch ab hi i ' a e ad lib hi g b if a e c age c l al cha ge, he c i -ba ed a ach i fa e i cl i e beca e e e ga i a i i g i g ha e i a d hi a d e e ga i a i ill a diffe e a f hi e. E e a a c i ba ed hi g ea ha i ga icall ha e . If i c e f d i ' a e i ha e e ha hea d i a alk a d G gle a d h gh i a a g d idea e hi g a d i ' eall , c i ed i he igh a a d i ' e ha d ge i ff he g d hich i e i ila e hi g a e fa ilia i h he bl ke da ci g a hill ide a d ide ha b eak hi d ab h i i a e a h f leade hi . A d a i h e e , e ded i h babl h d ed . Tha ' ha e a e ai i g f hi i h hi -- d ' a ell e le da ce beca e he he a e g i g e j i . S a i e, e k ha cale UX i f da e all diffe e . S i ' j ab l i l i g he a e ac ice. Back ha cake e a h . We k ha cale i a ea . S i ' ab ge i g e le i l ed h a be ld ' all be i l ed i IX. De ig O 2 i ab facili a i g ha . I i al like he ad i i a i e e a i al ide f i . I i he ac al UX a eg i elf ha ' diffe e . We igh eed k diffe e l a d ha ' he e cha ge a UXe ca eall hel cale, ake a calable e . A a i hel b i i aki g a e' j b. S e eed a a e ff beca e e ill ha e a l d . We ha e g e k beca e e a e cali g a a , l e a e aki g c ide a i f he a f he b i e , he a f he ea . A d ca ' j cl e e le. B h f a legal a d i , a d a cie ific
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 58 a d i , a d i e f ha i g l f e e le i UX i ece a il g i g hel . I igh j a lif e f he ble ha e g . A d ha ' e e hi g. S if a ead a e ab hi , if G gle De ig O 2 he e i a c le f alk . I ha e d e a c le. A d E ic A da f Pa Pal ha d e a fe a ell. I i a he h a e igi all , if G gle ha , he e i l ad f alk ab hi . Tha k . Y a e e, S e e. The e ed h a e f he la ea i " ' e e". STEVE BATY: I a e. F ha e e ea . The e e g . I' hea e ed b he fac ha ha e c ide ed al ead he legal a d al i lica i f i g cl e e le. Tha ' g d. I' glad ha a e i ed. Tha k e ch TJ. TJ HARROP: Tha k . STEVE BATY: Well, e i ch e a d Ma i j i , I ld e i d e e b d ha e ill be d i g a c llec i e Q&A be ee 12 a d 1. S if d ha e e i , h he i he Q&A a el, he cha e a e c lla i g h e. The ill f a l f hich a 12 I Media e a d de a e a l f he eake e ha e had da , i cl di g a ki g elf e i if a k he . S ick a d a d 12. Tha ill f 12 il 1. C i g e ha e Ma i T i ch h i a fe f i e ac i de ig a d a di ec f i a i a he U i e i f S d e . Hi Ma i . MARTIN TOMITSCH: Hi S e e.