Help design PublicLab.org!

​

Do what you like! If you’re afraid of breaking someone else’s mockup, copy the slide and start your own!

​

Read more here:

​

https://publiclab.org/ui

Ask a question

Ask a question of the Public Lab community to help you in your environmental exploration.

​

​

​

​

​

See examples »

Create a wiki page

Wiki pages are web pages that anyone can edit -- we use them to build a shared knowledge base.

​

​

​

​

​

See examples »

Post type selection: https://publiclab.org/post/choose

See more types »

Post a note

Research notes are an informal way to share what you’re working on. They’re like blog posts.

​

​

​

​

​

See examples »

Choose a format to post

Post »

Ask »

Create »

​

water-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

water-quality 208 people discussing

​

​

​

​

​

​

350 more posts »

​

New post +

...

Air Quality

​

We address environmental problems together

...

Fixed height and width, hidden overflow while not stretching the image.

Small header for context and calls to action

Links to wiki page

Research notes

Questions Wiki pages Maps People

112

33

5

133

Air Quality

​

We address environmental problems together

...

Research notes

Questions Wiki pages Maps People

112

33

5

133

air-quality

Air Quality

​

We address environmental problems together

air-quality

Air Quality air-quality

​

We address environmental problems together

Air Quality

air-quality

Post

...

​

​

​

​

​

View edit history

​

Save as a draft

​

(others won’t see your post in draft mode)

​

You agree to open source your work

See for yourself

​

Learn new ways to document issues you see in your local environment.

UI feedback:

​

Three column explanation of what it is should not include links to individual elements. You want people to read the whole text

​

Text of three column elements should be shorter and ideally have icons representing as much of each step as possible

Join the Community Science movement

​

These strategies help us work together as a movement for environmental justice.

See for yourself

​

You’re the expert in your local environment -- describe it.

Connect�

Ask questions about your concerns. Interact with others facing similar concerns locally & worldwide.

Produce knowledge

​

Plan field work. Collect evidence. Analyze results. Share and grow the knowledge base.

Be the change

​

Talk to your neighbors, advocate together by going to the press, to regulators, or to court.

UI feedback:

​

“Ask a question” is intimidating to people

​

Asking people to “Join now” immediately is intimidating. People aren’t sure yet what they are joining.

​

Consider having one call to action per section on front page

​

UI feedback:

​

Incorporate diversity into the model

​

New Users are not aware there is an online community contributing to the posts.

​

Online community Is not immediately apparent to the users that this exists. Not visible enough.

Ask questions together

​

​

Build a knowledge base

Provide mutual support

​

​

Take communal action

Ask questions together

​

Starting with the basics is the best way to get connected. Asking questions helps us pool our resources and solve problems cooperatively.

​

Build a knowledge base

​

Sharing what we know helps others build on our successes and learn from our failures.

Provide mutual support

​

We’re stronger when we

​

Build a movement...

Take communal action

​

It’s not enough to develop techniques or document; our work must ...

Jeff’s attempt

Ideas

​

Ideas

Ideas

​

Ideas

​

We’ll find appropriate icons after developing the text.

​

Someone notices a problem

They connect with others working on the issue

We investigate evidence together

We take action based on evidence

Notice something + want to know more

Connect with others working on the issue

Collect evidence

Impact, action, advocacy, change

Liz’s attempt

Browse

​

​

Share

​

​

Connect

​

​

Learn more about the Community Science model

Stevie’s attempt

Share what we know to grow a knowledge base.

Joe’s attempt

Build a knowledge base

​

Plan field work. Analyze results. Explore and improve techniques for documenting environmental issues.

Grow a network

​

Ask questions about your environmental concerns. Interact with others facing similar issues locally & worldwide.

Be the change

​

Talk to your neighbors, and advocate together by going to the press, to regulators, or to court.

Jeff’s attempt 2, drawing on others’ (largely Liz’s)

Explore

Navigation brainstorming (Liz)

Navigation brainstorming (Joe)

Search

Navigation brainstorming (Jeff)

Search

Questions

Issues/Topics

Methods

Community

People

Projects/Stories

Chat

Tools/Kits

MapKnitter

About

Store

DONATE

Sign up/Log in

Profile

Explore

Search

Questions

Topics

Methods

Community

People

Projects

Chat

Tools

MapKnitter

About

Store

Donate

Sign up/Log in

Profile

Ask a ?

Regions

BLOG

Think these are taken care of

Not sure where to put these

Not sure what this is

Contact

Subscribe

Events

About us

dropdown

UI feedback:

​

It is difficult for users to get at what they are trying to find, whether it’s tool kits, cities, events, especially the digital tools.

​

Digital Tools are difficult to access, Unclear that these exist (attach conversation with Abby & Liz).

​

Make it easier to get to, minimize the number of steps it takes for someone to reach one of these digital tools, from the appropriate physical DIY tool.

​

Tools are not easily accessible, especially the digital tools (MapKnitter, Spectral Workbench, Infragram, etc.)

​

Cannot tell whether you are logged in from Profile icon

​

Navigation submenu should be viewable on mouseover. Currently loads on click.

​

Question: what are people using to navigation content? In what contexts are they used and where are they not? That may inform how much to highlight them with different content type

​

Find a topic in "Get Involved" section should be top item listed.

​

Navigation submenu item order should be from most newbie/important to least.

​

Should all the items in navigation submenus be included on this top level? It's worth a review if it hasn't been done in a while. Should the kit link be removed?

​

