Community Based Design - reload

A design process can be extraordinarily structured, or entirely missing. Either way, it often requires a remarkable number of conversations with all the stakeholders involves, including people from different departments and the users. But, what does happen when we add the unpredictable power of a community? In this talk, I’ll share my thoughts, fears, and views on working for an open-source product.

Transcript

1. Community based
   Design
   EMANUELA DAMIANI ~ FLOWCON ~ NOVEMBER 27, 2018
   

   View Slide

2. Take something
   and make it your own
   

   View Slide

3. 2 years ago…
   

   View Slide

4. I got the job!
   

   View Slide

5. Yep, I looked up on the Internet.
   

   View Slide

6. “
   ghacks article
   July 29, 2013
   So this is your idea of a
   great user interface,
   Mozilla?
   

   View Slide

7. “
   A random guy on reddit
   5 years ago
   Is it just me or has Firefox
   become a piece of sh*t?
   

   View Slide

8. View Slide

9. ROUNDED
   CORNERS
   —
   TABS ON TOP
   

   View Slide

10. TABS
    

    View Slide

11. TOOLBAR
    TOOLBAR
    TOOLBAR
    TOOLBAR
    TOOLBAR
    

    View Slide

12. View Slide

13. Those people have
    been nasty because
    they were in pain.
    

    View Slide

14. Emanuela
    @brassy
    Working at
    UX designer for
    

    View Slide

15. 17% of market share in France
    StatCounter Global Stats
    Desktop Browser Market Share in France - October 2018
    

    View Slide

16. How many of you are using Firefox?
    

    View Slide

17. View Slide

18. There is a problem
    when we talk about
    design
    

    View Slide

19. What process apply?
    Who does take the decision?
    

    View Slide

20. It seems easier with code
    

    View Slide

21. Peer programming 

    and code review culture
    

    View Slide

22. On/Off Paradox
    

    View Slide

23. View Slide

24. “ Not to diminish the great
    work by @elioqoshi but is
    there anyone else whom has
    graphical talents and want
    to do a proposal for a logo?
    

    View Slide

25. “ I still would love to get a
    real designer to make sure
    it (type) is near perfect.
    

    View Slide

26. View Slide

27. Working in the open
    requires work
    

    View Slide

28. View Slide

29. Resources Tools Platforms
    

    View Slide

30. Resources Tools Platforms
    

    View Slide

31. Resourcers

    to re-use what is here
    already
    

    View Slide

32. Design System, 

    a product servings other products
    

    View Slide

33. Does your company have
    a pattern library or a style guide?
    

    View Slide

34. Make the right choice
    the easiest choice
    

    View Slide

35. tweet…
    

    View Slide

36. Design System is a shared
    language
    

    View Slide

37. Increase collaboration
    

    View Slide

38. View Slide

39. View Slide

40. Resources Tools Platforms
    

    View Slide

41. Tools

    to create new things
    

    View Slide

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

    View Slide

43. Design
    Decision
    

    View Slide

44. Design
    Decision
    token
    data
    (.JSON)
    

    View Slide

45. iOS
    Web
    token
    data
    (.JSON)
    token
    data
    (.xml) Android
    token as
    variables
    (.sass)
    Design
    Decision
    token as
    variables
    (.css)
    

    View Slide

46. iOS
    Web
    token
    data
    (.JSON)
    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)
    Design
    Decision
    

    View Slide

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

48. View Slide

49. Not just code
    

    View Slide

50. View Slide

51. View Slide

52. Resources Tools Platforms
    

    View Slide

53. Platforms

    where communicate
    

    View Slide

54. Blogs Bug trackers Social
    Networks
    

    View Slide

55. Reddit
    

    View Slide

56. GitHub
    

    View Slide

57. Bugzilla
    

    View Slide

58. Bugzilla
    

    View Slide

59. Bugzilla
    

    View Slide

60. Communication is the key
    

    View Slide

61. Listen to the user.
    Sure, but how?
    

    View Slide

62. Co-participatory design
    

    View Slide

63. “
    Nick Fury
    UX Practitioner, Former director of S.H.I.E.L.D.
    The idea was to bring together a
    group of remarkable people, see if
    they could become something more.
    Photo by Daria Nepriakhina on Unsplash
    

    View Slide

64. Resources Tools Platforms
    

    View Slide

65. View Slide

66. UX team Product Community
    

    View Slide

67. More than empathy
    

    View Slide

68. View Slide

69. Identify where opportunities are
    

    View Slide

70. View Slide

71. Explore solutions together
    

    View Slide

72. View Slide

73. Getting uncomfortable
    

    View Slide

74. View Slide

75. Document everything!
    

    View Slide

76. View Slide

77. Build your product
    

    View Slide

78. View Slide

79. View Slide

80. Build your community
    

    View Slide

81. FIND ME ON TWITTER: @BRASSY
    Merci!
    Questions?
    

    View Slide