Design Revolution!

Over the next years, how we design, prototype, and test services and products will change dramatically. We are transitioning from a traditional, industrial mindset of design as a rigid planning process towards the experience of design as a continuous and evolving conversation between makers and users. This talk, based on real-life experiences, explores how design is changing in the digital age, beyond the initial delivery of specifications and blueprints, to an adaptive co-creation process that evolves iteratively over time. This emergent idea of designOps is dissolving the boundaries between planning, discovery, building, and operating phases, leading to results that are more in tune with the true needs of users.

Transcript

1. Design
   Revolution!
   Emanuela Damiani ~ Codemotion Madrid ~ November, 24 2017
   

   View Slide

2. design is
   changing
   

   View Slide

3. View Slide

4. View Slide

5. design is
   changing
   

   View Slide

6. markets are
   hard to predict
   

   View Slide

7. today everything is software
   

   View Slide

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

   View Slide

9. software
   is easy to change
   

   View Slide

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

    View Slide

11. flexibility
    & resilience
    

    View Slide

12. rethink how we create
    digital product and services
    

    View Slide

13. Emanuela
    @brassy
    Working at
    UX designer for
    

    View Slide

14. 15.03% of market share in Spain
    StatCounter Global Stats (Desktop)
    October 2017
    

    View Slide

15. Firefox Quantum
    new. fast. fierce.
    Released last week!
    

    View Slide

16. View Slide

17. Design
    for learning!
    Experimenting Is Part of the Design Process
    

    View Slide

18. design is not
    predict the future
    

    View Slide

19. designers focus is before the launch
    

    View Slide

20. What about
    user research?
    

    View Slide

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

    View Slide

22. 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

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

    View Slide

24. capture learnings
    and react rapidly
    

    View Slide

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

    View Slide

26. baby steps
    

    View Slide

27. Think
    Make
    Check
    

    View Slide

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

    View Slide

29. running one experiment
    is easy…
    Matteo Cavucci — Redesign Design
    @matteoMCED
    “
    

    View Slide

30. running experiments at scale
    is hard!
    Matteo Cavucci — Redesign Design
    @matteoMCED
    “
    

    View Slide

31. devOps
    

    View Slide

32. devOps
    is not developer operations
    

    View Slide

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

    View Slide

34. you build it,
    you run it
    DevOps Mantra
    

    View Slide

35. observing
    the product
    

    View Slide

36. devOps is
    all about feedback
    

    View Slide

37. design as a continuous
    conversation
    designOps
    

    View Slide

38. a two-way conversation
    

    View Slide

39. building shippable software is
    expensive, but effective
    

    View Slide

40. minimise efforts,
    maximise feedback
    

    View Slide

41. A.I. and machine learning
    

    View Slide

42. experiments require automation and
    organisational structure
    

    View Slide

43. Ideate Specifications
    Frame
    industrial mindset
    Design Phase
    

    View Slide

44. Distribution
    Production
    industrial mindset
    Ideate Specifications
    Frame
    Design Phase
    

    View Slide

45. Design
    for everyone!
    Everyone Should Be Able To Produce Design Artefacts
    

    View Slide

46. Design System, 

    a product servings other products
    

    View Slide

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

    View Slide

48. make the right choice
    the easiest choice
    

    View Slide

49. tweet…
    

    View Slide

50. design system is a shared
    language
    

    View Slide

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

    View Slide

52. enable other
    to design
    

    View Slide

53. View Slide

54. View Slide

55. View Slide

56. design
    infrastructure
    

    View Slide

57. View Slide

58. View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. unique
    source-of-truth
    

    View Slide

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

    View Slide

66. design

    decision
    

    View Slide

67. token
    data
    (.JSON)
    design

    decision
    

    View Slide

68. iOS
    Web
    token
    data
    (.JSON)
    design

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

    View Slide

69. 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

70. 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

71. View Slide

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

    View Slide

73. focus on what
    really matter
    

    View Slide

74. making your design
    more accessible
    

    View Slide

75. making your design
    more future-friendly
    

    View Slide

76. making your design
    more performant
    

    View Slide

77. making your design
    more resilient
    

    View Slide

78. define micro-interactions 

    and animations
    

    View Slide

79. build a conversation
    with the users
    

    View Slide

80. you run it,
    you design it
    

    View Slide

81. design
    the feedback
    

    View Slide

82. View Slide

83. View Slide

84. me!
    

    View Slide

85. delight
    the user
    

    View Slide

86. everything is automate! 

    so, what now?
    

    View Slide

87. Design
    doesn’t end!
    Launching a New Feature Is Just the Beginning
    

    View Slide

88. the water-scrum-fall
    

    View Slide

89. Marketing &
    Sales
    the water-scrum-fall
    

    View Slide

90. Marketing &
    Sales
    the water-scrum-fall
    Stakeholders
    

    View Slide

91. Marketing &
    Sales
    Project
    Manager
    the water-scrum-fall
    Stakeholders
    

    View Slide

92. Marketing &
    Sales
    Project
    Manager
    Design
    Team
    the water-scrum-fall
    Stakeholders
    

    View Slide

93. Marketing &
    Sales
    Project
    Manager
    Design
    Team
    User
    Research
    Team
    the water-scrum-fall
    Stakeholders
    

    View Slide

94. Marketing &
    Sales
    Project
    Manager
    Design
    Team
    User
    Research
    Team
    the water-scrum-fall
    Specs!
    Stakeholders
    

    View Slide

95. Marketing &
    Sales
    Project
    Manager
    Design
    Team
    Dev Team
    User
    Research
    Team
    the water-scrum-fall
    Specs!
    Stakeholders
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

100. organisational
     structures
     

     View Slide

101. Cross functional
     the product team
     

     View Slide

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

     View Slide

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

     View Slide

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

     include a designer
     the product team
     

     View Slide

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

     View Slide

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

     View Slide

107. 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

108. Includes designers, developers, data
     analysts
     designOps team
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

112. 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

113. 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

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. governance
     

     View Slide

116. no magic
     spell
     

     View Slide

117. ¡Gracias!
     Thank You
     Emanuela Damiani ~ Codemotion Madrid ~ November, 24 2017
     

     View Slide