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 | ||
|---|---|---|---|---|---|
| warren | "OK, sounds good. Thank you! On Wed, Nov 14, 2018 at 9:06 AM \<notifications@publiclab.org> wrote: Hi! There's been a response to a discussi..." | Read more » | over 5 years ago | |||
| kelv | "Hello Warren, I needed this so that I know how to implement the cards.. but its ok.. I'll just have it static.. for now... For the latest HTML mock..." | Read more » | over 5 years ago | |||
| warren | "Hi, Kelvin - no worries - actually you don't need to be doing any database work yet; we will be integrating your code, or pieces of it, into this p..." | Read more » | over 5 years ago | |||
| kelv | "@warren, which databases do you use? I need to know so that I can generate an algorithm for it. Thanks " | Read more » | over 5 years ago | |||
| edie_blues | "Hello again @warren :) Two quick questions: is it possible to upgrade my account to a moderator so that I can publish a wiki (see above)? any pr..." | Read more » | over 5 years ago | |||
| kelv | "Hey Warren, been working on some stuff for fetching data from your database and placing it on the cards so that we can now sort or rather filter......" | Read more » | over 5 years ago | |||
| edie_blues | "Hi @warren, Yes, would love to test out the page as it is now. Would it be possible to upgrade my account to a moderator? Right now I can't publi..." | Read more » | over 5 years ago | |||
| warren | "Hi, Kelvin - how are things progressing? Thanks! " | Read more » | over 5 years ago | |||
| warren | "Hm. I wonder how close we are on a v4 upgrade. It'd add some chaos, but it's essentially "now or later" chaos. https://github.com/publiclab/plots2..." | Read more » | over 5 years ago | |||
| edie_blues | "Hi @joyofsoy and @warren! I've added a carousel (not finished), to give you an idea of how it would look like. Let me know what you think :) As a..." | Read more » | over 5 years ago | |||
| 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 |