Design & Development - Put your ego aside and make it work

Event:
Intersection Conference
UX & Development
Milan 1-2 October 2018

Speakers:
Alberto Forni - Software Engineer @Balsamiq
Sara Michelazzo - Lead Product Designer @ThoughtWorks

Abstract:
Designer to developer ratio improved by 2.5x in the last 5 years. Companies hire designers, but they fail to foster a culture of collaboration, this leads to frustration, conflicts and sub-optimal products.

Designers and developers offer two points of view on products, missing one would leave us blindsided and make us vulnerable to bad decision making.

When there is collaboration, everyone on the team can focus on what really matters: having fun, serving the users and create value for the business.

After working side by side for several years in different companies and countries, we share our insights on how to foster a culture of collaboration between design and development.

This talk is for designers, developers, product owners and anyone committed to encouraging collaboration. We will share insights on how to align teams on shared goals, embrace the appropriate rituals, follow best practices and pick the right tools.

Transcript

1. INTERSECTION CONFERENCE UX & Development - Milan - October 1-2 2018
2. !2 @ALBERTOFORNI @SARAMICHELAZZO DESIGNER DEVELOPER &
3. !3 DESIGN & DEVELOPMENT PUT YOUR EGO ASIDE AND MAKE IT WORK
4. DESIGNERS 4 WHAT HE WANTS WHAT HE GETS
5. WHAT HE WANTS WHAT HE GETS DESIGNERS 5 How can it take so long? Users expect a different interaction Devs don’t what to implement it
6. 6 DEVELOPERS I don’t like it We don’t have time to build those designs It took me so long to do it, I don’t wanna change it
7. !7 WHY FOSTER A CULTURE OF COLLABORATION? Alone we can do so little, together we can do so much. Helen Keller
8. !8 TechCrunch - Here are some reasons behind techs design shortage
9. 9 AUTONOMOUS CROSS-FUNCTIONAL TEAMS cool team pic DEVELOPERS BUSINESS ANALYST QUALITY ANALYST PRODUCT OWNER DESIGNER(S)
10. !10 AVOID CONFLICTS, FRUSTRATION AND SUB-OPTIMAL PRODUCTS
11. !11 HOW DO WE MAKE COLLABORATION HAPPEN?
12. 12 ONE TEAM ONE GOAL RITUALS CULTURE there is more than tools… TOOLS
13. 13 CLEAR GOAL RITUALS BEST PRACTICES TOOLS ATTITUDE
14. !14 ATTITUDE Find a group of people who challenge and inspire you, spend a lot of time with them and it will change your life. Amy Poehler
15. !15 BE OPEN HUMBLE CURIOUS Golden rule of collaboration: make others interested in working with you
16. DO 16 BE INTERESTED LISTEN & LEARN ASK FOR FEEDBACK HELP & ASK FOR HELP
17. 17 NEVER EVER MAKE OTHERS FEEL STUPID. How to create a safe environment: - say “I don’t know” - say “I am confused” - practice to speak simply - avoid jargon
18. !18 CLEAR GOAL The single-biggest problem in communication is the illusion that it has taken place George Bernard Shaw
19. !19 ALIGN THE TEAM USING SOMETHING IN COMMON: THE GOAL
20. !20 AN EXAMPLE: DIGITAL BANKING GOAL: Create a 100% digital experience that allows to people, that comply to security checks, to loan up to 20.000€.
21. !21 GOAL: Create a 100% digital experience that allows to people, that comply to security checks, to loan up to 20.000€. MEASURED BY: 1st to go to market in Europe 100 loans granted in 3 months …. (more) AN EXAMPLE: DIGITAL BANKING NORTH STAR
22. 22 TRADE OFF SLIDERS SPEED TO MARKET DATA SECURITY CUSTOMER EXPERIENCE 1 3 2 Whys: Make decisions transparent Clarify criteria for decision making Resolve conflicts
23. 23 MAKE IT VISIBLE! 23 USER JOURNEY GOALS MEASURE OF SUCCESS
24. !24 RITUALS The right culture introduces, supports, and reinforces beliefs and behaviours that build a thriving creative workplace. Tim Brown
25. 25 AGILE RITUALS - stand-up - showcase - iteration planning - retrospective - …
26. !26 RECIPE TO DESIGN A RITUAL - 1. Identify something to improve in your culture - 2. Flip gap or tension into a question - 3. Brainstorm ways to answer the questions - 4. Try it out - 5. Reflect on it Ideo - Leading for creativity
27. 27 foster a culture of feedback? Feedback Friday HOW MIGHT WE… FRIDAY LUNCH Download for free The gift of feedback - Sara Michelazzo, Karen Williams
28. 28 EVERYBODY DEVS make sure our product runs on all devices? UI testing HOW MIGHT WE… DESIGNER
29. !29 https://giphy.com/gifs/statefarm-ad-2Wf4evHz9Yd7Y8mPNR
30. PRACTICES Tell me and I forget, teach me and I remember, involve me and I learn Benjamin Franklin BEST
31. !31 GET TO KNOW YOUR USERS Cindy Alvarez - Lean Customer Development
32. 1 Dev on support for a week The all team running usability testing GET TO KNOW YOUR USERS We use our tool to design new features
33. 33 RUN COLLABORATIVE DESIGN SESSIONS why: - Identify issues early - Shared ownership - Reduce the cost of handovers
34. !34 Foto collaborative design session DESIGNER PRODUCT OWNER CUSTOMER SUPPORT DEVELOPER
35. !35 WIREFRAMING why: - cheap and fast way to visualise ideas - get feedback early - changes are not feared but expected
36. VOCABULARY why: - Reduce misunderstanding DEVELOPER SUPPORT MARKETING DEVELOPER DEVS !36 DESIGNER
37. !37 DESIGN JUST IN TIME DEVELOPMENT DESIGN DESIGN DEVELOPMENT DESIGN timeline iteration iteration iteration
38. !38 TOOLS Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime Chinese Proverb
39. !39 MY EXPERIENCE AT Collaborative design session on paper for new features
40. !40 MY EXPERIENCE AT Balsamiq Cloud Talk to users
41. !41 TAKE AWAY
42. !42 DESIGN & BUILD COLLABORATION
43. 43 DEFINE A CLEAR GOAL DESIGN RITUALS INTRODUCE BEST PRACTICES PICK THE RIGHT TOOLS ATTITUDE: BE OPEN HUMBLE AND CURIOUS
44. !44 @ALBERTOFORNI @SARAMICHELAZZO DESIGNER DEVELOPER
45. Organizer And main sponsor diamond sponsor Platinum sponsor \ Silver sponsor media sponsor A SPECIAL THANKS TO