Public Lab Research note


A Questions page to encourage discussions through better UX

by siyuan | June 12, 2017 19:26 12 Jun 19:26 | #14523 | #14523

siyuan was awarded the Basic Barnstar by warren for their work in this research note.


I'm working on a pro-bono project to improve the user experience on Public Lab's site. I've spent some time in the past few weeks learning about and evaluating the Questions page for ways to improve the UX/UI.

I typically like to have a small set of research/design questions that I refer to throughout the design process. Looking at the Questions page, here are a few guiding thoughts:

1. Assuming that a user's goal on this page is to (1) ask a question, (2) answer a question, or (3) explore the discussions, how does the page facilitate (or slow down) these goals?

2. Can the page be reframed to give askers more agency over the discussion?

3. On what other pages are the questions relevant, and in what context should they be embedded?

I used Mural, a brainstorming and collaboration tool, to create a virtual board of questions/comments about the UX:

image description

image description

image description

I also checked out design patterns on analogous sites. I looked at Stack Overflow, Quora, Slack (asynchronous chat), Reddit (threading), and Instructables for common, intuitive experiences in discussion-based domains.

In the next couple of weeks, I'll be ideating and sketching some ideas for features/layouts that will address some of these comments.


13 Comments

Just wanted to say, I love this analysis and have shared it already with @stevie and @liz and @becki -- thanks so much for posting it here! We're very much looking forward to the next steps, so please tell us what you need.

Thanks to you and to Autodesk!

Reply to this comment...


Thank you for this, it's really relevant, thanks for the targeted look!

Reply to this comment...


Just linking in our #soc Summer of Code team who may be interested to read over these analyses as they develop various new interfaces!

@ryzokuken, @stella, @ccpandhare, @mridulnagpal, @Ashan, @david-days, @ananyo2012, @Ujitha, @icarito

Thanks again!

Reply to this comment...


hi @siyuan , I'm excited to help you get whatever other information you need to ideate and sketch some ideas for features/layouts.

Reply to this comment...


Hi @siyuan , i just posted this github issue about what seems to be redundant clutter on the /questions page: https://github.com/publiclab/plots2/issues/1527

Reply to this comment...


I just wanted to share this follow-up work that Siyuan made on Mural:

https://app.mural.ly/t/autodesk18/m/autodesk18/1493058561784/830bcd3736273a15e7f341fd5beff053292ef6c7

It gets at the design of specific "question cards" and has lots of great material. Thanks, Siyuan!

Reply to this comment...


Like this one on the actual individual question page:

Screenshot_2017-09-26_at_12.00.10_PM.png

Reply to this comment...


just adding some notes from a "walkthrough" Liz did highlighting some issues which overlap with the ones @siyuan outlined above:

question search autosuggest is a lot of info at once -- needs thinking through Try typing "particulate matter" is this box search or ask? hit enter tried to search but got a form to keep filling out question went back to /questions trying "filter by topic" input no results for "particulate matter" (due to spaces -- tags can't have spaces, sidebar should constrain to options)

Is this a question? Click here to post it to the Questions page.

Reply to this comment...


I also wanted to share a lot of snaps from the bigger design Mural, with lots of smaller details (also just in case Mural goes away or something):

In this one below, "Why do I have to do this to answer a question" is because the message is ambiguous -- it actually means to answer OTHER questions on the topic if they get posted, in the future. We could move that whole message down the page and make it less ambiguous.

Screen_Shot_2018-12-03_at_5.15.28_PM.png

Screen_Shot_2018-12-03_at_5.13.05_PM.png

Screen_Shot_2018-12-03_at_5.12.46_PM.png

Reply to this comment...


Screen_Shot_2018-12-03_at_5.12.29_PM.png

Screen_Shot_2018-12-03_at_5.12.17_PM.png

Screen_Shot_2018-12-03_at_5.11.29_PM.png

Screen_Shot_2018-12-03_at_5.11.25_PM.png

Screen_Shot_2018-12-03_at_5.10.43_PM.png

Reply to this comment...


@warren awards a barnstar to siyuan for their awesome contribution!

Reply to this comment...


I've awarded a barnstar here because I wanted to note that we've been gradually implementing everything here, and it's really great. It's a lot of bite-sized recommendations that are easy to break up and hand off to our amazing code community to be implemented, piece by piece. And, all together, it adds up to a much much improved site design! Thanks, @siyuan!!!

Reply to this comment...


Wow, I've missed the discussion here, but I'm so happy that it's helping evolve the site! Let me know if I can answer any questions or help in any capacity as the team implements some ideas.

Reply to this comment...


Login to comment.