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

Who’s Afraid of Open Design?

Emanuela
May 06, 2018

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.

Emanuela

May 06, 2018
Tweet

More Decks by Emanuela

Other Decks in Design

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