Differentiating faceted accordion lists terms and their search links (from 2060)

gigamorph commented 4 months ago

Problem Description: Under the accordion Related Materials, we have materials listed with clickable links on the right and left side. For ex: "laid paper"....... "Show all 27 results" Clicking on the term will bring you to the page for laid paper while clicking on the "show all" will lead to all results for laid paper + your original search (the intersection of the two).

This is confusing to users as the links lead to different search results while containing names/labels that do not indicate the two are different.

Expected Behavior/Solution: TBD - but should have new labels to display what type of search result the link will show.

Requirements:

Link names must properly define what search results a user will be shown upon clicking the link.

Needed for promotion: If an item on the list is not needed, it should be crossed off but not removed.

[ ] ~POW design consideration~
[ ] Wireframe/Mockup (rough sketch below) - Mike
[ ] Committee discussions - Sarah
[ ] Feasibility/Team discussion - Sarah
[ ] Backend requirements - TBD
[ ] Frontend requirements- TBD
[ ] Questions
List of questions for discussions. Answers should be documented within the issue.

UAT/LUX Examples: What it looks like now:

What it should look like: TBD - Mike

Dependencies/Blocks:

Related Github Issues:

Related links:

https://www.bugherd.com/projects/284041/tasks/2003

Wireframe/Mockup:

Sketch:

prowns commented 3 months ago

Issue currently shared with POW.

roamye commented 2 months ago

Per ba/ux meting we need an updated mock based on the sketch listed under Wireframe/Mockup.

roamye commented 1 month ago

Do we want the second line to be indented? or to display right below it as it does in related concepts? Wanted to make sure I was going in the right direction before continuing. The mockup below shows it as right below.

roamye commented 1 month ago

updated wireframe with an indent

kamerynB commented 1 month ago

@roamye @miketullo95 @prowns These wireframes are not valid. This is a faceted search and we do not have this type of granularity to add an additional label describing the relationship of the material to the entity. It would have to be changed to a related list search.

prowns commented 1 month ago

Per 5/28 team meeting, this will impact all faceted lists. Needs further discussion with @kamerynB involved. Team questioning why this needs to be changed.

alternate ideas

“Show all N related results”
Add related before results?
change the label on “Show all N results” somehow

prowns commented 3 weeks ago

@miketullo95 - I think this ticket is with you for UX consideration.

project-lux / lux-frontend

Differentiating faceted accordion lists terms and their search links (from 2060) #95