Agile West - Holistic UX in Agile

Transcript

1. Welcome @aduroguy #agileUX
2. DESIGN IN AGILE @aduroguy #agileUX
3. HOLISTIC USER EXPERIENCE IN AN AGILE ENVIRONMENT @aduroguy #agileUX
4. I DESIGN @aduroguy #agileUX
5. U DESIGN @aduroguy #agileUX
11. DISNEY IS ONE OF THE ONLY PLACES THAT I AM HAPPY TO GO BROKE @aduroguy #agileUX
12. “WE ARE USED TO AMAZING DESIGN” @aduroguy #agileUX
13. WHAT MAKES THEM GREAT? @aduroguy #agileUX
15. THE EXPERIENCE MATTERS @aduroguy #agileUX
16. TO CARE ABOUT THE EXPERIENCE IS TO CARE ABOUT PEOPLE @aduroguy #agileUX
17. “I’M DOING THIS BECAUSE I WANT TO DO IT BETTER” @aduroguy #agileUX –WALT DISNEY
18. DESIGN IN AGILE @aduroguy #agileUX
21. 2 PROBLEMS @aduroguy #agileUX
22. 1. DEFINITION OF DESIGN 2. THE “DESIGN” EQUATION @aduroguy #agileUX
23. 1 @aduroguy #agileUX
24. DEFINE “DESIGN” @aduroguy #agileUX
26. CONCEIVE AND PLAN OUT IN MIND, TO HAVE AS A PURPOSE, TO DEVISE FOR A SPECIFIC FUNCTION OR END @aduroguy #agileUX
27. CREATIVE PROBLEM SOLVING @aduroguy #agileUX
28. 2 @aduroguy #agileUX
29. THE EQUATION IS WRONG @aduroguy #agileUX
30. BUSINESS TECH AGILE @aduroguy #agileUX
31. VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX PAINFUL
32. “AGILE” DESIGN COMPLAINTS 1. LACK OF VISION AND HOLISTIC STRATEGY. 2. FOCUSES ONLY ON MICRO DESIGN. 3. ENGINEERING DRIVEN. 4. NOT MEANT TO ASK WHY BUT TO SOLVE HOW. 5. NO TIME TO GET AWAY AND THINK. @aduroguy #agileUX
33. BIG D @aduroguy #agileUX
34. VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX
35. DESIGN THINKING @aduroguy #agileUX
36. “Design thinking is a human-centered approach to innovation that draws from the designer's toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.” —Tim Brown, president and CEO IDEO @aduroguy #agileUX
37. VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX
38. VIABILITY (BUSINESS) FEASIBILITY (TECH) DESIGN THINKING @aduroguy #agileUX DESIRABILITY (DESIGN) DELIGHTFUL
39. FEASIBLE VIABLE DESIRABLE @aduroguy #agileUX
40. BUT WAIT THERE’S MORE... @aduroguy #agileUX 3 Easy Payments of $19.99!
41. GOOD PRODUCT/SERVICE DESIGN 1. REMOVES BUSINESS AMBIGUITY. 2. DECREASES RE-WORK. 3. LEADS TO BETTER CODE. 4. CREATES A BETTER PRODUCT SOONER. 5. INCREASES TEAM MORAL AND TEAM OWNERSHIP. @aduroguy #agileUX
42. “I CAN’T WAIT TO GET TO WORK AND BUILD SOMETHING NO ONE WANTS” @aduroguy #agileUX –NO ONE EVER
43. CREATIVE PROBLEM SOLVING @aduroguy #agileUX
44. HOW @aduroguy #agileUX
45. 1. PRINCIPLES, PATTERNS 2. PROCESS @aduroguy #agileUX
46. 1 @aduroguy #agileUX
47. PRINCIPLES & PATTERNS @aduroguy #agileUX
48. MACRO & MICRO @aduroguy #agileUX
49. PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS
50. PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS MACRO MICRO UX UI
51. MACRO AT THE PRODUCT LEVEL @aduroguy #agileUX
52. DESIGNERS MUST BE ALLOWED TO ASK WHY IN THE PROCESS @aduroguy #agileUX
53. PRODUCT VISION MACRO UX @aduroguy #agileUX
54. 1. PRODUCT VISION 1. WHO THE TARGET CUSTOMER IS. 2. WHAT NEED THE PRODUCT WILL ADDRESS. 3. HOW IS IT UNIQUE? @aduroguy #agileUX
55. TO BE THE MOST EFFICIENT, EASY TO USE CHECK EXCEPTION SYSTEM FOR OUR ASSOCIATES @aduroguy #agileUX
56. WHEN I GROW UP I WANT TO BE… @aduroguy #agileUX
57. 1. PRODUCT VISION 1. DOESN’T DESCRIBE HOW. 2. WHERE WE ARE HEADED, NOT WHERE WE ARE. 3. ALIGNS WITH LARGER COMPANY MISSION. 4. MAKE IT MOTIVATING. 5. THINK BIG, BE BOLD. @aduroguy #agileUX
58. PRODUCT VISION DESIGN PRINCIPLES MACRO UX @aduroguy #agileUX
59. 2. DESIGN PRINCIPLES 1. WHAT PRINCIPLES REFLECT OUR PRODUCT VISION? 2. HOW DO WE DESCRIBE THE PRODUCT’S EXPERIENCE? @aduroguy #agileUX
60. THREE TO FIVE PRINCIPLES WORK DIRECTLY WITH THE BUSINESS GET KEY BUY IN STICK TO THEM, CITE THEM OFTEN ADJUST THEM WHEN NEEDED @aduroguy #agileUX
61. 2. DESIGN PRINCIPLES EXAMPLE 1. FLEXIBLE. 2. CONSISTENT. 3. EASY TO USE. @aduroguy #agileUX
62. MICRO AT THE INTERACTION LEVEL @aduroguy #agileUX
63. HEURISTICS MICRO UI @aduroguy #agileUX
64. JAKOB NIELSEN 10 USABILITY HEURISTICS @aduroguy #agileUX
65. EXPERIENCE DESIGNERS EQUIVALENT TO CODE QUALITY @aduroguy #agileUX
66. 3. HEURISTICS 1. Visibility of system status. 2. Match between system and the real world. 3. User control and freedom. 4. Consistency and standards. 5. Error prevention. 6. Recognition rather than recall. 7. Flexibility and efficiency of use. 8. Aesthetic and minimalist design. 9. Help users recognize, diagnose, and recover from errors. 10.Help and documentation. @aduroguy #agileUX
67. 3. HEURISTICS 1. USED DURING UX REVIEW. 2. USED TO CHECK INDIVIDUAL INTERACTIONS. 3. USED BY EVERYONE. 4. UX QUALITY CONTROL. @aduroguy #agileUX
68. HEURISTICS PATTERNS MICRO UI @aduroguy #agileUX
69. 4. PATTERN LIBRARIES AND STYLE GUIDES @aduroguy #agileUX
72. 4. PATTERN LIBRARIES 1. THE OTHER UX DESIGNER. 2. NOT JUST FOR DESIGNERS. 3. MUST BE ACCESSIBLE TO EVERYONE. 4. NEED TO BE CURATED AND UPDATED. @aduroguy #agileUX
73. PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS
74. 2 @aduroguy #agileUX
75. THE AGILE DESIGN PROCESS @aduroguy #agileUX
76. “PROCESS IS THE ENGINE OF QUALITY SERVICE” @aduroguy #agileUX –WALT DISNEY
77. @aduroguy #agileUX INSPIRATION IDEATION IMPLEMENTATION EDIT FEATURE BRIEF NEW FEATURE OR IDEA INTRODUCED GET USER FEEDBACK & RE-EVALUATE NEXT MVP MINOR ENHANCEMENT IS INTRODUCED DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL S ML
78. @aduroguy #agileUX EDIT FEATURE BRIEF NEW FEATURE OR IDEA INTRODUCED GET USER FEEDBACK & RE-EVALUATE NEXT MVP MINOR ENHANCEMENT IS INTRODUCED DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL S ML MACRO MICRO
79. @aduroguy #agileUX INSPIRATION DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL
80. @aduroguy #agileUX IDEATION SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP S ML
81. @aduroguy #agileUX IMPLEMENTATION DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES S ML
82. @aduroguy #agileUX INSPIRATION IDEATION IMPLEMENTATION EDIT FEATURE BRIEF NEW FEATURE OR IDEA INTRODUCED GET USER FEEDBACK & RE-EVALUATE NEXT MVP MINOR ENHANCEMENT IS INTRODUCED DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL S ML
83. NOT MINI WATERFALL @aduroguy #agileUX
84. @aduroguy #agileUX INSPIRATION DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL
85. FEATURE BRIEFS @aduroguy #agileUX
86. DESCRIBES IN A ONE PAGE DOCUMENT AN OVERVIEW OF BUSINESS OBJECTIVES AND TARGET USERS OF A FEATURE @aduroguy #agileUX
87. ANATOMY FEATURE BRIEF 1. FEATURE NAME. 2. OVERVIEW. 3. FEATURE OWNER. 4. OBJECTIVE AIM (3-5 BULLET POINTS). 5. ANY ASSUMPTIONS. 6. TARGET CUSTOMER/USER. aduro.us/resources/feature-brief.pdf
88. IT’S NOT DESIGN IF IT’S NOT SOLVING PROBLEMS AND THE SUCCESS OF THAT CAN BE MEASURED @aduroguy #agileUX
89. FEATURE BRIEF 1. ONE PAGE. 2. WHAT/WHY, NOT THE HOW. 3. INTENDED TO GUIDE THE DESIGN. 4. IS THE NORTH STAR. 5. UPDATE WHEN NEEDED (BE AGILE). @aduroguy #agileUX
90. @aduroguy #agileUX IDEATION SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP S ML
91. DESIGN WORKSHOPS @aduroguy #agileUX
92. IN PERSON, HANDS ON, FACILITATED WORKSHOP USED TO UNDERSTAND CLIENT/STAKEHOLDER DESIGN PROBLEMS @aduroguy #agileUX
93. DESIGN WORKSHOPS @aduroguy #agileUX
94. SECRET SAUCE @aduroguy #agileUX
95. NOT “JAD” @aduroguy #agileUX
96. PARTICIPANTS 1. DESIGN. 2. DEVELOPMENT. 3. BUSINESS. 4. CONTENT STRAT. 5. MARKETING. 6. LEGAL. @aduroguy #agileUX
97. DESIGN WORKSHOP 1. NOT ABOUT DESIGNING SCREEN OR COMING UP WITH A FINAL SOLUTION. 2. ABOUT GAINING SHARED UNDERSTANDING. 3. IN PERSON, HANDS ON. 4. HALF DAY, TO FULL DAY. 5. THE HIGH LEVEL DESIGN TO DEVELOP THE MVP. @aduroguy #agileUX
98. @aduroguy #agileUX IMPLEMENTATION DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES S ML
99. MVP @aduroguy #agileUX
100. MDP @aduroguy #agileUX MINIMUM DESIRABLE PRODUCT
101. @aduroguy #agileUX
102. @aduroguy #agileUX FEASIBLE VIABLE DESIRABLE
103. MVP 1. MUST BE MINIMUM DELIGHTFUL. 2. BUILD, MEASURE, LEARN, REPEAT. 3. VERTICAL SLICE, NOT HORIZONTAL. @aduroguy #agileUX
104. @aduroguy #agileUX INSPIRATION IDEATION IMPLEMENTATION EDIT FEATURE BRIEF NEW FEATURE OR IDEA INTRODUCED GET USER FEEDBACK & RE-EVALUATE NEXT MVP MINOR ENHANCEMENT IS INTRODUCED DELIVERY SPRINT GROOM WITH: BIZ, BA, TECH, UX REFINE ARTIFACTS & REVIEW WITH BUSINESS GROOM STORIES & REQUIREMENTS WITH BUSINESS SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL S ML
105. WHERE DO WE START? @aduroguy #agileUX
106. BRINGING IT ALL TOGETHER @aduroguy #agileUX
107. IT STARTS AND ENDS WITH THE TEAM @aduroguy #agileUX
109. FEATURE TEAMS @aduroguy #agileUX
110. CROSS FUNCTIONAL TEAMS 1. GET EVERYONE INVOLVED (DESIGN WORKSHOPS). 2. PROMOTE CROSS FUNCTIONAL PAIRING. 3. BREAK DOWN THE SILOS. 4. GET OUT OF THE BUILDING. 5. DESIGN/DEV ROCKSTARS DON’T WORK WELL. @aduroguy #agileUX
111. EMBRACE AGILE @aduroguy #agileUX
112. EMBRACE DESIGN @aduroguy #agileUX
113. THE EXPERIENCE MATTERS @aduroguy #agileUX
114. YEARS NOT MONTHS @aduroguy #agileUX
115. WHERE DO WE START? 1. RECOGNIZE THE ENTIRE DESIGN PROCESS. @aduroguy #agileUX
116. INSPIRATION IDEATION IMPLEMENTATION @aduroguy #agileUX
117. WHERE DO WE START? 1. RECOGNIZE THE ENTIRE DESIGN PROCESS. 2. CREATE PRODUCT VISION AND DESIGN PRINCIPLES. @aduroguy #agileUX
118. INSPIRE GREATNESS, THEN DESCRIBE IT WITH ADJECTIVES @aduroguy #agileUX
119. WHERE DO WE START? 1. RECOGNIZE THE ENTIRE DESIGN PROCESS. 2. CREATE PRODUCT VISION AND DESIGN PRINCIPLES. 3. WRITE THE BRIEF, CONDUCT THE WORKSHOPS @aduroguy #agileUX
120. GET EVERYONE DESIGNING IN THE BEGINNING WITH A SHARED UNDERSTANDING @aduroguy #agileUX
121. “THE WAY TO GET STARTED IS TO QUIT TALKING AND START DOING” @aduroguy #agileUX
122. Thanks @aduroguy #agileUX
123. Garren DiPasquale Experience Designer / Developer / Family Man aduro.us @aduroguy | #AgileDesign