Navigation submenus and page titles should match

​

What does the hor bar in the "Get Involved" menu represent? Should there be two separate menu items?

​

Search should be on the right in a lower priority position

​

​

OLD Navigation brainstorming (Liz)

Search

Topics

Projects

Tools

--------------�--------------�--------------

STORE

DONATE

Sign up/Log in

Profile

TAKE A TOUR

Blog

Contact

Chat

About us

dropdown

Subscribe

People

OK, I give up

Events

Newsletter, Community Science Forum

Ask a ?

About (?)

Ask a question Issues Tools Projects Blog Store Donate

Explore Community Tools About Store Donate

Blog

Questions

Topics

Methods

People

Projects

Regions

Chat

SOFTWARE

MapKnitter

Spectral Workbench

Infragram

KITS

Store

About us

Events

Subscribe

Contact

Topics Community Tools About Store Donate Dashboard

Get started »

People

Projects

(Regions)

Events

Questions

Chat

Methods

KITS

Kits initiative

Store

SOFTWARE

MapKnitter

Spectral Workbench

Infragram

Code community

About us

(Community Science)

Blog

Newsletter

Contact

(Get support)

Topics

Get started page

Welcome

Ask a question

MEDIA (under About?)

CSF/Forum

Newsletter

Stories

PL in the News

Extra support messages for non-logged-in folks; dismissable Welcome ribbon.

Header item for Methods?

Search input opens when mag icon is clicked?

​

​

This page is part of:

​

​

​

​

​

​

​

4 more:

This is part of:

​

​

​

​

​

​

​

This is also a part of:

​

​

​

​

​

​

​

this text needs to remain on the page.

The “+” is the toggle function for both on/off.

Keep the left alignment of the “+” sign

project:water

...

project:water

...

This is a power tag.

And these powertags:

This is part of 1 more topics:

project:water

Below are powertags:

...

Edge case:

Remove “people” and “follow” button

Could this be replaced by a full-width bar of “Add a location” or something? See style guide for location prompt guidance.

This is easy to just remove

This is also a part of:

project:water

And these powertags:

...

latitude:-71.4079

...

longitude:48.2081

...

Spell out “latitude” and “longitude”

“Powertags” to link to explainer on powertags. Not toggle ON/OFF. The “+” is the toggler.

Language from Code of Conduct:

​

• Do not share your geographic location on your profile page.
• Share only low-level resolution of the location of your projects. (For example, describing a project in Peoria, IL or in the Bywater neighborhood of New Orleans is fine. Describing a location by street name or geographic coordinates is not.)

Contributors under the age of 18 are asked to share only city- or neighborhood-level locations. �Click here to review the Code of Conduct.

Pressing “Add a location” expands to show below

Suggesting the following�change to this:

Other options for this text:

​

- Blur my location (Required for minors)

- Blur location (Required for minors)

- Blur location (Recommended for minors)

​

**UPDATE Blur Location link to include more information about location privacy for minors and link to code of conduct.

Other options for this text:

- Contributors under the age of 18 are asked to blur their location. Click here to review the Code of Conduct.

​

- Please review guidelines for location sharing for contributors under the age of 18.

Issue Brief and Project Page Templates Need Updating?

​

Option: Under #Location, include text on location privacy for minors and link to code of conduct.

​

EX: Contributors under the age of 18 are asked to share only city- or neighborhood-level locations.

​

EX: Minors are asked to share only low-level resolution of the location of your projects. For example, describing a project in Peoria, IL or in the Bywater neighborhood of New Orleans is fine. Describing a location by street name or geographic coordinates is not.

​

Add text here to encourage tagging the question to topics using powertags.

Help organize your question in a topic using powertags like ‘question:soil’ or ‘question:water’.

Make ‘powertags’ a link to the wiki

This space could use some help on using commas to separate tags and not using spaces.

Socio-economic Cities Project

Updated 4 days ago | 5 authors

Rhode Island has been home to a wide variety of ...

The ___ project at Brown has

By scanning municipal documents, ...

Use the map below to explore this dataset -- click Full Screen to expand:

​

​

​

​

​

​

​

​

​

​

​

​

Featured sites

With over 00000 sites, the database can be overwhelming to sort through. Here are a few examples we’ve found that show some of the specific stories this database can help to illustrate.

​

​

​

​

​

Full screen

View more featured sites

​

Analyses/papers + graphs

A number of projects by X have explored patterns and investigations…. Deep dives…

​

​

​

​

​

​

A portal? Or a narrative/slideshow?

• (Narrative for posts upon the map)

Content-driven, or infrastructure-driven?

Compare to existing site.

Narrative styles tend to go full bleed and incorporate “parallax scrolling” -- like this site. So, either no sidebar, or a floating sidebar.

Need text/titling/editorial input.

Or… a “Welcome page” for the project?

View more analyses

​

Related projects

One interesting part about the project we’ve developed is that it can be used as a foundation for new storytelling projects, which overlay narratives or new datasets on top of the industrial sites database. Here are some examples; click here to learn how to start your own project.

​

​

​

​

​

View more featured sites

​

About the project

One interesting part about the project we’ve developed is that it can be used as a foundation for new storytelling projects, which overlay narratives or new datasets on top of the industrial sites database. Here are some examples; click here to learn how to start your own project.

​

​

​

​

​

Add a story +

Post +

​

​

This page is part of:

​

​

​

​

​

​

​

8 more A

Goals:

​

Short

Memorable

What we want people to DO (FracTracker)

