ITS ALL ABOUT PEOPLE HOW AGILE AND UX CAN PLAY WELL TOGETHER Johanna - - PowerPoint PPT Presentation

▶
it s all about people how agile and ux can play well
SMART_READER_LITE
LIVE PREVIEW

ITS ALL ABOUT PEOPLE HOW AGILE AND UX CAN PLAY WELL TOGETHER Johanna - - PowerPoint PPT Presentation

Dec 22, 2022 149 likes •580 views

ITS ALL ABOUT PEOPLE HOW AGILE AND UX CAN PLAY WELL TOGETHER Johanna Kollmann Sidekick Studios GOTO Copenhagen 2012- @johannakoll Its about people How Agile and UX can play well

slide-1
SLIDE 1

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

IT’S ALL ABOUT PEOPLE HOW AGILE AND UX CAN PLAY WELL TOGETHER

Johanna Kollmann Sidekick Studios

slide-2
SLIDE 2

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

It’s ¡about ¡people ¡

Johanna ¡Kollmann ¡ @johannakoll ¡ ¡ ¡ ¡GOTO ¡Copenhagen, ¡2012 ¡

How ¡Agile ¡and ¡UX ¡can ¡play ¡well ¡together

Photo ¡by ¡Duane ¡Storey ¡: ¡http://www.flickr.com/photos/duanestorey/529194420 ¡

slide-3
SLIDE 3

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

slide-4
SLIDE 4

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Stina ¡Jonsson: ¡http://www.flickr.com/photos/stinajonsson/3932774410/ ¡

slide-5
SLIDE 5

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

UX? ¡Agile?

(De$ining ¡the ¡d*mn ¡thing)

slide-6
SLIDE 6

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

¡ ¡ ¡ ¡User ¡Experience ¡!= ¡User ¡Interface

Users ¡ ¡ Needs, ¡behaviour ¡ ¡ Uses ¡ ¡ Features ¡ ¡ Releases, ¡user ¡stories ¡ Why ¡what ¡how ¡ Visualise ¡

Adapted ¡from ¡Kate ¡Rutter, ¡LUXr ¡

slide-7
SLIDE 7

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

¡ ¡ ¡ ¡Agile ¡Manifesto ¡(2001!!)

Individuals ¡and ¡interactions ¡over ¡processes ¡and ¡tools ¡ ¡ Working ¡software ¡over ¡comprehensive ¡documentation ¡ ¡ Customer ¡collaboration ¡over ¡contract ¡negotiation ¡ ¡ Responding ¡to ¡change ¡over ¡following ¡a ¡plan ¡

slide-8
SLIDE 8

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

“Making ¡great ¡software ¡quickly, ¡it ¡turns ¡out, ¡ requires ¡collaborating ¡really ¡really ¡effectively ¡ with ¡those ¡pesky ¡non-­‑binary ¡entities ¡called ¡

  • people. ¡ ¡

While ¡basically ¡silent ¡about ¡UX ¡design, ¡Agile ¡ thinking ¡offers ¡a ¡fundamental ¡paradigm ¡shift ¡ about ¡how ¡to ¡interact ¡and ¡communicate ¡with ¡ your ¡project ¡team ¡and ¡beyond. ¡” ¡ ~ ¡Anders ¡Ramsay ¡

slide-9
SLIDE 9

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

¡ ¡ ¡ ¡Make ¡something ¡that ¡matters. ¡ ¡ ¡ ¡ ¡ ¡Together. ¡

Photo ¡by ¡miriam: ¡http://www.flickr.com/photos/45617397@N05/4190477130/ ¡

slide-10
SLIDE 10

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Martin ¡Abegglen: ¡http://www.flickr.com/photos/twicepix/2127828693/ ¡ ¡

slide-11
SLIDE 11

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Challenges

(Burned ¡children ¡fear ¡the ¡$ire)

slide-12
SLIDE 12

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

slide-13
SLIDE 13

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

‘Case ¡Study ¡of ¡Customer ¡Input ¡For ¡a ¡Successful ¡Product’, ¡Lynn ¡Miller ¡(2005) ¡

slide-14
SLIDE 14

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

