user experience & extreme programming: an experience report

65
X U X eXtreme User eXperience AOTB2013 Mike Rawling @hedshot @Unrulymedia

Upload: michael-rawling

Post on 27-Jan-2015

108 views

Category:

Technology


0 download

DESCRIPTION

eXtreme User Experience: User Experience & Extreme Programming: An Experience Report - how one team melded UX and XP to

TRANSCRIPT

Page 1: User Experience & Extreme Programming: An Experience Report

X U XeXtreme User eXperience

AOTB2013

Mike Rawling

@hedshot@Unrulymedia

Page 2: User Experience & Extreme Programming: An Experience Report

How one team melded UX with XP

Mike Rawling

@hedshot@Unrulymedia

Page 3: User Experience & Extreme Programming: An Experience Report

Any questions welcome……later, please…

Page 4: User Experience & Extreme Programming: An Experience Report

Allowed interruptions*

a) A Zombie Apocalypseb) Nothing.

* Oh, and please set your phones to silent…

Page 5: User Experience & Extreme Programming: An Experience Report

MeMike RawlingSenior UX Engineer @Unruly Media, at London HQ

UX engineering history dates back to 1998…

…Consulting, designing, engineering, leading, coaching, training….

Teams and initiatives for Tesco, Wiley, Camelot, Konami, LoveFilm and Granada and ITV

Also at Agile Cambridge, 25/9/2013

Page 6: User Experience & Extreme Programming: An Experience Report

Engaging with UX Nurturing empathy ..What? with a pencil???

kinky! Making and keeping it real Finding stuff out Some other working

practices

Themes

Page 7: User Experience & Extreme Programming: An Experience Report

About Unruly MediaUnrulymedia.com

Page 8: User Experience & Extreme Programming: An Experience Report

About Unruly Media

Unrulymedia.comabout Unruly Media

Page 9: User Experience & Extreme Programming: An Experience Report

3 development teams:

each consisting of about about 4 XP, java-centric, stupidly intelligent programmers

team has greatly varying levels of experience and interests

Extremely varied experience of customer facing front-end

1 UX guy

Unrulymedia.comDev@Unruly Media

Page 10: User Experience & Extreme Programming: An Experience Report

Unruly Analyticsprovides the datathat proves the ROI

o Be inspired. Get real-time access to share of voice data for your video content across the social web. Identify trends and learn about what consumers are sharing.

o See the bigger picture. Know the true social reach of your campaign by tracking official, unofficial and derivative copies across social media platforms.

o Prove it works. Measure your Social ROI against historical brand performance and benchmarked competitors.

about the product

Page 11: User Experience & Extreme Programming: An Experience Report

Unruly Mediaour dev area:

Page 12: User Experience & Extreme Programming: An Experience Report

and the real project challenges…

Unruly Analytics Offer insight into social media performance

Teach about social media and video - and visual analytics!

User base has a *great* variety of users with…

…equally varied understanding of statistical analysis

…To do so Elegantly!

Page 13: User Experience & Extreme Programming: An Experience Report

Committed to XP principles

Adventurous Spirit

The CEO said: ‘Do Lean Start-up’…

…I heard ‘Try Lean UX...’

The project’s philosophy…

Page 14: User Experience & Extreme Programming: An Experience Report

engaging with user experience

Page 15: User Experience & Extreme Programming: An Experience Report

engaging with uxchallenges

There are Classic challenges with UX + Agile…and some most particular to XP:

Differences between Agile and UCD Agile accentuates acceptance and unit testing –

where does usability testing fit in to that? XP criticised for ‘being light on user side of

software’ and ‘best used with non-GUI intensive applications’

Lacking explicitly defined processes defining requirements engineering, interaction design, etc.

Page 16: User Experience & Extreme Programming: An Experience Report

engaging with ux

posters and evangelism

engaging with ux

Page 17: User Experience & Extreme Programming: An Experience Report

engaging with ux

doing intros, tech talks & coaching

engaging with ux

Page 18: User Experience & Extreme Programming: An Experience Report

engaging with ux

a UX Wall

Page 19: User Experience & Extreme Programming: An Experience Report

engaging with ux

engaging more closely with testing

engaging with ux

Page 20: User Experience & Extreme Programming: An Experience Report

user interview script templates for anyone to use

engaging with ux

Page 21: User Experience & Extreme Programming: An Experience Report

nurturing user empathy

Page 22: User Experience & Extreme Programming: An Experience Report

nurturing empathy

Challenge: creating a bridge between team and users

Page 23: User Experience & Extreme Programming: An Experience Report

Polarised argument: Do I choose personas? Abso-f-lutely!

nurturing empathy

Page 24: User Experience & Extreme Programming: An Experience Report

nurturing empathy

Personas workshops

nurturing empathy

Page 25: User Experience & Extreme Programming: An Experience Report

nurturing empathy

Personas: poster-ised

nurturing empathy

Page 26: User Experience & Extreme Programming: An Experience Report

Persona-centric / named stories

nurturing empathy

As {persona name} I would like to…so that…

Page 27: User Experience & Extreme Programming: An Experience Report

nurturing empathy

Persona ‘stickers’ on story cards

nurturing empathy

Page 28: User Experience & Extreme Programming: An Experience Report

“You want me to do what with a pencil?”

or…

Visualising the product

Page 29: User Experience & Extreme Programming: An Experience Report

UI, UX & Interaction guidelines

documentation (*gasp*)

Page 30: User Experience & Extreme Programming: An Experience Report

