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 happens 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. Who's Afraid of
   Open Design?
   EMANUELA DAMIANI ~ ACE CONF ~ MAY 18, 2018
   

   View Slide

2. Take something
   and make it your own
   

   View Slide

3. Emanuela
   @brassy
   Working at
   UX designer for
   

   View Slide

4. 22.2% of market share in Poland
   StatCounter Global Stats
   Desktop Browser Market Share in Poland - April 2018
   

   View Slide

5. View Slide

6. Let me tell you a
   story
   

   View Slide

7. 2 years ago…
   

   View Slide

8. I got the job!
   

   View Slide

9. Yep, I looked up on the Internet.
   

   View Slide

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

    View Slide

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

    View Slide

12. TABS
    

    View Slide

13. TOOLBARS
    

    View Slide

14. View Slide

15. ROUND CORNERS
    

    View Slide

16. TABS

    ON THE TOP
    

    View Slide

17. ADD-ONS
    ANYONE?
    

    View Slide

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

    View Slide

19. More common that we think
    

    View Slide

20. View Slide

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

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

    View Slide

23. View Slide

24. There is a problem
    when we talk about
    design
    

    View Slide

25. What process apply?
    Who takes the decision?
    

    View Slide

26. It seems easier with code
    

    View Slide

27. Working in the open
    requires work
    

    View Slide

28. Resources Tools Platforms
    

    View Slide

29. Resourcers

    enable the community to
    re-use what already exists
    

    View Slide

30. Design System, 

    a product servings other products
    

    View Slide

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

    View Slide

32. Make the right choice
    the easiest choice
    

    View Slide

33. tweet…
    

    View Slide

34. design system is a shared
    language
    

    View Slide

35. increase collaboration
    

    View Slide

36. View Slide

37. View Slide

38. Tobias Bernard
    interaction designer on the GNOME project
    

    View Slide

39. View Slide

40. Tools

    enable the community to
    create new things
    

    View Slide

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

    View Slide

42. design

    decision
    

    View Slide

43. token
    data
    (.JSON)
    design

    decision
    

    View Slide

44. iOS
    Web
    token
    data
    (.JSON)
    design

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

    View Slide

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

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

47. View Slide

48. View Slide

49. Not just code
    

    View Slide

50. View Slide

51. View Slide

52. Platforms

    facilitate the conversation
    between you and the
    community
    

    View Slide

53. View Slide

54. From Add-Ons to Web-Extensions
    

    View Slide

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

    View Slide

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

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

58. View Slide

59. Communication is the key
    

    View Slide

60. Communication is the key
    Kaitlin Robbs' Vocabulary Wheel
    

    View Slide

61. Tell positive stories
    

    View Slide

62. View Slide

63. View Slide

64. Gabriel Ivanica
    Best Tab Manager
    Session Sync
    Yoann Lecuyer
    Best Dynamic Theme
    Best Dynamic Theme
    Envify
    Oleksandr
    Best Games & Entertainment
    Worldwide Radio
    

    View Slide

65. Blogs Bug trackers Social
    Networks
    

    View Slide

66. GitHub
    

    View Slide

67. Not all your users are
    part of your community
    

    View Slide

68. Bugzilla
    

    View Slide

69. Bugzilla
    

    View Slide

70. But all your users can

    join your community
    

    View Slide

71. Reddit
    

    View Slide

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

    View Slide

73. View Slide

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

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

    View Slide

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

    View Slide

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

    View Slide

78. View Slide

79. View Slide

80. View Slide

81. View Slide

82. View Slide

83. View Slide

84. Am I still afraid of
    open design?
    

    View Slide

85. Yes, and…
    

    View Slide

86. Thank you!
    FIND ME ON TWITTER: @BRASSY
    

    View Slide