“This ¡whole ¡designing ¡ahead ¡thing ¡is ¡driving ¡me ¡crazy. ¡I’m ¡supposed ¡to ¡ have ¡detailed ¡designs ¡ready ¡for ¡the ¡next ¡sprint, ¡which ¡starts ¡in ¡a ¡few ¡ days, ¡but ¡I ¡can’t ¡get ¡the ¡developers ¡to ¡stop ¡coding ¡and ¡spend ¡some ¡ time ¡whiteboarding ¡the ¡UI, ¡because ¡they’re ¡heads ¡down ¡finishing ¡the ¡ current ¡sprint ¡and ¡want ¡to ¡match ¡or ¡beat ¡their ¡velocity ¡from ¡the ¡ previous ¡sprint. ¡ ¡ So ¡now, ¡the ¡same ¡thing ¡that ¡happened ¡last ¡sprint ¡will ¡happen ¡this ¡ sprint: ¡the ¡developers ¡build ¡what ¡I ¡give ¡them, ¡which ¡ends ¡up ¡being ¡only ¡ half-­‑baked ¡in ¡terms ¡of ¡UX ¡because ¡we ¡didn’t ¡really ¡collaborate ¡on ¡it ¡and ¡ because ¡I ¡had ¡to ¡rush ¡my ¡work ¡to ¡not ¡fall ¡behind, ¡and ¡yet ¡they ¡call ¡it ¡ Done ¡because ¡they ¡built ¡everything ¡I ¡put ¡in ¡the ¡wireframes. ¡ ¡I ¡can’t ¡keep ¡up. ¡I’m ¡just ¡one ¡UX ¡Designer ¡and ¡they’re ¡a ¡whole ¡team ¡of ¡

  • developers. ¡Man, ¡I ¡miss ¡the ¡good ¡old ¡waterfall ¡days…” ¡

Quote ¡taken ¡from ¡http://www.andersramsay.com/ 2010/08/22/designing-­‑ahead-­‑the-­‑good-­‑the-­‑bad-­‑ and-­‑the-­‑ugly ¡

slide-15
SLIDE 15

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

‘Case ¡Study ¡of ¡Customer ¡Input ¡For ¡a ¡Successful ¡Product’, ¡Lynn ¡Miller ¡(2005) ¡

slide-16
SLIDE 16

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Paolo:http://www.flickr.com/photos/qualsiasi/261599589/ ¡

¡Beware!

Mini-­‑waterfalls ¡ Silos ¡create ¡bottlenecks ¡ Process ¡over ¡product ¡ Perceived ¡cost ¡of ¡collaboration ¡

slide-17
SLIDE 17

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Kristina ¡Alexanderson ¡http://www.flickr.com/photos/kalexanderson/5421517469/ ¡

Research ¡is ¡the ¡Eirst ¡thing ¡to ¡get ¡

  • compromised. ¡
slide-18
SLIDE 18

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Making ¡it ¡work

(UX ¡Research ¡tips. ¡Collaboration ¡hacks.)

slide-19
SLIDE 19

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

It’s ¡about ¡people: ¡customers

slide-20
SLIDE 20

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Balaczs ¡Suhajada: ¡http://www.flickr.com/photos/suhajdab/5655103732/ ¡

slide-21
SLIDE 21

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

“How ¡do ¡we ¡know ¡if ¡it's ¡done? ¡should ¡be ¡ ¡ How ¡do ¡we ¡know ¡if ¡it's ¡good?” ¡ ~ ¡Lane ¡Halley ¡

Photo ¡by ¡Robin ¡Andersen ¡

slide-22
SLIDE 22

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

(Some) ¡research ¡methods ¡

Generative ¡ Evaluative ¡ Contextual ¡inquiry ¡ Mental ¡models ¡ Interviews ¡ Diary ¡studies Quantitative ¡ Qualitative ¡

Adapted ¡from ¡figures ¡by ¡Janice ¡Fraser, ¡Nate ¡Bolt, ¡Christian ¡Rohrer ¡

Automated ¡card ¡sort ¡ Surveys ¡ Automated ¡studies ¡ Analytics ¡ A/B ¡Testing ¡ Multi-­‑variant ¡testing Surveys ¡ Interviews Usability ¡testing ¡ Moderated ¡card ¡sort ¡ Wizard ¡of ¡Oz

slide-23
SLIDE 23

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Franco ¡Papeschi: ¡http://www.flickr.com/photos/themepap/6053437842/ ¡

¡ ¡ ¡ ¡Make ¡it ¡a ¡habit. ¡

slide-24
SLIDE 24

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

slide-25
SLIDE 25

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Wireframe ¡by ¡Mike ¡Rohde: ¡http://www.flickr.com/photos/rohdesign/5098835256// ¡

Test ¡what ¡you ¡got ¡

Sketches ¡ Wireframes Mockups ¡(not ¡clickable) ¡ Mockups ¡(clickable) ¡ HTML ¡prototype ¡ Code ¡

slide-26
SLIDE 26

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Sussman ¡Imaging: ¡http://www.flickr.com/photos/thesussman/3386874390/ ¡

¡Access ¡barriers?

Remote ¡research ¡ Proxy ¡researchers: ¡train ¡your ¡sales ¡team ¡ Guerrilla ¡approach ¡ Quantitative ¡data ¡

slide-27
SLIDE 27

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Making ¡it ¡work

(UX ¡Research ¡tips. ¡Collaboration ¡hacks.)

slide-28
SLIDE 28

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

It’s ¡about ¡people: ¡the ¡team

