Design Systems are for People

Talk for Web Directions Summit Sydney and Design Systems Coalition NYC. Not much to see on the slides, to be honest. You’ll want to watch the recording.

Transcript

1. Design Systems are
   for People
   JINA ANNE

   WEB DIRECTIONS SUMMIT

   10 NOVEMBER 2017
   

   View Slide

2. @jina
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. airbnb.design/the-way-we-build
   

   View Slide

8. —ALEX SCHLEIFER
   “Here’s the simple truth: you
   can’t innovate on products
   without first innovating the way
   you build them.”
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. —NYCTA GRAPHIC STANDARDS MANUAL
    “…orient people within the
    subway environment…”
    

    View Slide

14. —NYCTA GRAPHIC STANDARDS MANUAL
    “…The passenger will be given
    the information or direction only
    at the point of decision. Never
    before. Never after…”
    

    View Slide

15. —NYCTA GRAPHIC STANDARDS MANUAL
    “…This program will eliminate
    visual clutter, and information
    that is misleading or
    unnecessarily repetitious.”
    

    View Slide

16. Why are we here?
    

    View Slide

17. DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    DESIGN SYSTEMS
    ARE SO HOT RIGHT NOW
    

    View Slide

18. lightningdesignsystem.com
    

    View Slide

19. View Slide

20. designsystemsbook.com
    

    View Slide

21. medium.com/salesforce-ux/defining-principles-to-drive-design-decisions-b647b68fb057
    

    View Slide

22. forbes.com/sites/salesforce/2016/04/29/how-we-designed-the-new-salesforce-at-scale
    

    View Slide

23. — CRAIG VILLAMOR
    “The more decisions you put off,
    and the longer you delay them,
    the more expensive
    they become.”
    

    View Slide

24. Your internal
    customers
    

    View Slide

25. clarityconf.com/deconstructing-web-systems-or-a-pattern-language-for-web-development
    

    View Slide

26. creativebloq.com/web-design/empower-designers-code-41619919
    

    View Slide

27. — DIANA MOUNTER
    “True collaboration isn’t
    throwing designs over

    the wall…”
    

    View Slide

28. — DIANA MOUNTER
    “…It’s designers, engineers,

    and the rest of the team sharing
    the responsibility to build a
    quality product…”
    

    View Slide

29. — DIANA MOUNTER
    “…Reduce the barriers,

    support and empower them,

    and designers who code will
    become the norm.”
    

    View Slide

30. Design Systems Ops
    

    View Slide

31. medium.com/@kaelig/introducing-design-systems-ops-7f34c4561ba7
    

    View Slide

32. “…Design Systems Ops…

    is part of a design systems team,
    who needs to get into the
    designers’ shoes, and have a
    feel for what they are trying 

    to conceptualize…”
    — KAELIG DELOUMEAU-PRIGENT
    

    View Slide

33. “…At the same time,

    Design Systems Ops need to
    understand the engineering
    requirements and define
    methods that will help shipping
    and scaling the Design System.”
    — KAELIG DELOUMEAU-PRIGENT
    

    View Slide

34. Design Ops vs

    Design Systems Ops
    

    View Slide

35. publication.design.systems/distilling-how-we-think-about-design-systems-b26432eefef9
    

    View Slide

36. — SARAH FEDERMAN
    “I think as a community we’re
    starting to get a bit dogmatic
    about what design systems are
    and are not…”
    

    View Slide

37. — SARAH FEDERMAN
    “…I want to stress that all of this
    is just personal opinion
    and whatever works for your
    team is the right answer…”
    

    View Slide

38. — SARAH FEDERMAN
    “…I want newcomers to feel
    welcome and to help make
    design systems accessible to
    everyone, because I ❤ design
    systems.”
    

    View Slide

39. Empathy
    

    View Slide

40. Creativity
    

    View Slide

41. The Design Systems
    Community
    

    View Slide

42. View Slide

43. Design Systems are
    for People
    

    View Slide

44. slack.design.systems
    

    View Slide

45. publication.design.systems
    

    View Slide

46. news.design.systems
    

    View Slide

47. clarityconf.com
    

    View Slide

48. sfdsc.co
    SAN FRANCISCO
    

    View Slide

49. @jina
    

    View Slide

50. patreon.com/sushiandrobots
    

    View Slide

51. Thank You
    

    View Slide