Design and UX in an Agile Process

Web 2.0 Expo / NYC / 2008 DESIGN & UX IN AN AGILE PROCESS M. JACKSON WILKINSON

First things first... Who is This Dude?

A Short History of SOFTWARE DEVELOPMENT PROCESSES

A (REALLY) Short History of (CERTAIN) SOFTWARE DEVELOPMENT PROCESSES

Source: I wish I knew

THE PRACTICE: CHAOS

The Solution? WATERFALL

INCREMENTAL

REQUIREMENTS DESIGN DEVELOPMENT TESTING MAINTENANCE

DOCUMENTED

http://www.ﬂickr.com/photos/simona_/2194407083/

GATHER PROBLEM IDENTIFY DESIGN SOLUTION IMPLEMENT TIME

The Solution? WATERFALL

Failure

SPECIALIZATION

The Solution? AGILE

ITERATIVE

REQUIREMENTS DESIGN PREPARATION CYCLE RELEASE DEVELOPMENT TESTING

PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

ADAPTABLE

REQUIREMENTS DESIGN PREPARATION CYCLE RELEASE DEVELOPMENT TESTING One to Four Weeks

COOPERATIVE

QUALITY-DRIVEN

The Truth About AGILE IN PRACTICE

DOGMATIC

CYCLE INTERFACE DESIGN VISUAL DESIGN BUILD-OUT DEVELOPMENT TWO WEEKS

CYCLE USER RESEARCH? INTERFACE DESIGN ORIGINAL THOUGHT? VISUAL DESIGN BUILD-OUT USER TESTING? DEVELOPMENT TWO WEEKS

Rounded Corners Drop Shadows Reﬂections Pastels Helvetica Gradients FTW!

REQUIREMENTS UI DESIGN PROTOTYPE BETA LAUNCH VISUAL DESIGN CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE

AGILE TENDS TO YIELD WATERFALL

NOW THAT WE KNOW WHAT DOESN’t work, it’s time to start FIXING IT

Fixing Agile for Designers Let’s Review the GOALS

ITERATIVE

ADAPTABLE

COOPERATIVE

QUALITY-DRIVEN

Fixing Agile for Designers SKEW PROJECT CYCLES

CYCLE INTERFACE DESIGN VISUAL DESIGN BUILD-OUT DEVELOPMENT TWO WEEKS

CYCLE INTERFACE DESIGN VISUAL DESIGN / BUILD-OUT DEVELOPMENT TWO WEEKS

CYCLE N-1 INTERFACE DESIGN CYCLE N+1 CYCLE N-1 VISUAL DESIGN / BUILD-OUT CYCLE N+1 CYCLE N-1 DEVELOPMENT CYCLE N+1

Fixing Agile for Designers Make Use OF CYCLE 0

CYCLE 0 INTERFACE DESIGN CYCLE 2 CYCLE 0 VISUAL DESIGN / BUILD-OUT CYCLE 2 CYCLE 0 DEVELOPMENT CYCLE 2

RESEARCH

AGGREGATE SURVEYS INTERVIEWS ANALYTICS RESEARCH PERSONAS TESTING CARD SORTING COMPETITIVE

PRODUcT DESIGN

COMPETITIVE ANALYSIS FEATURE QUADRANTS PRODUCT DESIGN SURVEYS BRAINSTORMING MARKET ANALYSIS

OVERHEAD

CERTIFICATES SUBVERSION HOSTING DEVELOPMENT OVERHEAD CODE INTEGRATION STAGING DEVELOPMENT ENVIRONMENTS

MOOD BOARDS

COLOR TITLES TEXTURE MOOD / STYLE BOARDS LOOK/FEEL INSPIRATION STYLES

DEFINING “DONE”

Fixing Agile for Designers Start Cycles With PLANNING

USER STORIES

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

TEST PLANS

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE - Test with JPEG, PNG, GIF (supported) - Test with an unsupported image format - Test with Flash not present - Test with more than 20 MB of total POST data

