Design from the realm of open-source

Slide 1

Slide 1 text

Design From The Realm of Open-Source Open Source Is the New Sauce - Abati Adewale Shodipo Ayomide | FutureSync Conference UK 2020

Slide 2

Slide 2 text

I DO OPEN SOURCE @developerayo

Slide 3

Slide 3 text

I DO OPEN SOURCE @developerayo

Slide 4

Slide 4 text

Developer Advocate and Community Evangelist unStack Africa Developers Circles Lagos from Facebook React.js Lagos Open Source Community Africa AfricaHacks

Slide 5

Slide 5 text

MEDIA DEVELOPER EXPERT AT CLOUDINARY & TECHNICAL INSTRUTOR AT EGGHEAD.IO

Slide 6

Slide 6 text

Let’s get cooking

Slide 7

Slide 7 text

Designers can’t get less creative, the more you produce design assets the more creative you get overtime #experience

Slide 8

Slide 8 text

The Problem

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Contributing to open-source as a Designer, starting out can be intimidating and confusing based on the level of features you see already prepared with little or no documentation for designers

Slide 11

Slide 11 text

The ideology of designers not needed in open-source, but 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. Thanks to Open Source Design, Open Source Initiative and others creating design related content in relation to Open Source

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

Designers need to understand how to communicate with Developers and Developers have to understand how to communicate with Designers

Slide 16

Slide 16 text

Getting started with OSS

Slide 17

Slide 17 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 18

Slide 18 text

The Web has been open- source since `View Page Source`

Slide 19

Slide 19 text

How can a designer begin contributing to open-source?

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

Evaluate a chosen project’s workflow, Client end usability, colour combination and every design related component

Slide 22

Slide 22 text

Never start a feature without consulting one of the project authors, if its a valid add and how it can also be improved

Slide 23

Slide 23 text

Coming up with alternative design patterns, but raising an issue in relation to why, how and timeline

Slide 24

Slide 24 text

Prototype your designs properly if you are contributing to an OS project where they careless about design so as to convince them of how this feature is supposed to work and not the way it currently works.

Slide 25

Slide 25 text

Crappy things some engineers say about design.

Slide 26

Slide 26 text

Design is an ideology not a professional profession.

Slide 27

Slide 27 text

Design is the Personality of your project, it needs to speak - @developerayo @developerayo_ at #FutureSync20 Screenshot & Tweet This:

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Design is one of the most significant department while building a startup product and also working on an open- source project.

Slide 30

Slide 30 text

The Web has been open-source for designers to contribute to using the `Web Inspector` which grants you access to live debugging design in CSS.

Slide 31

Slide 31 text

DEMO

Slide 32

Slide 32 text

Version Control `design history` & Something like Git for Designers, Being able to push designs between design tools with ease.

Slide 33

Slide 33 text

Designing for multiple devices/ responsiveness.

Slide 34

Slide 34 text

Start Writing Documentations for other designers to see and follow along It’s a trend someone has to start

Slide 35

Slide 35 text

Someone didn’t start because they believed someone else would, at the end, no one end’s up starting until a couple of years later. @developerayo at #FutureSync20 Screenshot & Tweet This:

Slide 36

Slide 36 text

TOOLS

Slide 37

Slide 37 text

•Figma •Adobe XD •Sketch DESIGN

Slide 38

Slide 38 text

•InVision Studio •Adobe XD •Origami Studio: •Sketch •Webflow •Framer •Zeplin PROTOTYPING

Slide 39

Slide 39 text

•Zeplin •Slack •Figma •InVision DISCUSSIONS AND COLLABORATIONS

Slide 40

Slide 40 text

Resources where not openly distributed as it is today, we have people writing, creating video content, runnings workshops, conference talks, writing research articles and lot’s more Today is the best time to start contributing to open source as a designer and I believe you should start now => GitHub.com

Slide 41

Slide 41 text

Some Resources https://opensource.org/ https://opensourcedesign.net/ https://www.oscafrica.org/ https://itsfoss.com/ https://opensource.facebook.com/ https://opensource.google/ https://opensource.microsoft.com/ https://opensource.twitter.com/

Slide 42

Slide 42 text

Thank You Questions? Ask & Follow me on Twitter and GitHub @developerayo_ Shodipo Ayomide | FutureSync Conference UK 2020