Scale your Design up — codetalks version

Transcript

1. Emanuela Damiani
   Code.Talks — Hamburg — September 28, 2017
   Scale Your
   Design Up
   

   View Slide

2. design is
   changing
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. design is
   changing
   

   View Slide

7. Matteo
   @MatteoMCED
   Senior Consultant for ThoughtWorks
   

   View Slide

8. Ideate Specifications
   Frame
   industrial mindset
   Design Phase
   

   View Slide

9. Distribution
   Production
   industrial mindset
   Ideate Specifications
   Frame
   Design Phase
   

   View Slide

10. Emanuela
    @brassy
    Working at
    ux designer for Firefox
    

    View Slide

11. 36.03% of market share in germany
    StatCounter Global Stats
    August 2017
    

    View Slide

12. Firefox Quantum
    new. fast. fierce.
    available in release by november 14
    

    or right now in beta or in the
    developer edition
    

    View Slide

13. View Slide

14. markets are
    hard to predict
    

    View Slide

15. today everything is software
    

    View Slide

16. 6/10 top 10 companies in the world
    are tech companies
    

    View Slide

17. software
    is easy to change
    

    View Slide

18. Recall a product is way more expensive
    than a bug-fix
    

    View Slide

19. flexibility
    & resilience
    

    View Slide

20. rethink how we create
    digital product and services
    

    View Slide

21. “
    Alberto Brandolini
    Introducing Eventstorming
    Few people have done
    more harm to software
    development than those
    advocating that is like
    “building a house”.
    

    View Slide

22. making software
    as hardware
    

    View Slide

23. the water-scrum-fall
    

    View Slide

24. Marketing &
    Sales
    the water-scrum-fall
    

    View Slide

25. Marketing &
    Sales
    Stakeholde
    rs
    the water-scrum-fall
    

    View Slide

26. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    the water-scrum-fall
    

    View Slide

27. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    the water-scrum-fall
    

    View Slide

28. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    User
    Research
    Team
    the water-scrum-fall
    

    View Slide

29. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    User
    Research
    Team
    the water-scrum-fall
    Specs!
    

    View Slide

30. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    the water-scrum-fall
    Specs!
    

    View Slide

31. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    Final
    Product
    the water-scrum-fall
    Specs!
    

    View Slide

32. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    Final
    Product
    Users
    the water-scrum-fall
    Specs!
    

    View Slide

33. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    Final
    Product
    Users
    the water-scrum-fall
    Specs!
    

    View Slide

34. Marketing &
    Sales
    Stakeholde
    rs
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    Final
    Product
    Users
    the water-scrum-fall
    Specs!
    

    View Slide

35. design as
    planning for
    the future
    

    View Slide

36. designers focus is before the launch
    

    View Slide

37. What about
    user research?
    

    View Slide

38. “
    Brian Nosek
    Estimating the reproducibility of psychological science
    Over half of psychology
    studies fail
    reproducibility test.
    

    View Slide

39. Subject selection bias
    Poor experimental control
    Inconsistent measurement
    Demand characteristics
    Inadequate consideration of statistical power
    Partial reporting
    Post-hoc cherry picking of significant results
    Why research fails
    

    View Slide

40. people don’t know what they want
    until they’re using it
    

    View Slide

41. capture learnings
    and react rapidly
    

    View Slide

42. decisions are less important
    if it’s easy to adjust our course
    

    View Slide

43. baby steps
    

    View Slide

44. Think
    Make
    Check
    

    View Slide

45. Think Make Check
    Sketch Decide
    the “5 days” approach
    

    View Slide

46. running one experiment
    is easy…
    Matteo Cavucci
    “
    

    View Slide

47. running experiments at scale
    is hard!
    Matteo Cavucci
    “
    

    View Slide

48. devOps
    

    View Slide

49. devOps
    is not developer operations
    

    View Slide

50. “
    Jez Humble
    Notes around the devOps manifesto
    Delivery teams run software
    products - not projects -
    that run from inception to
    retirement
    

    View Slide

51. you build it,
    you run it
    DevOps Mantra
    

    View Slide

52. observing
    the product
    

    View Slide

53. devOps is
    all about feedback
    

    View Slide

54. design as a continuous
    conversation
    designOps
    

    View Slide

55. a two-way conversation
    

    View Slide

56. building shippable software is
    expensive, but effective
    

    View Slide

57. minimise efforts,
    maximise feedback
    

    View Slide

58. A.I. and machine learning
    

    View Slide

59. experiments require automation and
    organisational structure
    

    View Slide

60. Design System, 

    a product servings other products
    

    View Slide