slide-29
SLIDE 29

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo by Bogac Erguvenc: http://www.flickr.com/photos/sozesoze/320117614/

¡ ¡ ¡ ¡Us ¡vs ¡Them ¡is ¡over. ¡

slide-30
SLIDE 30

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo ¡by ¡Dnnya17: ¡http://www.flickr.com/photos/dnnya/2628246374/ ¡

slide-31
SLIDE 31

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo by Boston Public Library: http://www.flickr.com/photos/boston_public_library/5703905054/

slide-32
SLIDE 32

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

A ¡collaborative ¡design ¡process ¡

There ¡are ¡many ¡ways ¡of ¡getting ¡the ¡team ¡involved ¡

  • Design ¡Studio
  • Story ¡Mapping ¡
  • KJ ¡Technique ¡
  • Collaborative ¡Sketching ¡Exercises ¡
  • and ¡many ¡more! ¡(I’ll ¡have ¡links ¡to ¡resources!) ¡
slide-33
SLIDE 33

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Photo by Transguyjay: http://www.flickr.com/photos/jayw/871244465/

¡ ¡ ¡ ¡Make ¡it ¡a ¡habit. ¡

slide-34
SLIDE 34

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

¡ ¡ ¡ ¡Information ¡radiators ¡

slide-35
SLIDE 35

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

slide-36
SLIDE 36

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

KANBAN-­‑KA ¡board ¡

? ✓

slide-37
SLIDE 37

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

slide-38
SLIDE 38

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Make ¡things ¡for ¡people, ¡with ¡people

slide-39
SLIDE 39

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

A ¡user-­‑centered ¡design ¡approach ¡ involves ¡people. ¡

  • Throughout. ¡
  • Continuously. ¡
slide-40
SLIDE 40

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Agile ¡is ¡built ¡around ¡teams

Responsibilities ¡and ¡competencies ¡over ¡roles ¡ Expertise ¡over ¡interest ¡ No ¡ego ¡ Don’t ¡value ¡process ¡over ¡outcome ¡

slide-41
SLIDE 41

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

  • Customers. ¡ ¡

Values ¡and ¡team ¡culture. ¡

  • Vision. ¡
slide-42
SLIDE 42

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

Case ¡Study ¡of ¡Customer ¡Input ¡For ¡a ¡Successful ¡Product, ¡Lynn ¡Miller ¡(2005) ¡ 5 ¡Users ¡every ¡Friday, ¡Tom ¡Illmensee ¡& ¡Alyson ¡Muff, ¡Agile ¡2009 ¡Proceedings ¡ Learning ¡to ¡play ¡UX ¡rugby, ¡Anders ¡Ramsay, ¡http://slidesha.re/GPfK0w ¡ Beyond ¡Staggered ¡Sprints: ¡Integrating ¡User ¡Experience ¡and ¡Agile, ¡Jeff ¡Gothelf, ¡ http://slidesha.re/9Pq3qb ¡ Designing ¡the ¡user ¡experience ¡in ¡an ¡agile ¡context, ¡Johanna ¡Kollmann, ¡http://bit.ly/p3NmWI ¡ Undercover ¡User ¡Experience, ¡Cennydd ¡Bowles ¡& ¡James ¡Box ¡ How ¡to ¡build ¡the ¡integrated ¡scrum ¡board, ¡Ole ¡H. ¡Kristensen, ¡http://b.qr.ae/JHeM9R ¡ Test ¡everything ¡you ¡got ¡regardless ¡of ¡its ¡polish ¡or ¡fidelity, ¡Jeff ¡Gothelf, ¡http://bit.ly/n6qjTI ¡ ¡

A ¡selection ¡of ¡resources ¡(1) ¡

slide-43
SLIDE 43

GOTO ¡Copenhagen ¡2012-­‑ ¡@johannakoll

It’s ¡Our ¡Research: ¡Getting ¡Stakeholder ¡Buy-­‑In ¡for ¡UX ¡Research ¡Projects ¡, ¡Tomer ¡Sharon ¡ Introduction ¡to ¡Design ¡Studio ¡Methodology, ¡Will ¡Evans, ¡ http://uxmag.com/articles/introduction-­‑to-­‑design-­‑studio-­‑methodology ¡ The ¡KJ ¡Technique: ¡A ¡Group ¡Process ¡for ¡Establishing ¡Priorities, ¡Jared ¡M. ¡Spool, ¡ http://www.uie.com/articles/kj_technique/ ¡ The ¡new ¡user ¡story ¡backlog ¡is ¡a ¡map, ¡Jeff ¡Patton, ¡ http://www.agileproductdesign.com/blog/the_new_backlog.html ¡ Collaboration ¡games: ¡http://gogamestorm.com, ¡ http://innovationgames.com/resources/the-­‑games/ ¡ ¡

A ¡selection ¡of ¡resources ¡(2) ¡