Can’t draw, won’t draw (Programmer…) “I can’t draw – let alone ‘design’!” “design is fluffy!” “designers don’t know sh*t” “I’m not a designer” “wtf?”

Later… “…but that’s not the best design” “..I won’t do it like that…” “that’s just too

wacky/unusable/unusual/custom/etc…”

“I could do better…”

“I can’t draw”

visualising the product

Page 31: User Experience & Extreme Programming: An Experience Report

Visualising interfaces

visualising the product

The Dark Secret Of Interaction Design

Page 32: User Experience & Extreme Programming: An Experience Report

Enter: Design Charrettes*!!

Allegedly based regular critiques at an art academy in Paris – possibly Beaux arts(also called ‘Design Studio’)

About regular ‘Critiques’

Students race to finish…

Useful and effect urgency in the process!

*Since then documented in Lean UX, by Jeff Gotthelf

visualising the product

Page 33: User Experience & Extreme Programming: An Experience Report

Design Charrettes are…

Select an Epic feature to attack

Review Personas and each pick one

Then…as Pairs we…:

① Brainstorm single, key features that persona might need and want

② gather and share – pick top results

③ then pairs pick a favorite ideas and sketch 5 UI ideas for them in 5 minutes

④ gather and share – pick our favorite sketches

⑤ then pairs pick a favorite sketch and sketch a complete UI or wider flow

⑥ gather and share – The whole group chooses result!

visualising the product

Page 34: User Experience & Extreme Programming: An Experience Report

Step one examples:

visualising the product

Page 35: User Experience & Extreme Programming: An Experience Report

visualising the product

Page 36: User Experience & Extreme Programming: An Experience Report

Design charrettes: amazing results ensue!

visualising the product

Page 37: User Experience & Extreme Programming: An Experience Report

Visualising interfaces

Physical storyboarding…

visualising the product

Page 38: User Experience & Extreme Programming: An Experience Report

Visualising interfaces

New technique: ‘physical user flows’:

visualising the product

Page 39: User Experience & Extreme Programming: An Experience Report

visualising the product

Physical user flows

Page 40: User Experience & Extreme Programming: An Experience Report

making and keeping it real:

new ways of prototyping

Page 41: User Experience & Extreme Programming: An Experience Report

Making it real……and Keeping It Real

“Prototyping: where the wheels touch down on the tarmac”

Page 42: User Experience & Extreme Programming: An Experience Report

Super-Lo-Res Prototypingmaking it real…

Page 43: User Experience & Extreme Programming: An Experience Report

Lots of sketching > prototyping:

making it real…

Page 44: User Experience & Extreme Programming: An Experience Report

Making it real

Functioning wireframes as prototypes

making it real…

Page 45: User Experience & Extreme Programming: An Experience Report

Making it real

Good, bad, ugly of this approach…

making it real…

Page 46: User Experience & Extreme Programming: An Experience Report

Finding stuff out: research

Page 47: User Experience & Extreme Programming: An Experience Report

ux research

The challenges

I can’t research all possible (agile) futures

Fast turn around times!

I really don’t want to hold anyone up / be a blocker

B2B context is uniquely challenging

Page 48: User Experience & Extreme Programming: An Experience Report

Remote, unmoderated user testing tools

ux research

Page 49: User Experience & Extreme Programming: An Experience Report

research

Micro surveys and feedback

ux research

Page 50: User Experience & Extreme Programming: An Experience Report

research

ux research

Page 51: User Experience & Extreme Programming: An Experience Report

working practices

Page 52: User Experience & Extreme Programming: An Experience Report

working practices

Challenges…

working practices

Page 53: User Experience & Extreme Programming: An Experience Report

working practices*Humour…*

Page 54: User Experience & Extreme Programming: An Experience Report

Super-huddles, Pairing and even Tripling

+

+ +

+ +

+

working practices

Page 55: User Experience & Extreme Programming: An Experience Report

UX & project sponsor pairing (e.g. our CEO)

+

+

working practices

Page 56: User Experience & Extreme Programming: An Experience Report

UI Squad: UX, Sponsor and Product Manager

+ +

working practices

Page 57: User Experience & Extreme Programming: An Experience Report

what really worked? Results??

engaging with ux

Ongoing! The fun continues…

tricky to identify and measure success criteria? There is much discussion about UX now The CEO refers to personae in slide shows! UX even crept into team members LinkedIn CVs…!

Conclusion: we’ve started on quite a long journey together with clear momentum but still much unlearning and new skills to pick up

“CEO refers to ‘customer related stuff’ using the term ‘personae’ now!”

Page 58: User Experience & Extreme Programming: An Experience Report

So! What next???

Page 59: User Experience & Extreme Programming: An Experience Report

what next??Never stop refining

– find what works for you

Page 60: User Experience & Extreme Programming: An Experience Report

*Really* magnetic personas!

what next??

Page 61: User Experience & Extreme Programming: An Experience Report

Stop Press: it’s the UX Headlines!

what next??

Page 62: User Experience & Extreme Programming: An Experience Report

The Weekly Google Analyst

what next??

Page 63: User Experience & Extreme Programming: An Experience Report
Page 64: User Experience & Extreme Programming: An Experience Report

MemberVideo Council Whitelisted

Q&A

Winner Best ContentDistribution Service

Any questions?

Page 65: User Experience & Extreme Programming: An Experience Report

MemberVideo Council Whitelisted

Thanks for listening!Still hungry? Contact me…

Winner Best ContentDistribution Service

[email protected]@hedshot