Tweet
Tweet

Slide 1

Slide 1 text

Welcome @aduroguy #agileUX

Slide 2

Slide 2 text

DESIGN IN AGILE @aduroguy #agileUX

Slide 3

Slide 3 text

HOLISTIC USER EXPERIENCE IN AN AGILE ENVIRONMENT @aduroguy #agileUX

Slide 4

Slide 4 text

I DESIGN @aduroguy #agileUX

Slide 5

Slide 5 text

U DESIGN @aduroguy #agileUX

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

DISNEY IS ONE OF THE ONLY PLACES THAT I AM HAPPY TO GO BROKE @aduroguy #agileUX

Slide 12

Slide 12 text

“WE ARE USED TO AMAZING DESIGN” @aduroguy #agileUX

Slide 13

Slide 13 text

WHAT MAKES THEM GREAT? @aduroguy #agileUX

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

THE EXPERIENCE MATTERS @aduroguy #agileUX

Slide 16

Slide 16 text

TO CARE ABOUT THE EXPERIENCE IS TO CARE ABOUT PEOPLE @aduroguy #agileUX

Slide 17

Slide 17 text

“I’M DOING THIS BECAUSE I WANT TO DO IT BETTER” @aduroguy #agileUX –WALT DISNEY

Slide 18

Slide 18 text

DESIGN IN AGILE @aduroguy #agileUX

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

2 PROBLEMS @aduroguy #agileUX

Slide 22

Slide 22 text

1. DEFINITION OF DESIGN 2. THE “DESIGN” EQUATION @aduroguy #agileUX

Slide 23

Slide 23 text

1 @aduroguy #agileUX

Slide 24

Slide 24 text

DEFINE “DESIGN” @aduroguy #agileUX

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

CONCEIVE AND PLAN OUT IN MIND, TO HAVE AS A PURPOSE, TO DEVISE FOR A SPECIFIC FUNCTION OR END @aduroguy #agileUX

Slide 27

Slide 27 text

CREATIVE PROBLEM SOLVING @aduroguy #agileUX

Slide 28

Slide 28 text

2 @aduroguy #agileUX

Slide 29

Slide 29 text

THE EQUATION IS WRONG @aduroguy #agileUX

Slide 30

Slide 30 text

BUSINESS TECH AGILE @aduroguy #agileUX

Slide 31

Slide 31 text

VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX PAINFUL

Slide 32

Slide 32 text

“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

Slide 33

Slide 33 text

BIG D @aduroguy #agileUX

Slide 34

Slide 34 text

VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX

Slide 35

Slide 35 text

DESIGN THINKING @aduroguy #agileUX

Slide 36

Slide 36 text

“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

Slide 37

Slide 37 text

VIABILITY (BUSINESS) FEASIBILITY (TECH) AGILE @aduroguy #agileUX

Slide 38

Slide 38 text

VIABILITY (BUSINESS) FEASIBILITY (TECH) DESIGN THINKING @aduroguy #agileUX DESIRABILITY (DESIGN) DELIGHTFUL

Slide 39

Slide 39 text

FEASIBLE VIABLE DESIRABLE @aduroguy #agileUX

Slide 40

Slide 40 text

BUT WAIT THERE’S MORE... @aduroguy #agileUX 3 Easy Payments of $19.99!

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

“I CAN’T WAIT TO GET TO WORK AND BUILD SOMETHING NO ONE WANTS” @aduroguy #agileUX –NO ONE EVER

Slide 43

Slide 43 text

CREATIVE PROBLEM SOLVING @aduroguy #agileUX

Slide 44

Slide 44 text

HOW @aduroguy #agileUX

Slide 45

Slide 45 text

1. PRINCIPLES, PATTERNS 2. PROCESS @aduroguy #agileUX

Slide 46

Slide 46 text

1 @aduroguy #agileUX

Slide 47

Slide 47 text

PRINCIPLES & PATTERNS @aduroguy #agileUX

Slide 48

Slide 48 text

MACRO & MICRO @aduroguy #agileUX

Slide 49

Slide 49 text

PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS

Slide 50

Slide 50 text

PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS MACRO MICRO UX UI

Slide 51

Slide 51 text

