1 of 84

Disfactory: Leverage Technology

for Advocacy

@Yun Chen

August 23rd, 2022

2 of 84

Hello!

I am Yun Chen

#g0v #CivicTech #ProductManager #disfactory

@aelcenganda

Here to learn how to connect our experience

in Taiwan to other countries

2

3 of 84

What is data?

Describe data to collect from an apple

3

4 of 84

What do you want to change in the society?

Visions and Goals of

your advocacy or community work

4

5 of 84

In Disfactory…

To reduce illegal factories on farmland

To preserve farmland and reduce pollution

X

5

6 of 84

1.

Identify the problem to solve

6

7 of 84

8 of 84

45 k↑

Illegal factories

on farmland in Taiwan

9 of 84

45 k↑

Illegal factories

on farmland in Taiwan

Photo credit: Citizen of the Earth, Taiwan

10 of 84

air pollution

water pollution

waste

fire

From: @peii

11 of 84

12 of 84

“Citizens of the Earth, Taiwan” came to g0v hackathon

Photo credit: 小涼

https://www.flickr.com/photos/g0v/48413088891/in/album-72157709984092192/

Photo credit: 小涼

https://www.flickr.com/photos/g0v/48413095381/in/album-72157709984092192/

13 of 84

Advocacy

Solution

Problem

To stop new illegal factories being built and to monitor law enforcement on demolition

A platform that is anonymous and convenient to report factories and collect data

For citizens: personal safety concerns and technical difficulties.

For NGO: Very hard verify, organize, and scale up the reports.

13

14 of 84

2.

Sketching and scoping

Brainstorming

Wireframe

Prototyping

14

15 of 84

🏃‍♀️ Scoping and Milestones

Product goals

  • As many reports as possible
  • Convenient
  • Anonymous
  • Aggregate data to monitor the governments

Citizens

Disfactory

Citizens of Earth, Taiwan�(CSO)

Government

Photo

Location

File reports, follow up and

advocate

Organize

Reply

Update status

Update status

1.0

2.0

16 of 84

設計大方向

系統架構

Reporting citizens

  • 可能違建地圖一覽
  • 已被檢舉違建通報狀況
  • 補照片上傳功能
  • 查詢是否為農地
  • 標記地點

NGO

  • 檢舉資料一覽
  • 檢舉進度標記功能
  • 關鍵數字一覽
  • 自動公文生產

By Disfactory 參與者 SL

17 of 84

設計大方向

檢舉人端

可能違建地圖一覽

已被檢舉違建通報狀況

補照片上傳功能

查詢是否為農地

標記地點

As someone living next to the factory,

I want to mark the location and upload photos as evidences,

So that I can report the illegal factory to be demolished.

修改自

Disfactory 參與者 SL 的討論簡報

18 of 84

設計大方向

地球公民端

檢舉資料一覽

關鍵數字一覽

檢舉進度標記功能

自動公文生產

As a researcher of NGO,

I want to follow-up and organize reports and statistics,

So that I can track the process and push pressures on the government

修改自

Disfactory 參與者 SL 的討論簡報

19 of 84

3.

End products

of Disfactory

From 2019 to 2022

19

20 of 84

Disfactory reporting platform

照片

地點

彙整

批次檢舉

倡議施壓

公文回覆

修改狀態

Credit: Disfactory contributors�(CC-BY-3.0 )

Illustration by 可飛

21 of 84

1,966 reports

64 factories suspended

638 official files

Uploaded by citizens

Stopped operating by demolition or cut off from water and electricity

Sent to the government with follow-up tracking

2020.3.20-2022.8.6

21

22 of 84

disfactory.tw

From 2019...

SpotDiff

Onsite Illegal Factory Reporting platform

Crowdsourcing

satellite image labeling mini-game

Disfactory intro

23 of 84

43,746 answers

6,261 players

4,290 locations labeled

Of satellite image comparison by crowdsourcing

And more…

By >3 qualified users passing gold standards

Retrieved at 11:34 am, Aug. 23 2022

23

24 of 84

4.

Community first

Tech are useful, with people

24

25 of 84

26 of 84

Open Collaboration

Decentralized. Open as default.

Everybody can contribute.

26

27 of 84

Food

28 of 84

Profession Stickers

29 of 84

Online2offline collaboration