Ideas:

​

Lost knowledge

Legacy/relic/former sites

​

IDing potential sources of contamination

Socio-ecological change

“Industrial archaeology”

​

Old factory sites

“Lost Providence” (invite to contribute)

​

Landscape

Urban hazardscape

​

Lost sites…

“Environmental amnesia”

​

Land uses

Lost land use

“Industrial ghosts”

​

​

​

​

​

Unearthing Providence

Unearthing RI (URI is bad)

Unearthing Cities: Providence

Unearthing Industry: RI

Unearthing the City: Providence

Unearthing Risk

Unearthing landscapes

Unearthing industry

​

Finder/

​

Sites unseen

Sites Unseen Map

Tracking Sites Unseen

Recovering

What’s underneath

Industrial sites unseen

Lost Industrial Sites

Recovering Industrial Sites

Industrial Site Finder/Tracker

Hidden Industrial Sites

Factory Finder

Made in the past

Manufactured risk (project)

Material histories

Material

​

​

​

Alert messages go here, and if they get too long, we can link out to additional information.

Air Quality

​

We address environmental problems together

​

​

21 contributors | 12 followers

See people near:

Rio de Janiero Guangzhou Barcelona Silwan Bishkek Oakland Cranston Picayune Val Verde more places...

Inset maps/graphics can be expanded but don’t dominate page

Tuck away everything we can

​

Separate CTAs from Context, Sorting from “tools n stuff”

​

Maybe sorting could go in main column?

...

...

214 people discussing

Collections Page

...

Sort by: name | uses | people

Topic pages can list subscriber counts here, but we should make it more visible for varying backgrounds.

This area can be swapped for other content, like Related Tags (see below)

Tags added later. Formatting could even be suppressed and added later (ctrl-B still makes things bold)

Lot of whitespace on the site

This could cycle to show different featured questions, maybe just showing a different one on each page

Goals

​

Joe: find stories, issues topics we deal with, find who we are, what we do, find their destinations

​

Liz: same. Topics. Overview of community + non-profit. Find others who are concerned about the same issues

​

Lis: agree, smthg that says What PL Is, Who PL Is

​

Jeff: How you fit in? Find people a thing to do.

​

Show ppl that site content is by a community.

​

Makes you feel:

​

Joe: informed, motivated, connected

​

Liz: same, not overwhelmed, sense of ‘creative direct action’

• Spirit of inquiry and DIY

​

Lis: welcomed, engaged

​

Jeff: like you are among at least some ppl like you (Qs of shared identity)

• interested, curious

​

...needs more thought

Gotta have

​

Joe: Donate link (navbar ok), store link (navbar ok), one-click to ask a first question, a color

​

Liz: topics/issues ppl care about

​

Lis: tell ppl what/who PL is, what you can do there/with-PL

​

Jeff: a thing to do

​

​

​

​

Gotta get you to

​

Joe: to find stories about specific topics (i.e. flooding), in regions or with kits

​

Liz: sitemap, a sense of orientation

​

Lis: a sense of what’s happening, feel the community there. Show 3-5 cool things: curated or emergent.

​

​

Audiences

​

Joe: Donors, media first time users, returning users

​

Liz: People who want to know how to get started w/ env. Q, people who want to contribute

​

Lis: Ppl who want to know what PL is, ppl who want to use a particular tool, ppl who are interested in a kit, ppl who want to find a sub-community

​

​

Looks like a print layout, doesnt have full bleed short/wide image bands

Core message: emphasize.

Could drop CTAs

Lot of dense info here, important but doesn’t draw you in to read it

Current happenings, curated

No hierarchy of emphasis

Each section should have a purpose

Would like more current/recent stuff featured higher

Could we do this in a video?

Forefront matchmaking of ppl looking to help or looking for help

Diagrams (inaturalist)

signals a conceptual space

Call to action overlaid

-- rotating current content

And VOICE

Showing ppls voices

The latest happenings chatter

See what people are talking about and join a discussion!

Store

Projects

Featured People

Peoples’ stories around the world.

Curation considerations

3. (optional) Take a screenshot of a site you like and try annotating it with observations of things you think work well, and potential analogues on our site.

1. Brainstorming "sections" for the page based on our mockups. "Who we are" or "Blog" - whatever ideas you have for sections that address some of our goals. Don't worry about how they'd be designed, we're just looking for what distinct content would be represented in some kind of zone on the front page.

​

​

2. Brainstorm "copy text" for each section - one sentence, or a title and a sentence. Like:

The latest happenings

Preview of store items?

Factoid stats

People

Embedded

intro

video

Projects

How it Works

Blog articles

Factoid stats

Number of people, projects, maybe “did you know…” describing things like what Mapknitter, etc.

Projects

See what people are working on, and where!

​

Curation considerations

Blog articles

Read the latest news from the Public Lab community

How it works

It’s part of a movement called Community Science.

Start with your question

People / Explorers

Image + name + location + ?

Featured People

Peoples’ stories around the world.

Curation considerations

Store items

Explore the world around you (photos)

/ get started with a community science kit

Intro video

Public Lab in 90 seconds?

The latest happenings chatter

See what people are talking about and join a discussion!

Topics

Dig into issues you care about.

• Air, Water, Land, Climate,
• Organize, Monitor, Remediate, Design, Advocate
• By chemical
• By landuse

​

Lis

Joe

Liz

Jeff

Question about maintaining “freshness”

and good posture

One recent example of each type of content:

• Event
• Data
• ​

