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 | ||
|---|---|---|---|---|---|
| edie_blues | "Good question @warren. I think in terms of how it looks, v3 and v4 are similar, but v4 is obviously more powerful. Biggest changes are flexbox and ..." | Read more » | over 5 years ago | |||
| warren | "Hmm, i see. I think they'll be close enough that we can make it work... I did a test here: https://publiclab.org/wiki/sandbox-3 We will be upgradi..." | Read more » | over 5 years ago | |||
| edie_blues | "Hi again @warren, I've just realized that Froala uses bootstrap 4.0 and not bootstrap 3. I assume I should be using bootstrap 3 as we discussed in..." | Read more » | over 5 years ago | |||
| edie_blues | "Hi @joyofsoy, thank you very much for your feedback :) For the About Us and Donate, you are right, that will come on top in the navigation bar. ..." | Read more » | over 5 years ago | |||
| joyofsoy | "@warren I'm not sure if people would understand what the numbers mean. Is it something we could display in a popup if you hover over? " | Read more » | over 5 years ago | |||
| joyofsoy | "Awesome work @edie_blues! You're doing a great job! Just a few ideas—not sure that they'll all be good ideas: -Under "Find a cause," I love how t..." | Read more » | over 5 years ago | |||
| warren | "And just to break out Joe's observation that: I clicked on the "turkey-creek" tag and expected to be shown a search of notes with that tag. Instead..." | Read more » | over 5 years ago | |||
| warren | "Just a follow-up on this for when we take it on -- the full set of results (the typeahead dropdown results only show a subset) for Water Quality Te..." | Read more » | over 5 years ago | |||
| joyofsoy | "I was recently looking for a specific research note and knew the exact title: Water Quality Testing At Turkey Creek. I was unable to reach the page..." | Read more » | over 5 years ago | |||
| edie_blues | "@kelv looking good! The cards look really nice and nice colours on the sidebar. For the header section, I think the text in black is quite hard t..." | Read more » | over 5 years ago | |||
| edie_blues | "Hi @warren, good point and I agree. Thinking about it, I think it's likely that the visitors to the page will be interested in either a specific c..." | Read more » | over 5 years ago | |||
| kelv | "@warren , in distinguishing between content thats most important vs. whats most recent means we filter as follows: top overall, most recent, new th..." | Read more » | over 5 years ago | |||
| kelv | "Noted! It will be up in the next version. " | Read more » | over 5 years ago | |||
| warren | "Is there anything you could think of along the lines of "join a project near you" where we might direct people to look at https://publiclab.org/peo..." | Read more » | over 5 years ago | |||
| warren | "@milaaraujo @stefannibrasil i'm kicking this off to collect input on the search system, as there are likely many many small tweaks and adjustments ..." | Read more » | over 5 years ago | |||
| warren | "Here's another! I think once you enter a search term and search, I expect to be able to further refine the search by adding or removing words, espe..." | Read more » | over 5 years ago | |||
| stevie | "Just checked it out. Looks great! Is there any way we could put the "follow topic" as a button larger on the top left hand corner? to me, getting f..." | Read more » | over 5 years ago | |||
| warren | "Also just want to say that I think the "card" design here is pretty good, great work! " | Read more » | over 5 years ago | |||
| warren | "This is starting to come together, thanks! I do want to suggest we use a Bootstrap UI style, like potentially vertically stacked pills, here: http..." | Read more » | over 5 years ago | |||
| warren | "Ok, adding some comments but first a quick sketch: " | Read more » | over 5 years ago | |||
| kelv | "For the tag page, should I create like a template for all tags or create inserting content for all tags? regards " | Read more » | over 5 years ago | |||
| kelv | "hello here, as @edie_blues suggested, I did host my work on github pages herePublic Lab Tag page #ThanksEdie To the team now, I have changed quite..." | Read more » | over 5 years ago | |||
| warren | "Looking great. I'll reply in more depth on Monday. We may need to do up some text for the Community Science part, but we'll see... i'll connect wit..." | Read more » | over 5 years ago | |||
| kelv | "@edie_blues hadn't thought of that, lemme work on it. Thank you! " | Read more » | over 5 years ago |