30 of 84

Cowork: understand each other, brainstorm, and build

Photo credit: Oriyar

Photo credit: CC BY 2.0 月太 from g0v Flickr

31 of 84

Open as Default

Screenshot from https://beta.hackfoldr.org/g0v-hackath25n

32 of 84

Clear Documentation and Collaboration Entrance

Screenshot from https://beta.hackfoldr.org/cofacts

33 of 84

Dig Push Fill

CC BY Mooon chang

34 of 84

5.

How to start

34

35 of 84

Build the infrastructure of open collaboration community

Infrastructure:

  • Communication platforms
  • Documents for open collaboration
  • Weekly meetups (community building instead of deadlines)

35

36 of 84

👐 How to be open, liquid and to meet the deadlines

  • Open space for any participation
  • Collaborative notes
  • Break down tickets
  • Milestones
  • Fork and merge
  • Modularize
  • Clear user story

37 of 84

🥳 Motivation & Empowerment

For developers:

  • Fun & Open source
  • Autonomy & Growth
  • Onboarding & Communication
  • Impacts

For CSO:

  • Mindset�➡️ technology�➡️ behaviour change�➡️ advocacy impacts

38 of 84

🌟 Goals: the North Star

  1. How can the product really boost the advocacy?
  2. How to empower both CSOs and open source communities?
  3. What is the MVP of each milestone?

39 of 84

🏃‍♀️ Scoping and Milestones

Product goals

  • As many reports as possible
  • Convenient
  • Anonymous
  • Aggregate data to monitor the governments

Citizens

Disfactory

Citizens of Earth, Taiwan�(CSO)

Government

Photo

Location

File reports, follow up and

advocate

Organize

Reply

Update status

Update status

1.0

2.0

40 of 84

41 of 84

Fork and merges in Disfactory projects

41

42 of 84

Retrospective meeting

43 of 84

Disfactory

contributors

  • ~ 10 active weekly contributors
  • Hybrid weekly meetups
  • > 70 community contributors

#disfactory

GitHub

共筆

44 of 84

Thanks!

Ask me anything

You can find me at

@ael in g0v Slack <https://join.g0v.tw>

@aelcenganda on Twitter

44

45 of 84

Your turns!

How to scope a problem to solve for advocacy?

How to prototype the ideas for the next step?

45

46 of 84

1.

Scoping

Let’s start with the first set of slides

46

47 of 84

Identify what to solve

towards which direction

  • Advocacy goals
  • One problem in advocacy
  • One goal for a potential solution:�How might we ___________ ?

  • What resources do we have?
  • What resources/knowledge we don’t know yet?

47

48 of 84

For example, in Disfactory phase I

  • Advocacy goals:
  • One problem in advocacy:
    • Many who want to report are stopped due to personal safety concerns and technical difficulties.
    • Very hard for NGO to verify, organize, and scale up the reports
  • One goal for a potential solution:�How might we build a convenient and anonymous reporting platform to lower the reporting barrier and aggregate data from civic participation ?

48

49 of 84

For example, in Disfactory phase II

  • Advocacy goals:
    • Stop the government from postponing�the 2 year legal registration window
  • One problem in advocacy:�Advocacy needs social media campaigns to pressure the government, but rural users who reported a factory don’t want others to know they engage in the issue.
  • One goal for a potential solution:�How might we create viral social media campaigns outreaching new audience and engage more citizens in the data collection in Disfactory?

49

50 of 84

Identify what to solve

towards which direction

  • Advocacy goals
  • One problem in advocacy
  • One goal for a potential solution:�How might we ___________ ?

50

51 of 84

Name-Org-issue

  • Advocacy goals
  • One problem in advocacy
  • One goal for a potential solution:�How might we ___________ ?

51

52 of 84

2.

Prototyping

What is the next small step to test your ideas?

52

53 of 84

Minimal Viable Actions

to build a prototype

For instance…

  • Drawing wireframe
  • Paper prototype
  • Survey form
  • Searching for existing tools
  • Calling a meeting
  • And more~~~

53

54 of 84

Bravo!

Looking forward to your projects.

54

55 of 84

Credits of the slide design template

Special thanks to all the people who made and released these awesome resources for free:

  • Presentation template by SlidesCarnival
  • Photographs by Unsplash