Factoid stats (can factoid stats feature the tool that was used to collect the data, which is then seen in the store preview?)

Projects (SHOW TOPICS)

See what people are working on, and where!

​

Curation considerations

Blog articles

Read the latest news from the Public Lab community

How it works

It’s part of a movement called Community Science.

Start with your question

People / Explorers

Image + name + location + ?

Featured People

Peoples’ stories around the world.

Curation considerations

Store items (really like the wide store band)

Explore the world around you (photos)

/ get started with a community science kit

Intro video

Public Lab in 90 seconds?

The latest happenings chatter

See what people are talking about and join a discussion!

Topics

Concerns

Actions

Maintain good posture

One recent example of each type of content:

• Event
• Data
• ​

Factoid stats

Number of people, projects, maybe “did you know…” describing things like what Mapknitter, etc.

Projects

See what people are working on, and where!

​

Curation considerations

Blog articles

Read the latest news from the Public Lab community

How it works

It’s part of a movement called Community Science.

Start with your question

People / Explorers

Image + name + location + ?

Featured People

Peoples’ stories around the world.

Curation considerations

Store items

Explore the world around you (photos)

/ get started with a community science kit

Intro video

Public Lab in 90 seconds?

Topics

Dig into issues you care about.

• Air, Water, Land, Climate,
• Organize, Monitor, Remediate, Design, Advocate
• By chemical
• By landuse

​

Factoid stats

Number of people, projects, maybe “did you know…” describing things like what Mapknitter, etc.

Blog »

​

​

​

​

​

click for Intro video

How it works

It’s part of a movement called Community Science.

​

​

Step 1 Step 2 Step 3

The latest happenings chatter

See what people are talking about and join a discussion!

Topics

​

Air (214), Water (214), Land (214), Climate (214), Organize (214), Monitor (214), Remediate (214), Advocate (214)

Factoid stats

Number of people, projects, maybe “did you know…”

Projects

Blog articles

Read the latest news from the Public Lab community

How it works

It’s part of a movement called Community Science.

Start with your question

People / Explorers

​

Store items

Explore the world around you (photos)

/ get started with a community science kit

Intro video

Public Lab in 90 seconds?

The latest happenings chatter

See what people are talking about and join a discussion!

Topics

​

One recent example of each type of content:

• Event
• Data
• ​

NAV BAR TOPICS EVENTS NEAR ME QUESTIONS (ASK & ANSWER!) FFFFFFFF

About Public Lab

Notes: calls to action have become very vague -- need more prompts like these

How we work

Public Lab

People & Projects

Topics

Blog

Density of hero unit information: 4-up start here point

Priorities, calls to action

How we work

This might need to move down

​

Joe: this could be part of nav bar?

​

Lis: does not think this is right amount of detail for front page -- it’s too much info, we should handle this is navigation

Water

Soil

Water

Soil

Water

Soil

drinking-water (42)

fracking (55)

microplastics (42)

lead (12)

mining (22)

agriculture (45)

oil-and-gas (242)

filters (6)

​

Liz: Could we focus on the structure of a project, and highlight those, and then “Blog” might just link to the blog?

​

Lis: this could depend on communications update cycle

​

Joe: it could be more minimal; like an embedded twitter feed

​

Liz: the front page is about telling short stories about projects…

​

Jeff: eliminated banner section - fulfilling banner use with blogs? Losing kits/opencall adverts?

Lis: numbers not helping here

​

Joe: agrees

Lis: Topics should not be above People

​

Joe: yeah but, the People directory is not as useful as Topics for new people finding their way

Joe: Projects -- get leads from staff

​

Liz: be a journalist with community members to get the stories out

Story 1

Story 2

Store Preview

Public Lab

Join the Community Science movement, here’s how:

Log In

Store

Donate

Sitemap

Project Cards: Toolnames link to Method page

Community Projects

Here’s how we help each other answer our questions:

Liz: we could show an example of Topical Communities of Practice, with a link to “view all communities” that goes to /topics

​

​

​

Representing the 2 main experiences you have in the site / in Public Lab:

​

1. Research areas (topics)
2. Having your project on the site

​

LETS COMMUNICATE THIS SOLIDLY ON THIS PAGE

​

​

​

Also: Do research areas feature projects?

​

Also: how about: “add a forum to your project page »” OR “link your project page to a topic area (midwest/wisconsin/fracking?)”

​

​

​

Public Lab

Liz: Could we focus on the structure of a project, and highlight those, and then “Blog” might just link to the blog?

​

Lis: this could depend on communications update cycle

​

Joe: it could be more minimal; like an embedded twitter feed

​

Liz: the front page is about telling short stories about projects…

​

Jeff: eliminated banner section - fulfilling banner use with blogs? Losing kits/opencall adverts?

Lis: Topics should not be above People

​

Joe: yeah but, the People directory is not as useful as Topics for new people finding their way

​

This might need to move down

​

Joe: this could be part of nav bar?

​

Lis: does not think this is right amount of detail for front page -- it’s too much info, we should handle this is navigation

​

TAKEAWAY: try to resolve topics in nav (in addition to at bottom?)

Join the Community Science movement

Log In

Goals

​

Joe: find stories, issues topics we deal with, find who we are, what we do, find their destinations

​

Liz: same. Topics. Overview of community + non-profit. Find others who are concerned about the same issues

​

Lis: agree, smthg that says What PL Is, Who PL Is

​

Jeff: How you fit in? Find people a thing to do.

​

