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. **** ### Updates [notes:grid:pin:ui] **** ## Workflow 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! **** ## Questions [questions:ui] **** ## 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! [people:group:design] **** ## Open issues Here are some (disorganized) open design issues we're trying to work on in GitHub: **** ## Resources ### Bootstrap Our site uses Bootstrap 4 to have a consistent visual style -- it includes ready made buttons, menus, forms, and many other elements. https://getbootstrap.com/docs/4.0/ ### Icons On our website, we use Font Awesome icons in version 4.7+ and 5+ -- https://fontawesome.com/v4.7.0/ [](/i/26669) ...
| Author | Comment | Last activity | Moderation | ||
|---|---|---|---|---|---|
| zengirl2 | "@warren I do really like the Give Help/Get Help. I was just talking to an artist the other day and they said that exchange/barter is something that..." | Read more » | about 6 years ago | |||
| warren | "Thanks @zengirl2 - yeah, i agree there are these two "attitudes" people might bring, and this particularly resonated with me on the "Ask a Question..." | Read more » | about 6 years ago | |||
| zengirl2 | "@warren I like how you are funneling people to where they are trying to get. I think so far my only issue is that it looks long from a scrolling pe..." | Read more » | about 6 years ago | |||
| warren | "Yeah i was looking for that too... i forget in what thread we came up with that! " | Read more » | about 6 years ago | |||
| liz | "Can someone add in both the "Why write research notes" quad that we printed into notebooks, and Molly's graphic? I don't have time to find them. Th..." | Read more » | about 6 years ago | |||
| warren | "Got some good input on placement of the Code of Conduct link and text via @shannon -- thanks! " | Read more » | about 6 years ago | |||
| warren | "Thanks, Craig! Great feedback. For the "interests" we want to be sure not to pigeonhole people as "scientists" "activists" as PL is all about buil..." | Read more » | about 6 years ago | |||
| caufenkamp | "My thought, as a recent newcomer who was unfamiliar with Public Lab and Citizen Science, is that the How to Participate section in particular is wh..." | Read more » | about 6 years ago | |||
| warren | "@zengirl2 @pdhixenbaugh @kgradow1 @sarasage what do you think of this? :-) " | Read more » | about 6 years ago | |||
| warren | "One more answer! We've had some community-input processes on design in the past, and this Google Presentation has been really helpful to "build" mo..." | Read more » | about 6 years ago | |||
| warren | "And https://publiclab.org/notes/ananyo2012/05-11-2016/design-ideas-for-expanded-q-a-project https://publiclab.org/notes/warren/04-13-2016/call-for..." | Read more » | about 6 years ago | |||
| warren | "Also noting some past efforts at community input on UI design we've done: https://publiclab.org/notes/warren/04-28-2016/announcing-a-new-dashboard..." | Read more » | about 6 years ago | |||
| warren | "Here are some great design blocks using Bootstrap (so compatible w our site) that we could use across the site as a style guide at some levels: ht..." | Read more » | about 6 years ago | |||
| liz | "The Design Justice Network describes themselves as: We are striving to create design practices that center those who stand to be most adversely im..." | Read more » | about 6 years ago | |||
| warren | "Just another note here that could be helpful -- this has a collection of reusable UI design patterns they call "blocks" that I thought were really ..." | Read more » | about 6 years ago | |||
| warren | "just adding some notes from a "walkthrough" Liz did highlighting some issues which overlap with the ones @siyuan outlined above: question search a..." | Read more » | about 6 years ago | |||
| bsugar | "Follow up: @sagarpreet, in exploring export options for a different project, I just discovered that you can extract the visual attributes (i.e. col..." | Read more » | about 6 years ago | |||
| bsugar | "1) If 2 tags belong to same node , they have an edge between them ? The tags don't belong to nodes, the nodes are actually the tags themselves. E..." | Read more » | about 6 years ago | |||
| warren | "<3<3<3 " | Read more » | about 6 years ago | |||
| liz | "I mean, stranger things have happened....:) Thanks so much @julvie! " | Read more » | about 6 years ago | |||
| warren | "To be fair, I think that as the site grows, this query will become more and more taxing on the database, and we may need to rethink this in the fut..." | Read more » | about 6 years ago | |||
| warren | "Oops, sorry @skilfullycurled I hadn't remembered your last comment on this thread and replied to an inquiry from another contributor looking to imp..." | Read more » | about 6 years ago | |||
| julvie | "Hi Liz, it's certainly great to have a discussion going. An in-person discussion would be even better but I am based in Singapore. :( I hope you ge..." | Read more » | about 6 years ago | |||
| liz | "We should also address sidebars in a style guide " | Read more » | about 6 years ago |