55

56 of 84

Templates & Backup

57 of 84

Instructions for use

57

EDIT IN GOOGLE SLIDES

Click on the button under the presentation preview that says "Use as Google Slides Theme".

You will get a copy of this document on your Google Drive and will be able to edit, add or delete slides.

You have to be signed in to your Google account.

EDIT IN POWERPOINT®

Click on the button under the presentation preview that says "Download as PowerPoint template". You will get a .pptx file that you can edit in PowerPoint.

Remember to download and install the fonts used in this presentation (you’ll find the links to the font files needed in the Presentation design slide)

More info on how to use this template at www.slidescarnival.com/help-use-presentation-template

This template is free to use under Creative Commons Attribution license. You can keep the Credits slide or mention SlidesCarnival and other resources used in a slide footer.

58 of 84

Hello!

I am Jayden Smith

I am here because I love to give presentations.

You can find me at @username

58

59 of 84

1.

Transition headline

Let’s start with the first set of slides

59

60 of 84

Quotations are commonly printed as a means of inspiration and to invoke philosophical thoughts from the reader.

60

‘’

61 of 84

This is a slide title

  • Here you have a list of items
  • And some text
  • But remember not to overload your slides with content

Your audience will listen to you or read the content, but won’t do both.

61

62 of 84

Big concept

Bring the attention of your audience over a key concept using icons or illustrations

62

63 of 84

You can also split your content

White

Is the color of milk and fresh snow, the color produced by the combination of all the colors of the visible spectrum.

Black

Is the color of ebony and of outer space. It has been the symbolic color of elegance, solemnity and authority.

63

64 of 84

In two or three columns

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

64

65 of 84

A picture is worth a thousand words

A complex idea can be conveyed with just a single still image, namely making it possible to absorb large amounts of data quickly.

65

66 of 84

Want big impact?

Use big image.

66

67 of 84

Use charts to explain your ideas

67

Gray

White

Black

68 of 84

And tables to compare data

68

A

B

C

Yellow

10

20

7

Blue

30

15

10

Orange

5

24

16

69 of 84

Maps

69

our office

70 of 84

89,526,124

Whoa! That’s a big number, aren’t you proud?

70

71 of 84

89,526,124$

100%

185,244 users

That’s a lot of money

Total success!

And a lot of users

71

72 of 84

Our process is easy

72

first

second

last

73 of 84

Let’s review some concepts

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

73

74 of 84

You can copy&paste graphs from Google Sheets

74

75 of 84

Mobile project

Show and explain your web, app or software projects using these gadget templates.

75

76 of 84

Tablet project

Show and explain your web, app or software projects using these gadget templates.

76

77 of 84

Desktop project

Show and explain your web, app or software projects using these gadget templates.

77

78 of 84

Thanks!

Any questions?

You can find me at

@username

user@mail.me

78

79 of 84

Credits

Special thanks to all the people who made and released these awesome resources for free:

  • Presentation template by SlidesCarnival
  • Photographs by Unsplash

79

80 of 84

Presentation design

This presentations uses the following typographies and colors:

  • Titles & Body copy: Montserrat

You can download the fonts on this page:

https://www.fontsquirrel.com/fonts/montserrat

  • Grey #454f5b
  • Light grey #738498
  • Neon green #c7f464
  • Aqua #4ecdc4

80

You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you need to create new slides or download the fonts to edit the presentation in PowerPoint®

81 of 84

81

SlidesCarnival icons are editable shapes.

This means that you can:

  • Resize them without losing quality.
  • Change fill color and opacity.
  • Change line color, width and style.

Isn’t that nice? :)

Examples:

82 of 84

Diagrams and infographics

82

83 of 84

83

Now you can use any emoji as an icon!

And of course it resizes without losing quality and you can change the color.

How? Follow Google instructions https://twitter.com/googledocs/status/730087240156643328

✋👆👉👍👤👦👧👨👩👪💃🏃💑❤😂😉😋😒😭👶😸🐟🍒🍔💣📌📖🔨🎃🎈🎨🏈🏰🌏🔌🔑 and many more...

😉

84 of 84

Free templates for all your presentation needs

Ready to use, professional and customizable

100% free for personal or commercial use

Blow your audience away with attractive visuals

For PowerPoint and Google Slides