Show ppl that site content is by a community.

​

Makes you feel:

​

Joe: informed, motivated, connected

​

Liz: same, not overwhelmed, sense of ‘creative direct action’

• Spirit of inquiry and DIY

​

Lis: welcomed, engaged

​

Jeff: like you are among at least some ppl like you (Qs of shared identity)

• interested, curious

​

...needs more thought

Gotta have

​

Joe: Donate link (navbar ok), store link (navbar ok), one-click to ask a first question

a color

​

Liz: topics/issues ppl care about

​

Lis: tell ppl what/who PL is, what you can do there/with-PL

​

Jeff: a thing to do

​

​

​

​

Gotta get you to

​

Joe: to find stories about specific topics (i.e. flooding), in regions or with kits

​

Liz: sitemap, a sense of orientation

​

Lis: a sense of what’s happening, feel the community there. Show 3-5 cool things: curated or emergent.

​

​

Strongly feature topics, people (3 in 1)

Log In

Store

Donate

Topics

Donate

DO SOMETHING

air

landfill

legal

Title of a project

Title of a project

Title of a project

Landfill mapping in Bangalore

by @gloria

​

waste 75 people discussing

Pages display how many questions and activities are associated with them.

​

Posts show what topics they’re part of.

Topic card

Person card

Post/page card

landfills 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

​

Landfill mapping in Bangalore

by @gloria

​

waste 75 people discussing

+8

Choose a non-blue accent color

Joe +1

Drop down into the seven parent topics

​

Prototype collapsible or something for subtopics

Mapping a landfill

Project - Val Verde, CA

​

Float balloons to map a landfill and track permit violations near an under-resourced town

​

​

landfills waste california

Mapping a landfill

Project - Val Verde, CA

​

Float balloons to map a landfill and track permit violations near an under-resourced town

​

​

Landfills waste california

Community Projects

​

People post projects on Public Lab to...

Mapping a landfill

Project - Val Verde, CA

​

Float balloons to map a landfill and track permit violations near an under-resourced town

​

​

landfills waste california

Needs subtitle explanation?

Random order?

People pinned with “project:_____”, AND/OR topic area subscribers

landfills

waste

california

landfills

waste

california

More projects »

Taller images make the whole story box taller.

PublicLab.org

(core site)

Public Lab code ecosystem:

Winter 2020

Spectral Workbench

MapKnitter

Image

Sequencer

Ruby

JavaScript

Stable

Leaflet Environmental Layers

PublicLab

Editor

Infragram

Legacy/needs help

Leaflet Blurred Location

Leaflet Blurred Location Display

Spectral

Workbench.js

Spectral

Workbench Capture

Prototype

Simple Data Grapher

Inline Markdown Editor

Colorimetry app

WebJack

Blurred Location

Leaflet Distortable Image

matcher

core

Image Sequencer Map Exporter

Moved to:

​

https://docs.google.com/presentation/d/1aquQKyih8vvtD7U-AI0NlbAcgT-BVu9G8hloYg-c-QI/edit#slide=id.g763afb2a4f_0_0

PublicLab.org

(core site)

Public Lab code ecosystem:

Spring 2019

Spectral Workbench

MapKnitter

Image

Sequencer

Ruby

JavaScript

Stable

Leaflet Environmental Layers

PublicLab

Editor

Infragram

Legacy/needs help

Leaflet Blurred Location

Leaflet Blurred Location Display

Spectral

Workbench.js

Spectral

Workbench Capture

Upcoming!

Simple Data Grapher

Inline Markdown Editor

Colorimetry app

WebJack

PublicLab.org

(core site)

Welcoming workflow

Public Lab code community

Spectral Workbench

MapKnitter

Image

Sequencer

Ruby

JavaScript

Stable

Leaflet Environmental Layers

PublicLab

Editor

Infragram

Legacy/needs help

Leaflet Blurred Location

Leaflet Blurred Location Display

Spectral

Workbench.js

Spectral

Workbench Capture

Upcoming!

Simple Data Grapher

Inline Markdown Editor

Colorimetry app

WebJack

​

Was this part of one of your projects?

​

Balloon mapping a landfill in LA county

Water quality workshops in Val Verde

350 more posts »

​

New post +

​

​

1. Let’s compare the colored patches.

​

​

​

​

​

​

​

​

​

​

​

Your data will not be uploaded or saved when you select an image.

Drag your image into this box or

click here to select an image.

​

2. Now click in the center of the left patch

​

​

​

​

​

​

​

​

​

​

​

Your selection should look like this. Learn more »

​

Next

« Go Back

​

3. Now click in the center of the right patch

​

​

​

​

​

​

​

​

​

​

​

Your selection should look like this. Learn more »

​

Next

« Go Back

​

4. Results

​

​

​

​

​

​

The RIGHT side is

15% DARKER

than the LEFT side.

​

​

​

​

Your data is not stored online. Take a screenshot to save. Learn more »

​

« Go Back

« Go Back

Start over

Example card

When taking a picture, line up the edge with the dotted line on your card.

​

Your image should be well lit, and look like this example.

​

Learn more »

A cut-down list could become the sorting principle for the methods page, which peresents similar design (overload) challenges:

text

A place:

​

Water

Drinking-water

Fracking

Lead

Microplastics

Mining

Oil-and-gas

Stormwater

​

Soil / terra

Agriculture

Lead

Mining

Oil-and-gas

Soil-moisture

​

Air

Dust

Hydrogen-sulfide

