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

Introducing a (draft) Style Guide for Public Lab

Post by @warren 16   |   over 5 years ago

• Total Views: 850 views
• Total Likes: 9
Read more

---

---

User interface projects update and DIAL OSC project recap

Post by @warren 6   |   over 5 years ago

• Total Views: 419 views
• Total Likes: 3
Read more

---

---

Findings from UI Analysis of PL website

Post by @sylvan 1   |   almost 6 years ago

• Total Views: 311 views
• Total Likes: 1
Read more

---

---

Workflow

We are using this shared Google Presentation to iterate on design solutions, as well as Froala Design Blocks and their drag and drop editor to develop design solutions for these pages. Please post a proposal or sketch if you'd like to get involved!

Questions

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!

Join this group

Login/Sign up to join.

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/