Public Lab Wiki documentation



User interface design


« Back to Website

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.


UI challenges

We are seeking to improve the UI design of the following pages:

Active projects

Upcoming or need help

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 page.

Screen_Shot_2018-09-26_at_10.17.10_AM.png

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

Title Author Updated Likes
What are your thoughts about searching for content on the Public Lab website? @Bronwen 3 months ago
Help us refine the search interface at PublicLab.org/search @warren 6 months ago
What are your thoughts on this initial sketch for a Tag page on PublicLab.org? @warren 9 months ago
Looking for input on a simplified "subscribe" design for PublicLab.org posts @warren 9 months ago
How do we address the issue of people posting the same or very similar questions? @stevie about 1 year ago
Browser notifications for answers to your questions? @warren about 1 year ago
What do you think about this new design sketch for a Welcome page? @warren about 1 year ago
How can I make a tag graph visualization? @bsugar about 1 year ago
How do we do user interface design work in a community process? @warren about 1 year ago
Who can I reach out to for community science app UI help? @nshapiro over 1 year ago
What's one thing that could be better for newcomers about the Public Lab website? @warren over 1 year ago
How can we reduce visual clutter on the sidebar of PublicLab.org? @warren over 1 year ago
Need your feedback on Tag pages @tommystyles over 1 year ago
Call for input on upcoming Rich Editor and Rich Wiki projects for PublicLab.org @warren about 3 years ago
Show more

Ask a question  or help answer future 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!

Username
warren
niklasjordan
kelv
oorjit_chowdhary

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 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


1 sub-pages

Public Lab is open for anyone and will always be free. By signing up you'll join a diverse group of community researchers and tap into a lot of grassroots expertise.

Sign up