Indoor-air

Formaldehyde

Particulate-matter

Noise

Odor

Oil-and-gas

​

Planetary

Climate-change

Fossil-fuel

stormwater

land-change

particulate-matter

oil-and-gas

A chemical:

​

Dissolved-oxygen

Formaldehyde

Hydrogen-sulfide

Lead

Methane

Microplastics

Oil-and-gas

Pesticides

​

​

An activity:

Agriculture

Fracking

Gardening

Industry

Landfills

Land-use

Land-change

Mining

Oil-and-gas

transportation

Waste

​

​

Post an observation

Ask a question

https://getbootstrap.com/docs/4.3/components/collapse/#accordion-example

​

Idea for subsets of "air" "water" "soil" as way to sort tools. Also could sort by cost, etc stuff from Method Template.

​

Photographic techniques: `photo-monitoring` (is used for timelapse-ish stuff) or `photographic` or `photography` ? (should include microscopy techniques)

Techniques for numerical data: `sensor-data` ?

Lab techniques: `reagent` `sample` `chemistry` `chemical process` `

Color-changing techniques:

Body as Sensor: Sensory Witnessing

​

Remediation:

​

​

Past (from Sept 2018)

Top navbar menu

​

Oil & Gas Accountability

Overall site navigation

Mix of UI and content work

​

Oil & Gas Accountability

Front page

Joe, Lis, Liz, Jeff

​

Oil & Gas Accountability

Search UI

Technical and UI analysis and overhaul

​

Oil & Gas Accountability

UI interviews

~10 facilitated video interviews + analysis

​

Oil & Gas Accountability

Geographic systems/LEL

Privacy-aware systems for inviting and organizing geographically tagged content

​

Digital Impact/Stanford

Leading page redesigns

/people, /questions, /profile, /tags, /dashboard, /tag/_____

​

DIAL UN Foundation

Style guide project

Consistent page type, layout, and conventions for next ~3 yrs to support and guide coding community. Came out of holistic UI analysis project.

​

Oil & Gas Accountability

Bootstrap 4 + Q&A overhaul

​

DIAL UN Foundation + Oil & Gas Accountability

Welcome page UI

publiclab.org/welcome

prototype

​

DIAL UN Foundation

complete/near-complete/being implemented

in progress

stalled

upcoming

Leading pages implementation

​

Outreachy, GSoC

Current

Future (thru Sept 2019)

Past (from Sept 2018)

Holistic UI analysis project

Overall analysis of PL.org and major issues to address.

​

Oil & Gas Accountability

TODO: List of use cases/navigational flows

Search, drilldown, navbar, others

Diagram out flow

Front page

Topics page

Search results

click

Type “events“ and press enter

Soil page

Lead page

Atlanta page

This is too much

Autocomplete results

People looking for help with an environmental problem.

​

We offer for them to learn from others who have faced similar environmental problems elsewhere.

​

How do I connect and what do I do to address my environmental justice issue?

​

Option 1: Some people will not be able to talk publicly either by preference or because of a lawsuit or targeting. Stevie and Liz will then post. Staff time for this.

People trying to understand what public lab is

Someone looking to connect with a human (to ask a question).�Some people will only want/be able to receive via a human.They aren’t going to wayfinding through a website.

​

One type: In part because of digital literacy. They might be older, they might be in a low resource, high environmental damage situation. They need help fast. And staff responses, with the support of website resources.

​

→ phone number and standing weekly time is an important Call To Action even though it’s an offramp to a website → put this in rotating hero image thing

​

Someone looking to ask a question. What are the questions like?

​

I got a reading from a sensor. What does this mean?

​

Why do you want to know? What do you want to do with it?

​

Engage and then provide some information

People looking for urgent calls to respond “armchair activists”

Looking for what cool gear they can buy or make. Who are they? Students? DIYers. Makerspace peeps?

Someone looking to ask a question. What are the questions like?

​

I want my city council to regulate. What do I do?

​

Get a plan and study design for collecting evidence.

I’m concerned about something but it’s ill-defined.

​

Send them to the issue brief to help them to get to clarity and to make it more actionable for Public Lab.

​

https://publiclab.org/issue-brief

Another type: landed on a deep link into the PL website via a web search or an email chain. Did not go through the front page, did not log in, did not have any onboarding ladder. This happens a lot. VIA TEMPLATE PROJECT Need to standardize calls-to-action, not rely on sidebars because people use them inconsistently

​

People looking to offer help based on their own interests, maybe domain expertise, or to share a personal story

Funders who we want to impress

User profiles by “what are you trying to do?”

Recently active topics

air-quality 208 people

Popular topics

dust 208 people

water-quality 208 people

water-quality 208 people

water-quality 208 people

water-quality 208 people

water-quality 208 people

Follow

water-quality 208 people

Follow

water-quality 208 people

Follow

water-quality 208 people

Follow

water-quality 208 people

Follow

Unfollow

+

=> Put the title into the feature

​

Recent Activity

OR

Recent Topics

“Active” instead of popular

These would collapse and a “Popular topics [+]” accordion would show on mobile

Dashboard Updates from community members on topics you follow

​

water-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

air-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

​

Choose a template learn more +

​

​

​

​

​

​

Or skip templates »

​

ask a question

​

share a story

or project

​

describe an issue

...

You’ve just unfollowed pipeline-monitoring. Click here to re-follow.

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

MORE button opens bigger selection modal or accordion section

Go to /spam to see all new content, pre-approval that does or does not have tags ?

Does Blog need to be pinned to the top?

Auto-subscribed to newsletter and the blog?

Do we need a “no email” option for subscriptions?

Do we need a link to “See All Recent” ? Resuscitate the /research for logged in users

Recommended set of related tags, deduplicated, ordered.

Add your location

Add your location to see work near you | About location privacy

Nearby activity »

This list could be collapsed to show ~7 and expandable with a “More »” link

Dashboard Updates from community members on topics you follow

​

water-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

air-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

You’ve just unfollowed pipeline-monitoring. Click here to re-follow.

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

Add your location will become Nearby activity (below) once you’ve done it

Add your location

Add your location to see work near you | About location privacy

Nearby activity »

If you have <3 or <1 followed topics, you are shown a few more

Dashboard Updates from community members on topics you follow

​

water-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

air-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

You’ve just unfollowed pipeline-monitoring. Click here to re-follow.

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

Add your location

Add your location to see work near you | About location privacy

If you have <3 or <1 followed topics, you are shown a few more

​

Follow topics

Dashboard Updates from community members on topics you follow

​

blog 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

Go to /spam to see all new content, pre-approval that does or does not have tags ?

Does Blog need to be pinned to the top?

Auto-subscribed to newsletter and the blog?

Do we need a link to “See All Recent” ? Resuscitate the /research for logged in users

air

boston

waste

soil

legal

sensors

air

boston

waste

soil

legal

hhyigy

air

boston

waste

soil

legal

sensors

Add your location

Add your location to see work near you | About location privacy

Nearby activity »

​

events 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

Upcoming events

Next Open Call: Every Tuesday 3pm ET

Next Open Hour: First Monday of the month

Next Barnraising: 2020 March, in Miami

​

More events »

+

Follow topics »

​

Upcoming events:

Next Open Call: Every Tuesday 3pm

Next Open Hour: January 9, 2020, 8pm

Next Barnraising: 2020 March, in Miami

​

More events »

This could be default-open for newcomers OR if you have fewer than ~3 topics

​

Follow topics

Click to add topics, or learn more +

​

​

​

​

​

​

​

All topics »

waste +

​

Follow topics

Dashboard Updates from community members on topics you follow

​

blog 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

​

Upcoming events

Next Open Call: Every Tuesday 3pm ET

Next Open Hour: First Monday of the month

Next Barnraising: 2020 March, in Miami

​

More events »

Follow topics »

​

blog 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

blog 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

Follow topics

Click to add topics, or learn more +

​

​

​

​

More +

​

​

​

​

​

All topics »

waste +

This list could be collapsed to show ~7 and expandable with a “More »” link

​

Follow topics

Follow water-quality +

Follow water-quality +

Follow water-quality +

Sourced from a special tag applied to individual posts

Sourced from list of 18 featured topics OR

Dashboard Updates from community members on topics you follow

Search for a location

​

water-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

...

​

air-quality 208 people discussing

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

350 more posts »

​

New post +

​

Choose a template learn more +

​

​

​

​

​

​

Or skip templates »

​

ask a question

​

share a story

or project

​

describe an issue

...

You’ve just unsubscribed from pipeline-monitoring. Click here to re-subscribe.

Welcome! We’ve started you off with a few topics, but you can add/remove them as you like.

Turn on layers

2

MORE button opens bigger selection modal or accordion section

​

Follow more topics Click to add topics, or learn more +

​

​

​

​

​

​

​

​

Or skip templates »

Popular topics

​

​

Trending topics

​

Open this data in another tool

Continue your analysis with one of the options below:

​

Jupyter »

Plotly »

WTFCSV »

Codap »

Button

Well

Someone notices a problem

They connect with others working on the issue

We investigate evidence together

We take action based on evidence

Button

Be The Change

We address environmental problems together

How we work

Join in!

​

water-quality

drinking-water

fracking

microplastics

lead

mining

agriculture

oil-and-gas

​

soil

lead

mining

agriculture

oil-and-gas

​

air-quality

indoor-air

formaldehyde

dust

particulate-matter

transportation

oil-and-gas

​

industry

land-use

land-change

mining

agriculture

oil-and-gas

waste

​

monitoring

sensors

balloon-mapping

...methods

​

​

climate

stormwater

​

​

organizing

advocacy

community-organizing

legal

​

misc

urban-planning

sensors

chemicals

noise

​

climate

stormwater

​

advocacy

community-organizing

legal

​

Rotating stats could be

Community size: Number of users

Regions impacted: number of locations

Types of issues supported

​

​

Topics

​

Methods (Tools?)

These could be pictures instead of icons --->

See what’s happening right now!

Our Community

​

Button

Well

Notice something + want to know more

Connect with others working on the issue

Collect evidence

Impact, action, advocacy, change

Button

Something

Something

How it works

​

We work in a model known as Community Science. Here’s how to be part of it.

Say something epic here

More about this thing

​

water-quality

drinking-water

fracking

microplastics

lead

mining

agriculture

oil-and-gas

​

soil

lead

mining

agriculture

oil-and-gas

​

air-quality

indoor-air

formaldehyde

dust

particulate-matter

transportation

oil-and-gas

​

industry

land-use

land-change

mining

agriculture

oil-and-gas

waste

​

monitoring

sensors

balloon-mapping

...methods

​

​

climate

stormwater

​

​

organizing

advocacy

community-organizing

legal

​

misc

urban-planning

sensors

chemicals

noise

​

climate

stormwater

​

advocacy

community-organizing

legal

​

Front page

​

How do we start environmental work here in Delhi?

​

Suggested sandwiches

​

More nearby people & groups »

MapKnitter

A Community Atlas hosted by Public Lab

​

Showing info near change

mapknitter.org

Start by zooming into your current location, not a global map

Show distorted images in this area, not just points

​

​

​

​

Uploaded by @eluna

Search for a location

Forefront the people making these maps

Take your own aerial photos

Do-it-yourself photography with kites, balloons, poles, drones, or out the window of an airplane

Show contextual data like weather, local projects, sensors

More nearby people & groups »

MapKnitter

A Community Atlas hosted by Public Lab

​

​

Use a kite, balloon, pole, or drone to take an aerial photo and tell your own visual story of the place. Learn more

Front page

“Place” page

“Place” page

mapknitter

See maps near: Rio de Janiero Guangzhou Barcelona Silwan Bishkek Oakland Cranston Picayune Val Verde more places...

Upload images

expand

Showing nearby change

Featured mappers

Front page

Map viewing page

Edit the map

(current default)

Stuff near here

(from PL.org)

Make a place page?

Add local content?

(current flow)

Overall map page

Front page of PL

Some post that’s been geotagged

Prompt to geotag

How do we start environmental work here in Delhi?

​

Make your own map

Use a kite, balloon, pole, or drone to take an aerial photo and tell your own visual story of the place.

Get a mapping kit »

Environmental data near here

​

A range of groups publish environmental data near here. Read more or share your own map data.

a Community Atlas of

Houston, TX

@cesswairimu

Suggested sandwiches

​

Add your images +

Ask a question

​

Get help from others and share ideas with the Public Lab community:

Post an observation

Projects/Requests for observations

​

Community observations and monitoring are a key source of environmental data. Help add to one of the [projects] here. Read more or post your own call for input

Ask a question

Add a report

Add a report

Get a sensor

File a report

Edit this map

expand

Showing nearby change

Edit this map

More nearby people & groups »

mapknitter.org/houston

mapknitter.org#houston

How do we start environmental work here in Delhi?

​

Make a map near here

​

Use a kite, balloon, pole, or drone to take an aerial photo and tell your own visual story of the place.

Get a mapping kit »

Environmental data near here

​

A range of groups publish environmental data near here. Read more or share your own map data.

a Community Atlas of

Houston, TX

change

Suggested sandwiches

​

Add your images +

Ask a question

​

Get help from others and share ideas with the Public Lab community:

Post an observation

Projects/Requests for observations

​

Community observations and monitoring are a key source of environmental data. Help add to one of the [projects] here. Read more or post your own call for input

Ask a question

Add a report

Add a report

Get a sensor

File a report

Upload images

expand

Showing nearby change

Edit this map

More nearby people & groups »

mapknitter.org/houston

mapknitter.org#houston

​

There’s no place here.

​

Something something the Public Lab community:

Start a page

air

soil

legal

sensors

landfill

soil-contaminants

​

View more results »

All

People .

Results for “soil testing”

Results for “soil testing”

Sort by date

​

< 1, 2, 3, 4 >

Depending on what you are trying to test, a sample may be...

Simple materials for taking a soil sample

Navbar autocomplete should now show only tag matches.

​

What if someone types in a person’s name into the menu bar? They won’t see profiles. Is “View more results” enough to get them to the /search page where profiles are offered in sidebar?

< 1, 2, 3, 4 >

Auto-select of suggestions is turned off; either clicking enter or “View more” will open default Google search at /search/______ (shown on this page)

By type .

13

Questions

Wikis

Notes

Switch this to be the standard pagination (didn’t have time to style it)

This area of the mockup shows the new default “Google” results; below, we show how Wiki results would look under “By type”

All

People .

By type .

13

Questions

Wikis

Notes

Search or choose a tag to explore

Featured results is not yet built, but eventually we’ll add this in

Search or connect with a topic community

Search »

What’s a good question?

​

You can ask a simple question like “how do I use this air sensor?”

​

Or give some more context; show a picture or ask for...

Get help with your questions:

Ask the community

​

Public Lab has thousands of community members around the world. Everyone is an expert in something. Just ask, and the community can help!

​

Learn more »

This just accordions open more tips, like:

​

What are ways to measure algal blooms? by @gloria

Are there sensors for monitoring nitrates? by @min

Balloon map of Los Angeles river by @jhonny

​

35 more questions »

​

Add a soil question +

...

@eustatic asked:

​

What are ways to measure algal blooms?

​

4 people responded

@gloriatavares asked:

​

Are there sensors for monitoring nitrates?

​

6 people responded

​

​

​

...

Featured questions

see some of the great questions people have asked, and get a feel for how it works

What’s your question?

​

Read more »

...

Read more »

Next »

Aa

I want to know...

Tags added later. Formatting could even be suppressed and added later (ctrl-B still makes things bold)

Typing should show list of related questions below:

What’s your question?

​

Next »

Aa

I want to know...

Are these questions related?

Could this be a map of question mark markers of recent questions?

​

Static or dynamic?

Are there sensors for monitoring nitrates?

​

6 people responded »

@gloriatavares

More »

This could cycle to show different featured questions, maybe just showing a different one on each page

​

​

​

​

​

Related questions on:

water-quality

algae

sensors

​

Permalink | 60 views | 1 star

These could be font-awesome icons instead of words

Clicking on a topic opens a standard topic card below, but one that lists questions.

New question on soil +