AGILE
Web 2.0 Expo / NYC / 2008
DESIGN & UX IN AN
P R O C E S SM. JACKSON WILKINSON
Who isThis Dude?
First things first...
A Short History of
SOFTWAREDEVELOPMENTPROCESSES
A (REALLY) Short History of (CERTAIN)
SOFTWAREDEVELOPMENTPROCESSES
Source: I wish I knew
CHAOSTHE PRACTICE:
WATERFALLThe Solution?
INCREMENTAL
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE
DOCUMENTED
http://www.flickr.com/photos/simona_/2194407083/
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
TIME
PROBLEM
SOLUTION
GATHER
IDENTIFY
DESIGN
IMPLEMENT
WATERFALLThe Solution?
Failure
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE
SPECIALIZATION
SPECIALIZATION
AGILEThe Solution?
ITERATIVE
CYCLE
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
PREPARATION
RELEASE
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
ADAPTABLE
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
RAPID
CYCLE
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
PREPARATION
RELEASE
One to Four Weeks
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
COOPERATIVE
REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE
QUALITY-DRIVEN
AGILE IN PRACTICE
The Truth About
DOGMATIC
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
CYCLE
INTERFACE DESIGN
VISUAL DESIGN
DEVELOPMENT
BUILD-OUT
TWO WEEKS
CYCLE
INTERFACE DESIGN
VISUAL DESIGN
DEVELOPMENT
BUILD-OUT
TWO WEEKS
USER RESEARCH?
USER TESTING?
ORIGINAL THOUGHT?
Rounded Corners
Drop Shadows
Reflections
Pastels
Helvetica
Gradients
FTW!
PLANNING CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
MAINTENANCE
REQUIREMENTS
CYCLE
PROTOTYPE
CYCLE CYCLE CYCLE CYCLE CYCLE
BETA LAUNCH
VISUAL DESIGN
UI DESIGN
WATERFALLAGILE TENDS TO YIELD
FIXING ITNOW THAT WE KNOW WHAT
DOESN’t work, it’s time to start
GOALSLet’s Review the
Fixing Agile for Designers
ITERATIVE
ADAPTABLE
RAPID
COOPERATIVE
QUALITY-DRIVEN
CYCLESSKEW PROJECT
Fixing Agile for Designers
CYCLE
INTERFACE DESIGN
VISUAL DESIGN
DEVELOPMENT
BUILD-OUT
TWO WEEKS
CYCLE
INTERFACE DESIGN
VISUAL DESIGN / BUILD-OUT
DEVELOPMENT
TWO WEEKS
INTERFACE DESIGN
VISUAL DESIGN / BUILD-OUT
DEVELOPMENT
CYCLE N+1
CYCLE N+1
CYCLE N+1
CYCLE N-1
CYCLE N-1
CYCLE N-1
INTERFACE DESIGN
VISUAL DESIGN / BUILD-OUT
DEVELOPMENT
CYCLE N+1
CYCLE N+1
CYCLE N+1
CYCLE N-1
CYCLE N-1
CYCLE N-1
CYCLE 0Make Use OF
Fixing Agile for Designers
INTERFACE DESIGN
VISUAL DESIGN / BUILD-OUT
DEVELOPMENT
CYCLE 2
CYCLE 2
CYCLE 2
CYCLE 0
CYCLE 0
CYCLE 0
RESEARCH
RESEARCH
SURVEYSAGGREGATE
INTERVIEWS
TESTING
PERSONAS
COMPETITIVE
ANALYTICS
CARD SORTING
PRODUcT DESIGN
PRODUCT DESIGN
FEATURE QUADRANTSCOMPETITIVE ANALYSIS
BRAINSTORMING
MARKET ANALYSIS
SURVEYS
OVERHEAD
DEVELOPMENT OVERHEAD
SUBVERSIONHOSTING
STAGING
DEVELOPMENT ENVIRONMENTS
CODE INTEGRATION
CERTIFICATES
MOOD BOARDS
MOOD / STYLE BOARDS
TITLESTEXTURE
INSPIRATION
STYLES
LOOK/FEEL
COLOR
DEFINING “DONE”
PLANNINGStart Cycles With
Fixing Agile for Designers
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
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
8 624
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
8 824
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
8 824
This Story: 14 hours
COLLABORATIVEUX/UI
USE Documents AsCOMMUNICATION
STAND-UPGET EVERYONE IN
Fixing Agile for Designers
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 flows for C4. Blockers: None for now.
VALIDATIONEmphasizeFixing Agile for Designers
FIT INUSER TESTING
HAVE DEVELOPERS GIVEPUBLIC DEMOS
GET THE TEAM INTOACCEPTANCE
TESTING
NOT FIXEDYET?
WHAT IF YOUR PROCESS IS
AGILEBE
Process still not working?
GOALSFOCUS ON THE
Process still not working?
ITERATIVE
ADAPTABLE
RAPID
COOPERATIVE
QUALITY-DRIVEN