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 | ||
|---|---|---|---|---|---|
| liz | "It was written in one github issue and illustrated in another that "a consistent 3-column "at a glance" display" is a style we are trying to establ..." | Read more » | over 6 years ago | |||
| gretchengehrke | "Agreed! " | Read more » | over 6 years ago | |||
| warren | "@gretchengehrke -- this looks like it's related to your github issue for dashboard organizing: https://github.com/publiclab/plots2/issues/2076 -- w..." | Read more » | over 6 years ago | |||
| zengirl2 | "For “getting started” notes for tools/kits label them with similar name like Riffle 101 or Riffle: Getting Started. " | Read more » | over 6 years ago | |||
| hannahbkates | "One thing I've found confusing when looking at the events page (https://publiclab.org/events) is figuring out where different events are happening...." | Read more » | over 6 years ago | |||
| MDizzia | "Either a newletter that you can sign up for when enrolling on the site, or if that already exists, a clearer way to know that it is available :) " | Read more » | over 6 years ago | |||
| warren | " Smart-Forms_wireframes-cropped.psd I guess PSDs don't upload correctly in the rich editor but they work in comments-- good for now, i guess? " | Read more » | over 6 years ago | |||
| nshapiro | "its pretty small. the file is linked in the text, here's the link https://drive.google.com/file/d/1SbZog5bou9gsCbv5kqFMKwvD6QCCG_Kl/view Thank you! " | Read more » | over 6 years ago | |||
| warren | "Hi, how big is the file? We can host it on one of our servers; can you share the drive link for now? " | Read more » | over 6 years ago | |||
| warren | "@liz shared this great resource, re: the discussion below of a "style guide" or "design modules" -- https://lawsofux.com/ " | Read more » | over 6 years ago | |||
| liz | "Thank you again so much @julvie, i added so many comments i hope it's not too much! Would you be interested in coming to a 3pm meeting next Tuesday..." | Read more » | over 6 years ago | |||
| nshapiro | "hi @warren! how do i upload Kevin's .psd to PL.org and link to there so that he can not worry about accidentally breaking the link to his drive in ..." | Read more » | over 6 years ago | |||
| warren | "Also noting this as a reference (though it's for print!) http://publiclab.org/style-guide " | Read more » | over 6 years ago | |||
| warren | "Our discussion covered a lot of topics! @liz @stevie this is great stuff for planning out how we'll engage design contributions. Tommy How do we ..." | Read more » | over 6 years ago | |||
| liz | "thank you so much for this @julvie , i've started reading your great write-up and am excited to be in touch on this " | Read more » | over 6 years ago | |||
| julvie | "Hi Everyone, Here is a preliminary review of the site and also some questions to better understand who the people in the community. https://docs.g..." | Read more » | over 6 years ago | |||
| liz | "it would be great if we saw pictures of contributors on the tag pages " | Read more » | over 6 years ago | |||
| nshapiro | "Thanks so much, Jeff! I think we know that there are many many pain points. Here we have collected some of them https://github.com/publiclab/SmART-..." | Read more » | over 6 years ago | |||
| warren | "Hi, Nick - we've been starting to organize some user interface design materials and techniques on https://publiclab.org/wiki/ui, mostly focused on ..." | Read more » | over 6 years ago | |||
| kgradow1 | "Obviously with some modification for context " | Read more » | over 6 years ago | |||
| kgradow1 | "I really liked the suggestion that was made at the Barnraising to put the agile learning quotes front and center on the website. "Whoever comes is ..." | Read more » | over 6 years ago | |||
| bsugar | "For an interesting spin on this (all be it force directed) go to Tag Overflow and click on one of the tag nodes. : ) " | Read more » | over 6 years ago | |||
| bsugar | "Hey everyone! For what it's worth I was heavily inspired by this project Tag Overflow, the code for which is here and from an initial version, her..." | Read more » | over 6 years ago | |||
| warren | "Ah, and to your question, by "primary tag" I just meant the tag for the tag page you're looking at, so for /tag/onions, just onions. If we implemen..." | Read more » | over 6 years ago |