ProjectSidewalk / SidewalkWebpage

Project Sidewalk web page
http://projectsidewalk.org
MIT License
84 stars 24 forks source link

To help improve proper tagging of images, show pop-up help on mouseover of tag #2585

Open jonfroehlich opened 3 years ago

jonfroehlich commented 3 years ago

As I've been diving more deeply into our data via Sidewalk Gallery explorations, I've noticed some inconsistent tagging (which I hope we'll make editable, see https://github.com/ProjectSidewalk/SidewalkWebpage/issues/2575).

But I also think we can improve tagging, in general, by providing better in situ information to the user when they are labeling. So, for example, when labeling a curb ramp, as the user glides over the various tags, we could show parts of the image below appropriately highlighted (e.g., when user mouses over "not enough landing space", we would highlight that part of the curb ramp diagram). We would want to simplify this diagram, of course, by removing things that are not relevant to Project Sidewalk (because they are too hard to reliably assess with our methods).

image

I think @isavin12 could be a great fit for this.

misaugstad commented 3 years ago

Yeah that's a good look. @uditpatwal recently added tooltip examples (similar to what we have for severity), which this sounds similar to! But showing it on a diagram might be more helpful than just showing an example. Although I guess that for landing space, @uditpatwal added a bit of annotation to make it more useful: 23

misaugstad commented 3 years ago

@jonfroehlich so @uditpatwal did recently add something similar to this when he added in tooltips on the tags on the audit page. Is this ticket about improving them by replacing some/all of the example pictures with diagrams that might be more informative? Or did you just not realize that we've recently added tooltips when making the ticket? Should the ticket be about adding those tooltips into Gallery and/or Validation once we make data editable?

I'm just not exactly sure what the action item is for this issue.

jonfroehlich commented 3 years ago

Yes, should be added to Gallery and Validation imo.

I still think there is room for possibly doing diagrammatic rather than pictorial versions of the pop-ups too (as my post originally suggests). I have not seen @uditpatwal's feature, so maybe his work could indeed just be applied to all areas where we have severity info.

Is there a place to easily learn more about and see @uditpatwal's popups (e.g., a single screenshot that shows all the various popups, etc.)

misaugstad commented 3 years ago

There isn't a single screenshot or anything, no. But if you just open the audit page, you can place one label of each label type and hover over the tags to quickly get an idea of where we're at.

jonfroehlich commented 3 years ago

Wow, this is really neat @uditpatwal. I just reviewed them. Great job!! Only thing I could have asked for us a one-stop place to view and review all of these pop-ups. To address this, here they are with some comments :) (Update: I couldn't finish this because the server just went unresponsive... perhaps due to an upgrade that Jason's doing... so this list is incomplete).

Curb Ramp Pop-ups

image

image

image

image image

image

Missing Curb Ramps

Love the use of the arrow here. I think we could add an arrow to the images above (for Curb Ramps) to better bring the user's attention to the specific problem.

image

image

image

Pop-up mages that could be improved

This one doesn't really represent "points into traffic" for me. Typically, these types of ramps are the ones that diagonally position the pedestrian into traffic.

image

I don't agree with this one. Not enough context to determine if the ramp is needed. What do you think @misaugstad?

image

Other image sources

In our recently submitted Gallery poster, I essentially must have done the exact same exploration with the Gallery tool as @uditpatwal. My analysis is maybe not as complete but some of my pictures feel more exemplary and easy-to-understand.

image

I have many other examples I've been collecting in a PowerPoint deck, which I was building for our ASSETS'21 poster submission on Sidewalk Gallery.

And, of course, we have these Google Slide decks too, which @gari01234 helped us build (and, I think, he incorporated into some of the teaching curriculum in Mexico):