Consider adding 'Sort By' control to Gallery

[jonfroehlich]

I think we should consider adding 'Sort By' controls to Sidewalk Gallery.

We could support sorting by:

• Validation status ('Most correct first', 'Least correct first')
• Severity level ('Most severe first', 'Least severe first')
• Anything else?

[misaugstad]

Recency (of the panorama or of the time of labeling?) is another sort option.

[jonfroehlich]

Yes!

[jonfroehlich]

Another one that I like is "most controversial"

That is some calculation of a label's controversiality--maybe a measure that counts the amount of agrees, disagrees, and unsures?

[misaugstad]

I think that starting with recency would be most useful!

[misaugstad]

@JeremyFreiburger I would start by doing some research into how other websites display sorting features (include links and screenshots in the issue). Then propose a couple designs for how it might look on our Gallery page, in particular.

Once you've posted that, you can start working on the technical implementation while waiting for feedback on the designs!

Note that for the implementation, at least part of the code has been written already in the Gallery code. It may just be boilerplate at this point? But it has at least been started!

[JeremyFreiburger]

For the design proposal the key components for the 'Sort By' section could be.

Validation status ('Most correct first', 'Least correct first') - (Should this be sorted by most agrees/disagrees or ratio of agrees to disagrees?) Severity level ('Most severe first', 'Least severe first') Recency Level ('Most recently labeled first' , 'Least recently labeled first') Number of Tags ('Highest number first', 'least number first')

Some designs I found on other websites are

https://www.biketours.com/germany/table/# ~ table view filters by fields to show, then sort by highest/lowest, sort by not explicitly labeled

https://www.ebay.com/sch/i.html?_from=R40&_nkw=shoes&_sacat=28179&rt=nc&_odkw=vapormax&_osacat=28179&_udhi=35 ~ filter by sort by not next to each other

https://www.alaskaair.com/search/results?O=SA2&D=LA5&OD=2024-01-17&A=1&C=0&L=0&DD=2024-01-19&RT=true ~ filter by and sort by next to each other, drop down lists

My Designs:

~ Similar to biker tours sort by, default is none

~ Similar to ebay, default is none

~ No explicate Sort By section, button icons to indicate high and low with middle as none(default) this design includes arrows and icons, but I will go with one or the other.

Way to handle cases: If problem is unvalidated then ratio is 0/0 - treated as 0 Some problems do not have severity - no severity treated as 0 out of a 5 Recency always has a label date - default no sorting by date labeled Tags: possibility of none - treated as 0

Any design feedback or ideas are helpful. Thanks

[JeremyFreiburger]

Forgot to mention, I like the original design of the gallery page, keeping the filter by and sort by sections on the left side of the screen seems best to me.

[misaugstad]

Although it seems more common to have the sorting separated from the filtering on places like Ebay and Amazon, I do really like how we have the whole right side of the page dedicated to images, and there's space on the left sidebar for sorting...

No explicate Sort By section, button icons to indicate high and low with middle as none(default) this design includes arrows and icons, but I will go with one or the other.

Hmm I think that that probably isn't discoverable enough. Probably too easy to never notice the feature in this design.

('Most correct first', 'Least correct first') - (Should this be sorted by most agrees/disagrees or ratio of agrees to disagrees?)

I'd say ratio.

If problem is unvalidated then ratio is 0/0 - treated as 0

I'd think we'd want to treat it as a ratio of 1, same thing as 1 agree and 1 disagree, 1/1.

Way to handle cases:

Happy with all the others!

---

Overall, I prefer the first design to any of the others. Having a dropdown requires an extra click. And unlike Ebay, it makes sense for all of our sorting options to work in both directions. So let's start moving forward with something like that.

One other thing to look at is how this would look once you filter to, say, Surface Problem labels, which adds a section for tags. How far does is the sorting pushed? Should we put sorting above filter?