This is a testing site only. See the live Public Lab site here »


User interface design
pin:ui

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] **** ### 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/methods * https://publiclab.org/dashboard * https://publiclab.org/profile (i.e. https://publiclab.org/profile/stevie) * https://publiclab.org/questions (see #14523) * https://publiclab.org/blog ### 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. [![Screen_Shot_2018-09-26_at_10.17.10_AM.png](/i/26668?size=medium)](/i/26668) ## 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 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/ ### Icons On our website, we use Font Awesome icons in version 4.5+ -- https://fontawesome.com/v4.7.0/ [![icons.png](/i/26669)](/i/26669) ...


Author Comment Last activity Moderation
warren "One more thing that may be a little odd. The tag input form makes sense above the power tag zone. But when entering, we may have to add extra code ..." | Read more » about 3 years ago
warren "Love this. this is all perfect. Great short texts too. If folks are ready, we can start chopping this up into pieces for implementation. One note ..." | Read more » about 3 years ago
mimiss "Also thanks to @Liz for help in formatting and putting this together! " | Read more » about 3 years ago
mimiss "These changes also raise the issue of what it would look like if the only additional tags not shown in the large topic cards are power tags. I thin..." | Read more » about 3 years ago
mimiss "The next part of this can be viewed on page 6 of the mockups (https://docs.google.com/presentation/d/1TCZoTfuhamRVrUak8aDgqJAwSgyhRtZg2Pgacl2_4zc/e..." | Read more » about 3 years ago
mimiss "Hey guys! I wanted to provide some feedback on our topic cards that have replaced the smaller tags on posts. I've been getting a lot of feed-back f..." | Read more » about 3 years ago
latestmehndidesign "Mehndi has been a basic part of traditional system for a long time! Also known as Henna, it is now very popular in western countries too. Pakistan..." | Read more » over 3 years ago
lekhidugtal "Thanks for this. @warren. Till Now, I've been following ui-designs. No wonder there weren't many posts in my digest. Thanks again. " | Read more » over 3 years ago
warren "I especially wanted to note the shift, which was a major breakthrough of the DIAL UI project, away from listing all posts in a single "firehose," a..." | Read more » over 3 years ago
warren "Also noting, as I commented in https://publiclab.org/notes/warren/04-22-2019/user-interface-projects-update-and-dial-osc-project-recap, that this S..." | Read more » over 3 years ago
warren " Oh, sorry, i didn't see the screenshot in the email, maybe I didn't wait for it to load. Thanks! So, on a very detailed technical page like the r..." | Read more » over 3 years ago
warren "One more thing! @gautami_gg and @lekhidugtal if you could both try to "follow" the #ui topic that would be great. Thanks! " | Read more » over 3 years ago
warren "@gautami_gg and @lekhidugtal, this has been expanded upon and refined a bit with the Style Guide, and we may need to update these designs a bit. Bu..." | Read more » over 3 years ago
warren "OK, and, as promised, here's our Draft Style Guide! https://publiclab.org/notes/warren/05-07-2019/introducing-a-draft-style-guide-for-public-lab ..." | Read more » over 3 years ago
warren "Oh, interesting -- can you share a screenshot? In general, I am wondering if we can be quite sparing with colored buttons so as not to overwhelm pe..." | Read more » over 3 years ago
lekhidugtal " Hi @warren I saw your comment in one of the slides regarding blue buttons everywhere. How about keeping blue for primary and main buttons but for ..." | Read more » over 3 years ago
icarito "Nice! " | Read more » over 3 years ago
warren " Notes from discussion with @pdurbin: so, we can embed gists i'd like to embed something where you can switch to see the rendered HTML too, though..." | Read more » over 3 years ago
liz " Looks great! Also, is there a Barnstar for most impressive use of GooglePresentations for layout? You two would get it. " | Read more » over 3 years ago
warren " @warren has marked @sylvan as a co-author. " | Read more » over 3 years ago
lekhidugtal "This Looks greatttttt :smiley: Looking forward to contributions towards the aim of better user-interface. Thanks !!! " | Read more » over 3 years ago
warren "@lekhikadugtal @divyabaid16 @souravirus @sylvan @bansal_sidharth2996 @milaaraujo @stefannibrasil and many more, this may be interesting!!! If you'd..." | Read more » over 3 years ago
warren " This is really great, thanks @sylvan!!! Lots to build on here. I think there may be two paths forward here - first, I'd love to see the draft lis..." | Read more » over 3 years ago