Public Lab is an open community which collaboratively develops accessible, open source, Do-It-Yourself technologies for investigating local environmental health and justice issues.
User interface design
User interface design helps us adapt the systems we use to serve a broad set of interests and backgrounds -- especially this very website. In the spirit of Public Lab collaborative work, this page is for sharing and discussing user interface related information.
A number of projects are in progress; we work to make sure they are broken into small enough parts so that people can take them on and solve them. Some are listed at the bottom of this page.
### Upcoming or need help
* https://publiclab.org/tags (or “topics” or “environmental concerns” or /issues? with priority on Oil + Gas)
* https://publiclab.org/people ?
* https://publiclab.org/events (could this fit under people, or regions?)
* https://publiclab.org/profile (i.e. https://publiclab.org/profile/stevie)
* https://publiclab.org/questions (see #14523)
### First contact
Also, we want to be refining and improving the flow of newcomers through our site on their first visit. See more about this on the [First Contact](/first-contact) page.
We are using this shared [Google Presentation](https://docs.google.com/presentation/d/1TCZoTfuhamRVrUak8aDgqJAwSgyhRtZg2Pgacl2_4zc/edit?usp=slides_home&ths=true) to iterate on design solutions, as well as [Froala Design Blocks](https://www.froala.com/design-blocks/) and their [drag and drop editor](https://www.froala.com/design-blocks/webpage-builder) to develop design solutions for these pages. Please [post a proposal or sketch](/post) if you'd like to get involved!
## Design group
We are looking to work with community members and people looking to get involved in UI design on Public Lab -- please join the group below to help out!
## Open issues
Here are some (disorganized) open design issues we're trying to work on in GitHub:
<iframe src="https://jywarren.github.io/community-toolbox/examples/embed.html#l=design&r=plots2&o=publiclab" style="border:none;" width="100%" height="700px"></iframe>
Our site uses Bootstrap 3 (although we're eventually moving to v4!) to have a consistent visual style -- it includes ready made buttons, menus, forms, and many other elements. https://getbootstrap.com/docs/3.3/
On our website, we use Font Awesome icons in version 4.5+ -- https://fontawesome.com/v4.7.0/