Who’s Afraid of Open Design?

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. View Slide

2. Who's Afraid of
   Open Design?
   EMANUELA DAMIANI ~ UX SALON ~ MAY 6, 2018
   

   View Slide

3. Elio Qoshi
   Open Source Designer and Many Others Things
   

   View Slide

4. “
   Elio Qoshi
   Open Source Designer and Many Others Things
   An Open Source Designer
   shouldn't be worried about
   getting forked
   

   View Slide

5. Emanuela
   @brassy
   Working at
   UX designer for
   

   View Slide

6. 5.8% of market share in Israel
   StatCounter Global Stats
   Desktop Browser Market Share in Israel - April 2018
   

   View Slide

7. 5.8% of market share in Israel
   StatCounter Global Stats
   Desktop Browser Market Share in Israel - April 2018
   

   View Slide

8. 5.8% of market share in Israel
   StatCounter Global Stats
   Desktop Browser Market Share in Israel - April 2018
   

   View Slide

9. View Slide

10. Story time
    

    View Slide

11. 2 years ago…
    

    View Slide

12. I got the job!
    

    View Slide

13. yep, I looked up on the Internet.
    

    View Slide

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

    View Slide

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

    View Slide

16. TABS
    

    View Slide

17. TOOLBARS
    

    View Slide

18. View Slide

19. ROUND CORNERS
    

    View Slide

20. TABS

    ON THE TOP
    

    View Slide

21. ADD-ONS
    ANYONE?
    

    View Slide

22. Your user base will
    always react to your
    design decisions
    

    View Slide

23. More common that we think
    

    View Slide

24. View Slide

25. “ 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

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

    View Slide

27. View Slide

28. There is a problem
    when we talk about
    design
    

    View Slide

29. What process apply?
    Who takes the decision?
    

    View Slide

30. It seems easier with code
    

    View Slide

31. Working in the open
    requires work
    

    View Slide

32. Resources Tools Platforms
    

    View Slide

33. Resourcers

    enable the community to
    re-use what already exists
    

    View Slide

34. Design System, 

    a product servings other products
    

    View Slide

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

    View Slide

36. Make the right choice
    the easiest choice
    

    View Slide

37. tweet…
    

    View Slide

38. design system is a shared
    language
    

    View Slide

39. increase collaboration
    

    View Slide

40. View Slide

41. View Slide

42. Tobias Bernard
    interaction designer on the GNOME project
    

    View Slide

43. View Slide

44. Tools

    enable the community to
    create new things
    

    View Slide

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

    View Slide

46. design

    decision
    

    View Slide

47. token
    data
    (.JSON)
    design

    decision
    

    View Slide

48. iOS
    Web
    token
    data
    (.JSON)
    design

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

    View Slide

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

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

51. View Slide

52. View Slide

53. Not just code
    

    View Slide

54. View Slide

55. View Slide

56. Platforms

    facilitate the conversation
    between you and the
    community
    

    View Slide

57. View Slide

58. From Add-Ons to Web-Extensions
    

    View Slide

59. “
    The Road to Firefox 57 – Compatibility Milestones
    February 16, 2016
    Firefox 57, November 14th release
    - Firefox will only run
    WebExtensions
    

    View Slide

60. “ Do not deprive us of freedom
    with an overprotective idea.
    Please truncate past assets
    early and do not involve us in a
    self-suicide suicide.
    

    View Slide

61. “
    I want to add my voice to
    many other voices all
    expressing the same idea. XUL
    and SDK add-ons are currently
    one of the very few remaining
    reasons me and many other
    users stay with Firefox.
    

    View Slide

62. View Slide

63. Communication is the key
    

    View Slide

64. Tell positive stories
    

    View Slide

65. View Slide

66. View Slide

67. The winners of the will be announced
    on Tuesday, May 8
    

    View Slide

68. Blogs Bug trackers Social
    Networks
    

    View Slide

69. GitHub
    

    View Slide

70. Not all your users are
    part of your community
    

    View Slide

71. Bugzilla
    

    View Slide

72. Bugzilla
    

    View Slide

73. But all your users can

    join your community
    

    View Slide

74. Reddit
    

    View Slide

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

    View Slide

76. View Slide

77. “
    So I restarted the browser a few
    moments ago and was instantly hit
    with this new quantum crap. I
    cannot stand how it looks, I cannot
    get use to it, I literally hate
    everything about it.
    

    View Slide

78. “ Is it possible to get rounded tabs in
    Firefox 57? The current tabs are so
    square they really disturb me…
    

    View Slide

79. “ Is it possible to get rounded tabs in
    Firefox 57? The current tabs are so
    square they really disturb me…
    

    View Slide

80. “ Is it possible to get rounded tabs in
    Firefox 57? The current tabs are so
    square they really disturb me…
    

    View Slide

81. View Slide

82. View Slide

83. View Slide

84. View Slide

85. View Slide

86. View Slide

87. Am I still afraid of
    open design?
    

    View Slide

88. “ The oldest and strongest
    emotion of mankind is fear,
    and the oldest and strongest
    kind of fear is fear of the
    unknown.
    H. P. Lovecraft
    

    View Slide

89. View Slide