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 | ||
|---|---|---|---|---|---|
| jhondue123456 | "https://www.google.com " | Read more » | 9 months ago | |||
| warren | "Added a note: For developing more complex mockups and prototypes, this may be a great tool! https://www.layoutit.com " | Read more » | over 4 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 » | about 5 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 5 years ago | |||
| mimiss | "Also thanks to @Liz for help in formatting and putting this together! " | Read more » | about 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 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 5 years ago | |||
| icarito | "Nice! " | Read more » | over 5 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 5 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 5 years ago | |||
| warren | " @warren has marked @sylvan as a co-author. " | Read more » | over 5 years ago | |||
| lekhidugtal | "This Looks greatttttt :smiley: Looking forward to contributions towards the aim of better user-interface. Thanks !!! " | Read more » | over 5 years ago | |||
| warren | "@lekhikadugtal @divyabaid16 @souravirus @sylvan @bansal_sidharth2996 @milaaraujo @stefannibrasil and many more, this may be interesting!!! If you'd..." | Read more » | over 5 years ago |