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


User interface design
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
liz "Would it be possible to filter out powertags? Powertags are all the ones with the : in the middle. This would remove all lat:0 and long:0, which wo..." | Read more » almost 2 years ago
warren "Added a note: For developing more complex mockups and prototypes, this may be a great tool! https://www.layoutit.com " | Read more » about 2 years ago
akosu "Nice Website. This Site provided me a very useful and important information. This Website is very interesting, and full of informative thanks; i m ..." | Read more » over 2 years ago
Mubbu "Hi helpful https://www.thehindilyrics.com " | Read more » over 2 years ago
cess "Gotcha, yeah I am available " | Read more » over 2 years ago
warren "Hi, Cess! I think we need only one for notes, for now. The questions one already exists, and this new one would be an alternate template for pubicl..." | Read more » over 2 years ago
cess "Hey @jywarren, do we want to have two different templates for this? One for the questions and another one for the wiki? Thanks " | Read more » over 2 years ago
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 » over 2 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 » over 2 years ago
mimiss "Also thanks to @Liz for help in formatting and putting this together! " | Read more » over 2 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 » over 2 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 » over 2 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 » over 2 years ago
tomsmith "Hello......Very nice post!. It provides me very useful details. Thanks for sharing this information. I really like the way they have explained the ..." | Read more » over 2 years ago
ignitewardrobe "Great article with remarkable idea. It is so informative. Kindly write more online shopping store in Pakistan for mens clothing including formal ..." | Read more » over 2 years ago
lekhidugtal "Hi @gauravano I just updated the blog with images !! Thanks !! " | Read more » over 2 years ago
lekhidugtal "Thanks a lot !!! @alaxallves :smiley: " | Read more » over 2 years ago
alaxallves "Nice work @lekhidugtal ! Great idea by sectioning your goals!! Keep up the good work! " | Read more » over 2 years ago
gauravano "@gauravano awards a barnstar to lekhidugtal for their awesome contribution! " | Read more » over 2 years ago
lekhidugtal "Thanks for the response @gauravano . Surely, I'll update the post with images. " | Read more » over 2 years ago
gauravano "Great post Lekhika!! How about adding some screenshots of your work here with each milestone? Thanks. Both, you and Gautami did amazing job of bea..." | Read more » over 2 years ago
icode365 "Sure, I would love to do that...I'll take a look at it :+1: :smiley: " | Read more » over 2 years ago
warren "Oh, awesome. Would you be at all willing to open a PR to change the image-sequencer implementation, or to port over the policy in community-toolbox..." | Read more » over 2 years ago
icode365 "Yes, so here is some documentation regarding Network with Cache fallback policy. Actually, by looking at the service worker file, it doesn't look ..." | Read more » over 2 years ago