61. does your company have
    a pattern library or a style guide?
    

    View Slide

62. make the right choice
    the easiest choice
    

    View Slide

63. tweet…
    

    View Slide

64. design system is a shared
    language
    

    View Slide

65. faster generation of experiments,
    easier to create multiple variants
    

    View Slide

66. enable other
    to design
    

    View Slide

67. View Slide

68. View Slide

69. View Slide

70. design
    infrastructure
    

    View Slide

71. View Slide

72. View Slide

73. View Slide

74. View Slide

75. View Slide

76. View Slide

77. View Slide

78. unique
    source-of-truth
    

    View Slide

79. design tokens, design decisions
    make it easy to implement
    

    View Slide

80. design

    decision
    

    View Slide

81. token
    data
    (.JSON)
    design

    decision
    

    View Slide

82. iOS
    Web
    token
    data
    (.JSON)
    design

    decision
    token
    data
    (.xml) Android
    token as
    variables
    (.css)
    token as
    variables
    (.sass)
    

    View Slide

83. iOS
    Web
    token
    data
    (.JSON)
    design

    decision
    token
    data
    (.xml) Android
    token as
    variables
    (.css)
    design
    system
    website
    npm
    module
    sketch color
    palette
    keynote
    color palette
    addons
    website
    token as
    variables
    (.sass)
    

    View Slide

84. iOS
    Web
    token
    data
    (.JSON)
    design

    decision
    token
    data
    (.xml) Android
    token as
    variables
    (.css)
    design
    system
    website
    npm
    module
    sketch color
    palette
    keynote
    color palette
    the next hot
    thing!
    addons
    website
    token as
    variables
    (.sass)
    

    View Slide

85. View Slide

86. start with but don’t stall
    with just color & type.
    

    View Slide

87. focus on what
    really matter
    

    View Slide

88. making your design
    more accessible
    

    View Slide

89. making your design
    more future-friendly
    

    View Slide

90. making your design
    more performant
    

    View Slide

91. making your design
    more resilient
    

    View Slide

92. define micro-interactions 

    and animations
    

    View Slide

93. build a conversation
    with the users
    

    View Slide

94. you run it,
    you design it
    

    View Slide

95. design
    the feedback
    

    View Slide

96. View Slide

97. View Slide

98. me!
    

    View Slide

99. delight
    the user
    

    View Slide

100. everything is automate! 

     so, what now?
     

     View Slide

101. organisational
     structures
     

     View Slide

102. Cross functional
     the product team
     

     View Slide

103. Cross functional
     End-to-end value creation
     the product team
     

     View Slide

104. Cross functional
     End-to-end value creation
     Domain experts
     the product team
     

     View Slide

105. Cross functional
     End-to-end value creation
     Domain experts
     May (or may not!) 

     include a designer
     the product team
     

     View Slide

106. user-driven iterations
     Product Team
     co-creation of value driven by
     experiments
     feedback!
     Users
     Production
     Environment
     

     View Slide

107. dynamic strategy
     Product Team
     co-creation of value driven by
     experiments
     purpose
     feedback!
     feedback!
     Users
     Strategy
     Production
     Environment
     

     View Slide

108. design as a service
     Product Team
     Users
     Strategy
     co-creation of value driven by
     experiments Production
     Environment
     purpose
     feedback!
     pull, not push!
     feedback!
     feedback!
     DesignOps
     

     View Slide

109. Includes designers, developers, data
     analysts
     designOps team
     

     View Slide

110. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     designOps team
     

     View Slide

111. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     Manage the design system life
     designOps team
     

     View Slide

112. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     Manage the design system life
     Observes org design needs
     designOps team
     

     View Slide

113. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     Manage the design system life
     Observes org design needs
     Ideates org-wide solutions
     designOps team
     

     View Slide

114. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     Manage the design system life
     Observes org design needs
     Ideates org-wide solutions
     Scales up local optimised solutions
     designOps team
     

     View Slide

115. Includes designers, developers, data
     analysts
     Provides the design infrastructure
     Manage the design system life
     Observes org design needs
     Ideates org-wide solutions
     Scales up local optimised solutions
     […]
     designOps team
     

     View Slide

116. governance
     

     View Slide

117. no magic
     spell
     

     View Slide

118. design for learning

     experimenting is part of the design process
     

     View Slide

119. everyone in your organisation should be able
     to produce high quality design artefacts
     

     View Slide

120. launching a new feature is just the
     beginning of a continuous design process
     

     View Slide

121. Emanuela Damiani
     Thank you
     Scale Your Design Up
     Code.Talks — Hamburg — September 28, 2017
     

     View Slide