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

Community Based Design - reload

Emanuela
November 27, 2018

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.

Emanuela

November 27, 2018
Tweet

More Decks by Emanuela

Other Decks in Design

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