With generous support from Autodesk, @caufenkamp, @tommystyles, @julvie and I have been meeting f...
Public Lab is an open community which collaboratively develops accessible, open source, Do-It-Yourself technologies for investigating local environmental health and justice issues.
Public Lab chatroom
Reset your password
warren asked on January 22, 2018 23:46
177 views | 3 answers | #15587
With generous support from Autodesk, @caufenkamp, @tommystyles, @julvie and I have been meeting for a few months, digging into tough questions about user interface design on PublicLab.org -- see this post, for some of the topics we got into: https://publiclab.org/questions/tommystyles/10-20-2017/need-your-feedback-on-tag-pages#a725
We have a lot to work from here, and you'll see a number of changes to our site leading out of this work and @siyuan's work in this post
Today we had a great discussion about how Public Lab might structure and support user interface design work going forward -- thinking about how designers who want to pitch in can quickly:
...all working in a small, modular workflow, rather than taking on massive bespoke design projects! Read more about that here.
I'll paste the notes I took from this discussion below. Thanks to the whole Autodesk Pro Bono team!
@liz shared this great resource, re: the discussion below of a "style guide" or "design modules" -- https://lawsofux.com/
The Design Justice Network describes themselves as:
We are striving to create design practices that center those who stand to be most adversely impacted by design decisions in design processes. We work to challenge the ways that design and designers harm Indigenous peoples, communities of color, poor and working class people, the sick and disabled, migrants, LGBTQ people, women and femmes. We use design to imagine and build the world we need to live in — one that is safe and just. We do this by producing work that is based on shared principles of design justice, by growing our international network of design practitioners and advocates, creating critical publications, and curating exhibitions.
Read the design justice network principles: http://designjusticenetwork.org/network-principles/
Also noting some past efforts at community input on UI design we've done:
Log in to comment
Our discussion covered a lot of topics! @liz @stevie this is great stuff for planning out how we'll engage design contributions.
How do we do this on design? It's hard to do without the big view. Cohesion, unified.
Not a design czar. Small design committee, to own the cohesion goal?
Style guide. Principles for smaller design conventions.
vs. clean sheet design of a large feature
When to say "let's start over with some sketches!"
What's set in stone. What's out of scope?
The need for context!
Lots of context needed! It takes time getting ppl caught up if they're new to the site!
Coders don't need the "onboarding" context as much -- not as existential.
What's the raw data to work with? Eval team reports? Interviews or user studies to browse through?
What's the Wikipedia article about Public Lab?
We're not trying to revisit the fundamental tenets -- but here are areas where we need work! This is what's up for grabs.
A process: "when we do design, we'd like to see artifacts A B and C -- a workflow convention.
Cool to have a place where you provide the starting ingredients for a designer.
LUMA technique about stakeholder mapping -- where could a designer dig into existing information like this?
Recurring design challenges/questions...
What are "old interfaces"?
Relate to yearly survey process!
Either 20 people have added stuff to this page, and not coordinated OR this was never designed... HELP
A "toolbox" of design modules
"Design modules" idea -- widgets to display groups of people, maps, graphs, design elements that recur a lot. A design vocabulary rather than page-based designs.
Engage a group of people to reflect on and respond to a design on a cycle.
A way to do a quick feedback cycle on a design idea.
Feedback on style conventions too -- colors, styles, fonts. The "look".
A list of design conventions across the site
This should be part of the style guide!
Quick iteration reviews of design work -- a mini design review workflow
Also noting this as a reference (though it's for print!) http://publiclab.org/style-guide
It was written in one github issue and illustrated in another that "a consistent 3-column "at a glance" display" is a style we are trying to establish.
We should also address sidebars in a style guide
Here are some great design blocks using Bootstrap (so compatible w our site) that we could use across the site as a style guide at some levels:
I'd like to try a community UI process for the profile page, maybe working from this basic sketch as a starting point:
One more answer! We've had some community-input processes on design in the past, and this Google Presentation has been really helpful to "build" mockups using some standard parts, collaboratively:
It's a bit of a mess, but Google Presentations is not a terrible environment to do highly-collaborative mockups.
Sign up or Login to post an answer to this question.
Looking for input on a simplified "subscribe" design for PublicLab.org posts
updated 25 days ago
What are your thoughts on this initial sketch for a Tag page on PublicLab.org?
updated 4 months ago
How do we address the issue of people posting the same or very similar questions?
updated 5 months ago
Design recommendations for postcard research invitation?
updated 5 months ago
Browser notifications for answers to your questions?
updated 6 months ago
What do you think about this new design sketch for a Welcome page?
How can I make a tag graph visualization?
updated 7 months ago
Who can I reach out to for community science app UI help?
updated 9 months ago