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 | "Thank you so much for this, @molangmuir10! This level of detail is SUPER helpful. @stefannibrasil @kaustubh_nair @alaxallves @cess @rexagod @sashad..." | Read more » | over 5 years ago | |||
| stevie | "@stevie awards a barnstar to molangmuir10 for their awesome contribution! " | Read more » | over 5 years ago | |||
| warren | "Extending thanks for great work over the years, to @milaaraujo @stefannibrasil @IshaGupta18 @Ujitha @singhav @david-days !!! @lekhidugtal @gautami..." | 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 | |||
| Getty | " Thank you so much Warren. It was such an awesome experience though. I sure will try again next time! " | 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 | " Hi, Getty! I wanted to reach out to say that we really appreciated your work and your proposal. You're doing great work, and we'd love it if you'd..." | 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 | |||
| Getty | "Thank you @jywarren . Yes it's been a passion for quite some time and would love to explore more on the p5js library. Thanks much! " | Read more » | over 5 years ago | |||
| warren | " :smiley: Did you notice your page is live? https://publiclab.org/stats/subscriptions Introduce service workers and AMP(Accelerated Mobile Pages) ..." | Read more » | over 5 years ago | |||
| Getty | "A better UI and UX is key to anyone visiting the site. Most of what is in my proposal is to better the sites UI in general that first timers or eve..." | Read more » | over 5 years ago | |||
| Getty | " yes of course. Let me make that more clear. Thanks fro your review. " | Read more » | over 5 years ago |