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] **** ## 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/ [![icons.png](/i/26669)](/i/26669) ...


Author Comment Last activity Moderation
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 » almost 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 » almost 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 » almost 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 » almost 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 » almost 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 » almost 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 » almost 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 » almost 5 years ago
icarito "Nice! " | Read more » almost 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 » almost 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 » almost 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 » almost 5 years ago
warren " @warren has marked @sylvan as a co-author. " | Read more » almost 5 years ago
lekhidugtal "This Looks greatttttt :smiley: Looking forward to contributions towards the aim of better user-interface. Thanks !!! " | Read more » almost 5 years ago
warren "@lekhikadugtal @divyabaid16 @souravirus @sylvan @bansal_sidharth2996 @milaaraujo @stefannibrasil and many more, this may be interesting!!! If you'd..." | Read more » almost 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 » about 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 » about 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 » about 5 years ago
Getty " yes of course. Let me make that more clear. Thanks fro your review. " | Read more » about 5 years ago
souravirus " Hi @Getty nice proposal though. The small little optimisations you have used in your proposal is really good like the increasing of the size of th..." | Read more » about 5 years ago
lekhidugtal "Hi @divyabaid16 Fossasia has five column , so there is much less space but we have four column. How bout thinking like that. :thinking: Regardin..." | Read more » about 5 years ago
divyabaid16 "Yes, @gautami_gg and @lekhidugtal I had the same view. But the original footer had such long sentences and in order to accommodate this, I found th..." | Read more » about 5 years ago
gautami_gg "Great designing @divyabaid16 . I agree with @lekhidugtal , that the footer looks a bit cluttered. Adding long sentences in the footer creates a lot..." | Read more » about 5 years ago
lekhidugtal "Hi Divya Footers can be large if we want and it's not necessary to compact the footer. Currently in your design the footer looks cluttered with l..." | Read more » about 5 years ago