MACRO AT THE PRODUCT LEVEL @aduroguy #agileUX

Slide 52

Slide 52 text

DESIGNERS MUST BE ALLOWED TO ASK WHY IN THE PROCESS @aduroguy #agileUX

Slide 53

Slide 53 text

PRODUCT VISION MACRO UX @aduroguy #agileUX

Slide 54

Slide 54 text

1. PRODUCT VISION 1. WHO THE TARGET CUSTOMER IS. 2. WHAT NEED THE PRODUCT WILL ADDRESS. 3. HOW IS IT UNIQUE? @aduroguy #agileUX

Slide 55

Slide 55 text

TO BE THE MOST EFFICIENT, EASY TO USE CHECK EXCEPTION SYSTEM FOR OUR ASSOCIATES @aduroguy #agileUX

Slide 56

Slide 56 text

WHEN I GROW UP I WANT TO BE… @aduroguy #agileUX

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

PRODUCT VISION DESIGN PRINCIPLES MACRO UX @aduroguy #agileUX

Slide 59

Slide 59 text

2. DESIGN PRINCIPLES 1. WHAT PRINCIPLES REFLECT OUR PRODUCT VISION? 2. HOW DO WE DESCRIBE THE PRODUCT’S EXPERIENCE? @aduroguy #agileUX

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

2. DESIGN PRINCIPLES EXAMPLE 1. FLEXIBLE. 2. CONSISTENT. 3. EASY TO USE. @aduroguy #agileUX

Slide 62

Slide 62 text

MICRO AT THE INTERACTION LEVEL @aduroguy #agileUX

Slide 63

Slide 63 text

HEURISTICS MICRO UI @aduroguy #agileUX

Slide 64

Slide 64 text

JAKOB NIELSEN 10 USABILITY HEURISTICS @aduroguy #agileUX

Slide 65

Slide 65 text

EXPERIENCE DESIGNERS EQUIVALENT TO CODE QUALITY @aduroguy #agileUX

Slide 66

Slide 66 text

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

Slide 67

Slide 67 text

3. HEURISTICS 1. USED DURING UX REVIEW. 2. USED TO CHECK INDIVIDUAL INTERACTIONS. 3. USED BY EVERYONE. 4. UX QUALITY CONTROL. @aduroguy #agileUX

Slide 68

Slide 68 text

HEURISTICS PATTERNS MICRO UI @aduroguy #agileUX

Slide 69

Slide 69 text

4. PATTERN LIBRARIES AND STYLE GUIDES @aduroguy #agileUX

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

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

Slide 73

Slide 73 text

PRODUCT VISION DESIGN PRINCIPLES HEURISTICS PATTERNS

Slide 74

Slide 74 text

2 @aduroguy #agileUX

Slide 75

Slide 75 text

THE AGILE DESIGN PROCESS @aduroguy #agileUX

Slide 76

Slide 76 text

“PROCESS IS THE ENGINE OF QUALITY SERVICE” @aduroguy #agileUX –WALT DISNEY

Slide 77

Slide 77 text

@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

Slide 78

Slide 78 text

@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

Slide 79

Slide 79 text

@aduroguy #agileUX INSPIRATION DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL

Slide 80

Slide 80 text

@aduroguy #agileUX IDEATION SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP S ML

Slide 81

Slide 81 text

@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

Slide 82

Slide 82 text

@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

Slide 83

Slide 83 text

NOT MINI WATERFALL @aduroguy #agileUX

Slide 84

Slide 84 text

@aduroguy #agileUX INSPIRATION DESIGN WORKSHOP FEATURE BRIEF IDEA STATEMENT STEERING COMMITTEE PRIORITIZES & SIZES FEATURES BUSINESS HAS A NEW IDEA XL

Slide 85

Slide 85 text

FEATURE BRIEFS @aduroguy #agileUX

Slide 86

Slide 86 text

DESCRIBES IN A ONE PAGE DOCUMENT AN OVERVIEW OF BUSINESS OBJECTIVES AND TARGET USERS OF A FEATURE @aduroguy #agileUX

Slide 87

Slide 87 text

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

Slide 88

Slide 88 text