CYCLE PLANNING

8 USERS SHOULD BE ABLE TO UPLOAD 6 MULTIPLE PHOTOS AT ONCE - Test with JPEG, PNG, GIF (supported) 2 4 - Test with an unsupported image format - Test with Flash not present - Test with more than 20 MB of total POST data

8 USERS SHOULD BE ABLE TO UPLOAD 8 MULTIPLE PHOTOS AT ONCE - Test with JPEG, PNG, GIF (supported) 2 4 - Test with an unsupported image format - Test with Flash not present - Test with more than 20 MB of total POST data

8 USERS SHOULD BE ABLE TO UPLOAD 8 MULTIPLE PHOTOS AT ONCE - Test with JPEG, PNG, GIF (supported) 2 4 - Test with an unsupported image format - Test with Flash not present - Test with more than 20 MB of total POST data This Story: 14 hours

COLLABORATIVE UX/UI

USE Documents As COMMUNICATION

Fixing Agile for Designers GET EVERYONE IN STAND-UP

Virtual STand-UP Jackson Yesterday: Finished wireframing the rating features, all updated wireframes are in SVN. Today: Testing image upload interface from C3; diving into some user ﬂows for C4. Blockers: None for now.

Fixing Agile for Designers Emphasize VALIDATION

FIT IN USER TESTING

HAVE DEVELOPERS GIVE PUBLIC DEMOS

GET THE TEAM INTO ACCEPTANCE TESTING

WHAT IF YOUR PROCESS IS NOT FIXED YET?

Process still not working? BE AGILE

Process still not working? FOCUS ON THE GOALS

ITERATIVE

ADAPTABLE

COOPERATIVE

QUALITY-DRIVEN

THANKS! jackson@viget.com http://viget.com http://jounce.net

http://paper.li	486
http://www.7ux.nl	325
http://jounce.net	209
http://www.slideshare.net	112
http://thehotstrudel.blogspot.com	95
http://andsometimesidothis.com	81
http://samuelwiederkehr.tumblr.com	58
http://ptwiz.com	56
http://thehotstrudel.blogspot.de	50
http://matbios.tumblr.com	35
http://blog.rafaelcaceres.net	35
http://www.ptwiz.com	20
http://www.techgig.com	15
http://61.109.252.54	13
http://aadjemonkeyrock.posterous.com	10
https://twitter.com	9
http://docs.intra.mixi.co.jp	9
http://safe.tumblr.com	8
http://pinterest.com	8
http://cudesign.wordpress.com	8
http://us-w1.rockmelt.com	7
http://thehotstrudel.blogspot.ch	7
http://nonoisepv.tumblr.com	6
http://thehotstrudel.blogspot.co.at	5
http://rodrigoteixeira.posterous.com	5
http://nonoisepanoramicview.tumblr.com	4
http://a0.twimg.com	4
http://thehotstrudel.blogspot.com.es	3
http://isabel-isabeles.blogspot.com	2
http://catchkalidas.sulekha.com	2
http://ejemblog.blogspot.com	2
http://www.google.com	2
http://www.linkedin.com	2
http://shop.ptwiz.com	2
http://www.google.de	1
http://www.bing.com	1
http://thehotstrudel.blogspot.mx	1
http://thehotstrudel.blogspot.it	1
http://www.samuelwiederkehr.tumblr.com	1
https://si0.twimg.com	1
http://www.facebook.com	1
http://search.yahoo.com	1
http://thehotstrudel.blogspot.nl	1
http://localhost	1
http://einfantilab.blogspot.com	1
http://testsuite20.pbwiki.com	1
http://ttnet-muzik.biz	1
http://www.agglom.com	1
http://agglom.com	1
http://static.slideshare.net	1
http://www.sharepointuserexperience.com	1

Design and UX in an Agile Process

by M. Jackson Wilkinson

Accessibility

Categories

Upload Details

Usage Rights

60 Embeds 1,721

Statistics

Design and UX in an Agile Process Presentation Transcript