Design and UX in an Agile Process

Slideshow Transcript

1. Slide 1: Web 2.0 Expo / NYC / 2008 DESIGN & UX IN AN AGILE PROCESS M. JACKSON WILKINSON
2. Slide 2: First things first... Who is This Dude?
3. Slide 3: A Short History of SOFTWARE DEVELOPMENT PROCESSES
4. Slide 4: A (REALLY) Short History of (CERTAIN) SOFTWARE DEVELOPMENT PROCESSES
5. Slide 5: Source: I wish I knew
6. Slide 6: THE PRACTICE: CHAOS
7. Slide 7: The Solution? WATERFALL
8. Slide 8: INCREMENTAL
9. Slide 9: REQUIREMENTS DESIGN DEVELOPMENT TESTING MAINTENANCE
10. Slide 10: DOCUMENTED
11. Slide 11: http://www.flickr.com/photos/simona_/2194407083/
12. Slide 12: GATHER PROBLEM IDENTIFY DESIGN SOLUTION IMPLEMENT TIME
13. Slide 13: GATHER PROBLEM IDENTIFY DESIGN SOLUTION IMPLEMENT TIME
14. Slide 14: GATHER PROBLEM IDENTIFY DESIGN SOLUTION IMPLEMENT TIME
15. Slide 15: The Solution? WATERFALL
16. Slide 16: Failure
17. Slide 19: REQUIREMENTS DESIGN DEVELOPMENT TESTING MAINTENANCE
18. Slide 20: REQUIREMENTS DESIGN DEVELOPMENT TESTING MAINTENANCE
19. Slide 21: SPECIALIZATION
20. Slide 22: SPECIALIZATION
21. Slide 23: The Solution? AGILE
22. Slide 24: ITERATIVE
23. Slide 25: REQUIREMENTS DESIGN PREPARATION CYCLE RELEASE DEVELOPMENT TESTING
24. Slide 26: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
25. Slide 27: ADAPTABLE
26. Slide 28: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
27. Slide 29: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
28. Slide 30: RAPID
29. Slide 31: REQUIREMENTS DESIGN PREPARATION CYCLE RELEASE DEVELOPMENT TESTING One to Four Weeks
30. Slide 32: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
31. Slide 33: COOPERATIVE
32. Slide 34: REQUIREMENTS DESIGN DEVELOPMENT TESTING MAINTENANCE
33. Slide 36: QUALITY-DRIVEN
34. Slide 37: The Truth About AGILE IN PRACTICE
35. Slide 38: DOGMATIC
36. Slide 39: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
37. Slide 40: CYCLE INTERFACE DESIGN VISUAL DESIGN BUILD-OUT DEVELOPMENT TWO WEEKS
38. Slide 41: CYCLE USER RESEARCH? INTERFACE DESIGN ORIGINAL THOUGHT? VISUAL DESIGN BUILD-OUT USER TESTING? DEVELOPMENT TWO WEEKS
39. Slide 42: Rounded Corners Drop Shadows Reflections Pastels Helvetica Gradients FTW!
40. Slide 43: PROTOTYPE BETA LAUNCH PLANNING CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE MAINTENANCE
41. Slide 44: REQUIREMENTS UI DESIGN PROTOTYPE BETA LAUNCH VISUAL DESIGN CYCLE CYCLE CYCLE CYCLE CYCLE CYCLE
42. Slide 45: AGILE TENDS TO YIELD WATERFALL
43. Slide 46: NOW THAT WE KNOW WHAT DOESN’t work, it’s time to start FIXING IT
44. Slide 47: Fixing Agile for Designers Let’s Review the GOALS
45. Slide 48: ITERATIVE
46. Slide 49: ADAPTABLE
47. Slide 50: RAPID
48. Slide 51: COOPERATIVE
49. Slide 52: QUALITY-DRIVEN
50. Slide 53: Fixing Agile for Designers SKEW PROJECT CYCLES
51. Slide 54: CYCLE INTERFACE DESIGN VISUAL DESIGN BUILD-OUT DEVELOPMENT TWO WEEKS
52. Slide 55: CYCLE INTERFACE DESIGN VISUAL DESIGN / BUILD-OUT DEVELOPMENT TWO WEEKS
53. Slide 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
54. Slide 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
55. Slide 58: Fixing Agile for Designers Make Use OF CYCLE 0
56. Slide 59: CYCLE 0 INTERFACE DESIGN CYCLE 2 CYCLE 0 VISUAL DESIGN / BUILD-OUT CYCLE 2 CYCLE 0 DEVELOPMENT CYCLE 2
57. Slide 60: RESEARCH
58. Slide 61: AGGREGATE SURVEYS INTERVIEWS ANALYTICS RESEARCH PERSONAS TESTING CARD SORTING COMPETITIVE
59. Slide 62: PRODUcT DESIGN
60. Slide 63: COMPETITIVE ANALYSIS FEATURE QUADRANTS PRODUCT DESIGN SURVEYS BRAINSTORMING MARKET ANALYSIS
61. Slide 64: OVERHEAD
62. Slide 65: CERTIFICATES SUBVERSION HOSTING DEVELOPMENT OVERHEAD CODE INTEGRATION STAGING DEVELOPMENT ENVIRONMENTS
63. Slide 66: MOOD BOARDS
64. Slide 67: COLOR TITLES TEXTURE MOOD / STYLE BOARDS LOOK/FEEL INSPIRATION STYLES
65. Slide 68: DEFINING “DONE”
66. Slide 69: Fixing Agile for Designers Start Cycles With PLANNING
67. Slide 70: USER STORIES
68. Slide 71: USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE
69. Slide 72: TEST PLANS
70. Slide 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
71. Slide 74: CYCLE PLANNING
72. Slide 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
73. Slide 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
74. Slide 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
75. Slide 79: COLLABORATIVE UX/UI
76. Slide 81: USE Documents As COMMUNICATION
77. Slide 82: Fixing Agile for Designers GET EVERYONE IN STAND-UP
78. Slide 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.
79. Slide 86: Fixing Agile for Designers Emphasize VALIDATION
80. Slide 87: FIT IN USER TESTING
81. Slide 88: HAVE DEVELOPERS GIVE PUBLIC DEMOS
82. Slide 89: GET THE TEAM INTO ACCEPTANCE TESTING
83. Slide 90: WHAT IF YOUR PROCESS IS NOT FIXED YET?
84. Slide 91: Process still not working? BE AGILE
85. Slide 92: Process still not working? FOCUS ON THE GOALS
86. Slide 93: ITERATIVE
87. Slide 94: ADAPTABLE
88. Slide 95: RAPID
89. Slide 96: COOPERATIVE
90. Slide 97: QUALITY-DRIVEN
91. Slide 98: THANKS! jackson@viget.com http://viget.com http://jounce.net