Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Scale your Design up — codetalks version

Emanuela
September 28, 2017

Scale your Design up — codetalks version

Emanuela

September 28, 2017
Tweet

More Decks by Emanuela

Other Decks in Design

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