IT’S NOT DESIGN IF IT’S NOT SOLVING PROBLEMS AND THE SUCCESS OF THAT CAN BE MEASURED @aduroguy #agileUX

Slide 89

Slide 89 text

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

Slide 90

Slide 90 text

@aduroguy #agileUX IDEATION SIZE STORIES FEATURE & SHELL STORY WRITING CONFIRM PRIORITY & FEATURE SIZE DESIGN WORKSHOP S ML

Slide 91

Slide 91 text

DESIGN WORKSHOPS @aduroguy #agileUX

Slide 92

Slide 92 text

IN PERSON, HANDS ON, FACILITATED WORKSHOP USED TO UNDERSTAND CLIENT/STAKEHOLDER DESIGN PROBLEMS @aduroguy #agileUX

Slide 93

Slide 93 text

DESIGN WORKSHOPS @aduroguy #agileUX

Slide 94

Slide 94 text

SECRET SAUCE @aduroguy #agileUX

Slide 95

Slide 95 text

NOT “JAD” @aduroguy #agileUX

Slide 96

Slide 96 text

PARTICIPANTS 1. DESIGN. 2. DEVELOPMENT. 3. BUSINESS. 4. CONTENT STRAT. 5. MARKETING. 6. LEGAL. @aduroguy #agileUX

Slide 97

Slide 97 text

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

Slide 98

Slide 98 text

@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

Slide 99

Slide 99 text

MVP @aduroguy #agileUX

Slide 100

Slide 100 text

MDP @aduroguy #agileUX MINIMUM DESIRABLE PRODUCT

Slide 101

Slide 101 text

@aduroguy #agileUX

Slide 102

Slide 102 text

@aduroguy #agileUX FEASIBLE VIABLE DESIRABLE

Slide 103

Slide 103 text

MVP 1. MUST BE MINIMUM DELIGHTFUL. 2. BUILD, MEASURE, LEARN, REPEAT. 3. VERTICAL SLICE, NOT HORIZONTAL. @aduroguy #agileUX

Slide 104

Slide 104 text

@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

Slide 105

Slide 105 text

WHERE DO WE START? @aduroguy #agileUX

Slide 106

Slide 106 text

BRINGING IT ALL TOGETHER @aduroguy #agileUX

Slide 107

Slide 107 text

IT STARTS AND ENDS WITH THE TEAM @aduroguy #agileUX

Slide 108

Slide 108 text

No content

Slide 109

Slide 109 text

FEATURE TEAMS @aduroguy #agileUX

Slide 110

Slide 110 text

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

Slide 111

Slide 111 text

EMBRACE AGILE @aduroguy #agileUX

Slide 112

Slide 112 text

EMBRACE DESIGN @aduroguy #agileUX

Slide 113

Slide 113 text

THE EXPERIENCE MATTERS @aduroguy #agileUX

Slide 114

Slide 114 text

YEARS NOT MONTHS @aduroguy #agileUX

Slide 115

Slide 115 text

WHERE DO WE START? 1. RECOGNIZE THE ENTIRE DESIGN PROCESS. @aduroguy #agileUX

Slide 116

Slide 116 text

INSPIRATION IDEATION IMPLEMENTATION @aduroguy #agileUX

Slide 117

Slide 117 text

WHERE DO WE START? 1. RECOGNIZE THE ENTIRE DESIGN PROCESS. 2. CREATE PRODUCT VISION AND DESIGN PRINCIPLES. @aduroguy #agileUX

Slide 118

Slide 118 text

INSPIRE GREATNESS, THEN DESCRIBE IT WITH ADJECTIVES @aduroguy #agileUX

Slide 119

Slide 119 text

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

Slide 120

Slide 120 text

GET EVERYONE DESIGNING IN THE BEGINNING WITH A SHARED UNDERSTANDING @aduroguy #agileUX

Slide 121

Slide 121 text

“THE WAY TO GET STARTED IS TO QUIT TALKING AND START DOING” @aduroguy #agileUX

Slide 122

Slide 122 text

Thanks @aduroguy #agileUX

Slide 123

Slide 123 text

Garren DiPasquale Experience Designer / Developer / Family Man aduro.us @aduroguy | #AgileDesign