My talk on how to adjust an agile process to accommodate design and UX, as given at the Web 2.0 Expo in New York in September, 2008.

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

2. First things first...
Who is
This Dude?

3. A Short History of
SOFTWARE
DEVELOPMENT
PROCESSES

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

5. Source: I wish I knew

6. THE PRACTICE:
CHAOS

7. The Solution?
WATERFALL

8. INCREMENTAL

9. REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE

10. DOCUMENTED

11. http://www.flickr.com/photos/simona_/2194407083/

12. GATHER
PROBLEM
IDENTIFY
DESIGN
SOLUTION IMPLEMENT
TIME

13. GATHER
PROBLEM
IDENTIFY
DESIGN
SOLUTION IMPLEMENT
TIME

14. GATHER
PROBLEM
IDENTIFY
DESIGN
SOLUTION IMPLEMENT
TIME

15. The Solution?
WATERFALL

16. Failure

19. REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE

20. REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE

21. SPECIALIZATION

22. SPECIALIZATION

23. The Solution?
AGILE

24. ITERATIVE

25. REQUIREMENTS
DESIGN
PREPARATION
CYCLE
RELEASE
DEVELOPMENT
TESTING

26. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

27. ADAPTABLE

28. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

29. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

30. RAPID

31. REQUIREMENTS
DESIGN
PREPARATION
CYCLE
RELEASE
DEVELOPMENT
TESTING
One to Four Weeks

32. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

33. COOPERATIVE

34. REQUIREMENTS
DESIGN
DEVELOPMENT
TESTING
MAINTENANCE

36. QUALITY-DRIVEN

37. The Truth About
AGILE
IN PRACTICE

38. DOGMATIC

39. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

40. CYCLE
INTERFACE DESIGN
VISUAL DESIGN
BUILD-OUT
DEVELOPMENT
TWO WEEKS

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

42. Rounded Corners
Drop Shadows
Reflections
Pastels
Helvetica
Gradients
FTW!

43. PROTOTYPE BETA LAUNCH
PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE

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

45. AGILE TENDS TO YIELD
WATERFALL

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

47. Fixing Agile for Designers
Let’s Review the
GOALS

48. ITERATIVE

49. ADAPTABLE

50. RAPID

51. COOPERATIVE

52. QUALITY-DRIVEN

53. Fixing Agile for Designers
SKEW PROJECT
CYCLES

54. CYCLE
INTERFACE DESIGN
VISUAL DESIGN
BUILD-OUT
DEVELOPMENT
TWO WEEKS

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

56. 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

57. 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

58. Fixing Agile for Designers
Make Use OF
CYCLE 0

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

60. RESEARCH

61. AGGREGATE
SURVEYS
INTERVIEWS
ANALYTICS
RESEARCH PERSONAS
TESTING
CARD SORTING COMPETITIVE

62. PRODUcT DESIGN

63. COMPETITIVE ANALYSIS
FEATURE QUADRANTS
PRODUCT DESIGN
SURVEYS BRAINSTORMING
MARKET ANALYSIS

64. OVERHEAD

65. CERTIFICATES
SUBVERSION
HOSTING
DEVELOPMENT OVERHEAD
CODE INTEGRATION STAGING
DEVELOPMENT ENVIRONMENTS

66. MOOD BOARDS

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

68. DEFINING “DONE”

69. Fixing Agile for Designers
Start Cycles With
PLANNING

70. USER STORIES

71. USERS SHOULD BE ABLE TO UPLOAD
MULTIPLE PHOTOS AT ONCE

72. TEST PLANS

73. 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

74. CYCLE PLANNING

75. 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

76. 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

77. 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

79. COLLABORATIVE
UX/UI

81. USE Documents As
COMMUNICATION

82. Fixing Agile for Designers
GET EVERYONE IN
STAND-UP

85. 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.

86. Fixing Agile for Designers
Emphasize
VALIDATION

87. FIT IN
USER TESTING

88. HAVE DEVELOPERS GIVE
PUBLIC DEMOS

89. GET THE TEAM INTO
ACCEPTANCE
TESTING

90. WHAT IF YOUR PROCESS IS
NOT FIXED
YET?

91. Process still not working?
BE
AGILE

92. Process still not working?
FOCUS ON THE
GOALS

93. ITERATIVE

94. ADAPTABLE

95. RAPID

96. COOPERATIVE

97. QUALITY-DRIVEN

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