Setting up your OSS for design contributions.

A presentation at Open Up Summit 2020 in September 2020 in Taipei, Taiwan by Eriol Fox

Slide 1

Slide 1

Setting up your OSS for design contributions. Slides in Keynote file: https://bit.ly/EF-open-up-2020 @opendesignis @erioldoesdesign

Slide 2

Slide 2

Hi, I’m Eriol. (Ehh-roll). They/Them pronouns. 10 years in digital product design & UX. 7 years in humanitarian sector 2 years in (FL)OSS. PhD student researching how designers interact with OSS. Designer at Open Food Network @opendesignis @erioldoesdesign

Slide 3

Slide 3

  • = @opendesignis @erioldoesdesign

Slide 4

Slide 4

Open design is… A way for designers who want to tackle big societal problems by contributing to humanitarian open source software (OSS). But when it comes to OSS, designers often don’t know what they can do to contribute and how to do it. Open Design created a set of methods, tools, examples and workshop frameworks and tested these at 4 events located in Berlin, Seattle, Bangalore and Taipei. These were all created in the open to encourage designers to learn, iterate, adapt and modify to better understand the principles of OSS participation. We used Ushahidi’s Crisis Communication OSS tool TenFour to test how these worked and to benefit from design OSS contributions. https://github.com/Erioldoesdesign/opendesign @opendesignis @erioldoesdesign https://www.tenfour.org/

Slide 5

Slide 5

Getting ready for designers in your OSS. @opendesignis @erioldoesdesign

Slide 6

Slide 6

Getting collaborative! The ‘workspace’ in Miro http://bit.ly/open-up-2020 @opendesignis @erioldoesdesign

Slide 7

Slide 7

Adding design into your readme and contributor guides. @opendesignis @erioldoesdesign

Slide 8

Slide 8

Including design in the read me. https://github.com/ushahidi/tenfour/blob/develop/design-contributions.md Making an explicit design section on your read me, or in your contribution section and simply asking for help is better than not having it. ‘Perfect is the enemy of good enough’ in this regard. @opendesignis @erioldoesdesign

Slide 9

Slide 9

@opendesignis @erioldoesdesign https://pa11y.org/contributing/designers/

Slide 10

Slide 10

@opendesignis @erioldoesdesign

Slide 11

Slide 11

Design labels and design issue discovery. @opendesignis @erioldoesdesign

Slide 12

Slide 12

Clearly explained labels in your readme are essential. https://github.com/ushahidi/ tenfour/blob/develop/README.md @opendesignis @erioldoesdesign https://github.com/ushahidi/tenfour/blob/develop/README.md

Slide 13

Slide 13

@opendesignis @erioldoesdesign https://github.com/ushahidi/tenfour/blob/develop/README.md

Slide 14

Slide 14

Good first design issues. @opendesignis @erioldoesdesign

Slide 15

Slide 15

A good first design issue: ‘Empathy map’. @opendesignis @erioldoesdesign

Slide 16

Slide 16

Empathy Mapping. Build empathy for your group What it is used for: Empathy Mapping helps us consider how other people are thinking and feeling. It builds empathy and gains alignment around user needs, goals, and pain-points. Whats the purpose: To zoom out from focusing on behaviours to consider the users’ emotions and experience as well. Mural template: http://bit.ly/OD-Empathy-Map @opendesignis @erioldoesdesign Design activities

Slide 17

Slide 17

Design activities @opendesignis @erioldoesdesign

Slide 18

Slide 18

A good first design issue: ‘Sticker sheet’. @opendesignis @erioldoesdesign

Slide 19

Slide 19

@opendesignis @erioldoesdesign

Slide 20

Slide 20

Other good first design issues. Brad Frosts’ Design interface inventory https://bradfrost.com/blog/post/conducting-an-interface-inventory/ Heuristic analysis https://www.nngroup.com/articles/ten-usability-heuristics/ @opendesignis @erioldoesdesign

Slide 21

Slide 21

Things we didn’t have time for :( @opendesignis @erioldoesdesign

Slide 22

Slide 22

Design sprint framework. Design templates for activities. Rapid Prototyping guidance. Remote/Online participants. User testing in Open Design. Choosing design tooling. Leading open design workshops. Mentoring and skill sharing. @opendesignis @erioldoesdesign

Slide 23

Slide 23

A community of supportive designers in open source opensourcedesign.net @opendesignis @erioldoesdesign

Slide 24

Slide 24

Thank you! Thanks to Adobe fund for design, Designit and Ushahidi for funding, supporting and hosting the initial phase of Open Design. Thanks to Open Source Design, Simply Secure and Newcastle University for supporting the next phase of Open Design. Open Design is still seeking funding for the next phase in supporting more OSS projects to work with design as an open source contribution. Contact opendesignis@gmail.com for more details. @opendesignis @erioldoesdesign