Slide 1

Slide 1 text

Design from a dimension of open-source SHODIPO AYOMIDE | GDG DEVFEST IKORODU 2019

Slide 2

Slide 2 text

Sr. Developer Advocate @developerayo Shodipo Ayomide

Slide 3

Slide 3 text

Community Evangelist ➔ unStack ➔ Open Source Africa ➔ Developers Circles Lagos from Facebook ➔ NaijaHacks

Slide 4

Slide 4 text

Designers can’t get less creative, the more you produce design assets the more creative you get overtime. - SHODIPO AYOMIDE

Slide 5

Slide 5 text

OPEN-SOURCE

Slide 6

Slide 6 text

OPEN-SOURCE

Slide 7

Slide 7 text

THE PROBLEM

Slide 8

Slide 8 text

It’s quite hard to find a single designer who contribute to open-source efficiently.

Slide 9

Slide 9 text

Contributing to open-source as a Designer can be intimidating based on the level of features you see already prepared.

Slide 10

Slide 10 text

Tools used for contributing to open-source are quite hard to find!

Slide 11

Slide 11 text

Perception of designers not needed in open-source, just make it work.

Slide 12

Slide 12 text

THE SOLUTION

Slide 13

Slide 13 text

Resources: tailored towards how to contribute to open-source as a designer.

Slide 14

Slide 14 text

Tools: Developers/companies needs to create more tools to help aid designers contribute to open-source.

Slide 15

Slide 15 text

Some open-source contributors you should know...

Slide 16

Slide 16 text

Peace Ojemeh Samson Goddy Ada Nduka Oyom Prosper Otemuyiwa Moyinoluwa Adeyemi Ire Aderinokun Adewale Abati Shodipo Ayomide

Slide 17

Slide 17 text

Getting started with OSS

Slide 18

Slide 18 text

Open-Source in a nutshell is a free software built by the community for the community with improvements shared across different technical talents.

Slide 19

Slide 19 text

➔ Mobile Application ➔ Web Apps ➔ Programming/Scripting Frameworks ➔ Wordpress and CMS Plugins/themes ➔ More...

Slide 20

Slide 20 text

The Web has been open-source since “View Page Source”

Slide 21

Slide 21 text

How can a designer begin contributing to open-source?

Slide 22

Slide 22 text

The GitHub issue tab is the best place to start out.

Slide 23

Slide 23 text

Evaluate a chosen project’s Layout and workflow.

Slide 24

Slide 24 text

Evaluate a chosen project’s client side usability.

Slide 25

Slide 25 text

Evaluate a chosen project’s color combinations.

Slide 26

Slide 26 text

Evaluate a chosen project’s user experience, transitions, fonts.

Slide 27

Slide 27 text

Evaluate a chosen project’s official logo.

Slide 28

Slide 28 text

Creating design layout for each components based on open issues.

Slide 29

Slide 29 text

Coming up with alternative design patterns

Slide 30

Slide 30 text

Implementing your designs into code if you are a Front-end Engineer.

Slide 31

Slide 31 text

Crappy things some engineers say about design.

Slide 32

Slide 32 text

Design is an ideology not a professional profession.

Slide 33

Slide 33 text

if the end product is quality software, why can't designers code?

Slide 34

Slide 34 text

if the end product is quality software, why can't designers code?

Slide 35

Slide 35 text

Design is necessary in building startup products and open-source product in the realm of open-source.

Slide 36

Slide 36 text

The web has been open-source for designers using the “Web Inspector”, live debugging design in CSS and JavaScript.

Slide 37

Slide 37 text

Version Control (design history)

Slide 38

Slide 38 text

Designing for multiple devices

Slide 39

Slide 39 text

Designing for multiple devices/responsiveness

Slide 40

Slide 40 text

Make Horrible design suck less

Slide 41

Slide 41 text

Always design for designers, developers often build for other developers to contribute to.

Slide 42

Slide 42 text

TOOLS

Slide 43

Slide 43 text

➔ Jekyll ➔ GitHub Pages ➔ Heroku ➔ ZEIT NOW ➔ Netlify

Slide 44

Slide 44 text

Thank you, guys! Now, go forth and contribute to open-source as a designer!!! Twitter: @developerayo